var items = new Array();
var port = new Array();
var portimages = new Array();
var global = this;
var timerint = 0;
var curprint = 1;
var isyear = 0;
var numLoaded = 0;

//functions
function xmlhttpPortfoliosPost(strURL) {
    var xmlHttpReq = false;
    var self = this;
    // Mozilla/Safari
    if (window.XMLHttpRequest) {
        self.xmlHttpReq = new XMLHttpRequest();
    }
    // IE
    else if (window.ActiveXObject) {
        self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
    }
    self.xmlHttpReq.open('GET', strURL, true);
    self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
   // self.xmlHttpReq.setRequestHeader('Content-Type', 'text/xml');
    self.xmlHttpReq.onreadystatechange = function() {
        if (self.xmlHttpReq.readyState == 4) {
            updatePortfolios(self.xmlHttpReq.responseText);
        }
    }
    self.xmlHttpReq.send(null);
}

function updatePortfolios(str)
{
  //document.write(str);
  //document.close();
  //alert(str);
  global.eval(str);
  //openPopUp('0');
  document.getElementById("portfolioname").innerHTML = port[1] + ": " + port[0];
  var block = document.getElementById("toc");
  block.innerHTML = "";
  numLoaded = 0;
  for (var i=0; i<items.length; i++) {
	var newNodelink = document.createElement("a");
	newNodelink.setAttribute("href", "javascript:flip('"+i+"')");
	newNodelink.className = "printinactive";
	if (items[i][9] == 1)
		var newText = document.createTextNode("cover by " + items[i][0] + " " + items[i][1]);
	else
		var newText = document.createTextNode(items[i][0] + " " + items[i][1]);
	newNodelink.appendChild(newText);
	block.appendChild(newNodelink);
	portimages[i] = new Image();
	portimages[i].src = "Images/"+items[i][8];
  portimages[i].onload = function() {
	numLoaded++;
	if(numLoaded==items.length) {
	  flip(0);
	  timerint = setInterval("flip('slide')", 4000);
	}
  }
  }
}

function flip(idx)
{
	if(idx == 'slide') {
		if(curprint==items.length) {
			if(isyear == 1) {
				idx = 0;
				curprint = 1;
			} else {
				clearInterval(timerint);
				getyear('slide');
				return;
			}
		} else {
			idx = curprint++;
		}
		/*
		idx = curprint;
		curprint = (curprint<items.length-1 ? curprint+1 : 0);
		*/
	} else {
		clearInterval(timerint);
	}
	var e = getElementsByStyleClass("printactive");
	for (var i = 0; i < e.length; i++) {
		e[i].className = "printinactive";
	}

	document.getElementById("toc").childNodes[idx].className = "printactive";
	document.getElementById("name").innerHTML = items[idx][0] + " " + items[idx][1];
	document.getElementById("title").innerHTML = items[idx][2];
	if (items[idx][9] == 0)
		document.getElementById("date").innerHTML = ", " + items[idx][3];
	else
		document.getElementById("date").innerHTML = "";
	document.getElementById("media").innerHTML = items[idx][4];
	document.getElementById("dim").innerHTML = items[idx][5];
	document.getElementById("edition").innerHTML = items[idx][6];
//	document.getElementById("image").setAttribute("src", "/img/spacer.gif");
	document.getElementById("image").setAttribute("src", "Images/"+items[idx][8]);
//	document.getElementById("image").setAttribute("src", portimages[idx].src);
	if(items[idx][7] == "0")
		document.getElementById("value").innerHTML = "SOLD";
	else	
		document.getElementById("value").innerHTML = "$" + items[idx][7];
	document.getElementById("portdate").innerHTML = port[1];
	if(port[3] == "0")
		document.getElementById("portvalue").innerHTML = "SOLD OUT";
	else	
		document.getElementById("portvalue").innerHTML = "$" + port[3];
}

function getyear(i)
{
	if(i == 'slide') {
		var e = getElementsByStyleClass("yearactive");
		if(e[0].nextSibling != undefined)
			i = e[0].nextSibling.nextSibling.id;
		else	
			i = e[0].parentNode.firstChild.id;
		isyear = 0;
	} else {
		isyear = 1;
	}
	items = new Array();
	port = new Array();
	curprint = 1;
	clearInterval(timerint);
	document.getElementById("image").setAttribute("src", "");
	var e = getElementsByStyleClass("yearactive");
	for (var c = 0; c < e.length; c++) {
		e[c].className = "yearinactive";
	}
	document.getElementById(i).className = "yearactive";
	xmlhttpPortfoliosPost("http://" + domain+ "/portfolios.php?year="+i); 
}
window.onload = function() {
	// check to see browser supports the getElementsByTagName method
	// if not, exit the loop 
	if (!document.getElementsByTagName) {
		return false; 
	} 
	// create an array of objects of each link in the document 
	var popuplinks = document.getElementsByTagName("a");
	// loop through each of these links (anchor tags) 	
	for (var i=0; i < popuplinks.length; i++) {	
		// if the link has a class of "popup"...	
		if (popuplinks[i].getAttribute("class") == "popup") {	
			// add onclick event on fly  to pass the href attribute	
			// of the link to our second function, openPopUp 	
			popuplinks[i].onclick = function() {	
			openPopUp(this.getAttribute("href"));	
			return false; 	
			} 	
		}
	} 
} 

function getElementsByStyleClass (className) {
        var all = document.all ? document.all :
        document.getElementsByTagName('*');
        var elements = new Array();
        for (var e = 0; e < all.length; e++)
                if (all[e].className == className)
                        elements[elements.length] = all[e];
      return elements;
}