// global flag
var isIE = false;

// global request and XML document objects
var req;

// retrieve XML document (reusable generic function);
// parameter is URL string (relative or complete) to
// an .xml file whose Content-Type is a valid XML
// type, such as text/xml; XML source must be from
// same domain as HTML file
function loadXMLDoc(url) {
    // branch for native XMLHttpRequest object
    if (window.XMLHttpRequest) {
        req = new XMLHttpRequest();
        req.onreadystatechange = processReqChange;
        req.open("GET", url, true);
        req.send(null);
    // branch for IE/Windows ActiveX version
    } else if (window.ActiveXObject) {
        isIE = true;
        req = new ActiveXObject("Microsoft.XMLHTTP");
        if (req) {
            req.onreadystatechange = processReqChange;
            req.open("GET", url, true);
            req.send();
        }
    }
}

// handle onreadystatechange event of req object
function processReqChange() {
    // only if req shows "loaded"
    if (req.readyState == 4) {
        // only if "OK"
        if (req.status == 200) {
		clearPortfolio();
		loadPortfolio();
		changeItem();
         } else {
            alert("There was a problem retrieving the XML data:\n" +
                req.statusText);
         }
    }
}

// invoked by "Category" select element change;
// loads chosen XML document, clears Topics select
// element, loads new items into Topics select element
function loadDoc() {

	var div = document.getElementById("ptitle");
	div.innerHTML = section;

    // equalize W3C/IE event models to get event object
	try {
		//loadXMLDoc("portfolio/brochures.xml");
		loadXMLDoc(xmlfile);
	}
	catch(e) {
		var msg = (typeof e == "string") ? e : ((e.message) ? e.message : "Unknown Error");
		alert("Unable to get XML data:\n" + msg);
		return;
	}
}

// retrieve text of an XML document element, including
// elements using namespaces
function getElementTextNS(prefix, local, parentElem, index) {
    var result = "";
    if (prefix && isIE) {
        // IE/Windows way of handling namespaces
        result = parentElem.getElementsByTagName(prefix + ":" + local)[index];
    } else {
        // the namespace versions of this method 
        // (getElementsByTagNameNS()) operate
        // differently in Safari and Mozilla, but both
        // return value with just local name, provided 
        // there aren't conflicts with non-namespace element
        // names
        result = parentElem.getElementsByTagName(local)[index];
    }
    if (result) {
        // get text, accounting for possible
        // whitespace (carriage return) text nodes 
        if (result.childNodes.length > 1) {
            return result.childNodes[1].nodeValue;
        } else {
            return result.firstChild.nodeValue;    		
        }
    } else {
        return "n/a";
    }
}

function clearPortfolio() {
	var div = document.getElementById("portfolio");
	div.innerHTML = "";
}

var currentItem = "";
var currentImage = 0;
var doFirst = false;

function changeItem(num,second) {

	// this handles the first time through the page.
	if (num == undefined) {
		doFirst = true;
		second = 0;	
	}

	currentItem = num;
	currentImage = second;
	clearPortfolio();
	loadPortfolio();
	num = currentItem; // this might get reset by loadPortfolio function if it's the first time through the application
	showDetails(num,second);
}

function getPreviousImage() {
	changeItem(currentItem, currentImage - 1);
}

function getNextImage() {
	changeItem(currentItem, currentImage + 1);
}

function loadPortfolio() {
	var div = document.getElementById("portfolio");
	var items = req.responseXML.getElementsByTagName("entry");
	
	for (var i = 0; i < items.length; i++) {
		var num = getElementTextNS("", "no", items[i], 0);
		var theClass = "LogoIcon";
		if (num == currentItem) {
			theClass = "LogoIconSelected";
			var begincount = document.getElementById("begincount");
			begincount.innerHTML = i + 1;
		} else if (doFirst == true) {
		
			if (showid > 0) {
				
				if (showid == num) {
					doFirst = false;
					currentItem = num;
					theClass = "LogoIconSelected";
					var begincount = document.getElementById("begincount");
					begincount.innerHTML = i + 1;
				}
				
			} else {
		
			doFirst = false;
			currentItem = num;
			theClass = "LogoIconSelected";
			var begincount = document.getElementById("begincount");
			begincount.innerHTML = i + 1;
			
			}
		}
		div.innerHTML += "<img src=\"" + getElementTextNS("", "icon", items[i], 0) + "\" class=\"" + theClass + "\" onclick=\"changeItem(" + num + ",0)\">";
	}

}

function showDetails(num,second) {

	var arrInfo = new Array(8);
	arrInfo[0] = "client";
	arrInfo[1] = "project";
	arrInfo[2] = "agency";
	arrInfo[3] = "designer";
	arrInfo[4] = "writer";
	arrInfo[5] = "photography";
	arrInfo[6] = "illustrator";
	arrInfo[7] = "purpose";
		
	var items = req.responseXML.getElementsByTagName("entry");
	for (var i = 0; i < items.length; i++) {
	
		var currNum = getElementTextNS("", "no", items[i], 0);
		if (currNum == num) {
		
			for (var j = 0; j < arrInfo.length; j++) {
				var div = document.getElementById(arrInfo[j]);
				div.innerHTML = getElementTextNS("", arrInfo[j], items[i], 0);

			}

			var link = document.getElementById("link");			
			var linkurl = getElementTextNS("", "link", items[i], 0);
			
			if (linkurl.length > 1) {
				if (linkurl.indexOf( "@" ) > 1) {
					link.innerHTML = "<a href=\"mailto:" + linkurl + "\">" + linkurl + "</a>";
				} else {
					link.innerHTML = "<a href=\"http://" + linkurl + "\" target=\"_blank\">" + linkurl + "</a>";
				}
			} else {
				// this will probably just be the "-" character
				link.innerHTML = linkurl;
			}
			
			
			
			var res = items[i].getElementsByTagName("images")[0];
			var images = res.getElementsByTagName("image");
			
			// find out how many nodes we are dealing with - this will be the count of images
			var endcount = document.getElementById("endcount");
			endcount.innerHTML = images.length;
			
			if (second < 0)
				second = 0;
			else if (second >= images.length)
				second = images.length - 1;
				
			currentImage = second;

			var begincount = document.getElementById("begincount");
			begincount.innerHTML = currentImage + 1;
			
			for (var k = 0; k < images.length; k++) {
				if (currentImage == k) {                              
				                                                
					var fullImage = document.getElementById("fullimage");
					fullImage.innerHTML = "<img src=\"" + images[k].childNodes[0].nodeValue + "\">";					
					                                           
				}                                               
				//alert( images[k].childNodes[0].nodeValue );
			}                                                       
                                                                                       
				                                                                                       
			//nextImage = next;                                                                                 
			//previousImage = previous;                                                                                      

			var others = items[i].getElementsByTagName("others")[0];

			var othersdiv = document.getElementById("others");
			var otherfiles = document.getElementById("otherfiles");
			var otherfilestext = document.getElementById("otherfilestext");
			otherfiles.innerHTML = "";

			if (others) {
			
				for(var l = 0; l < others.childNodes.length; l++) {
				
					if (others.childNodes[l].nodeType == 1) {
						
						var desc = others.childNodes[l].getElementsByTagName("desc")[0];					
	
						var file = others.childNodes[l].getElementsByTagName("file")[0];
		
						otherfiles.innerHTML += "<div style='position: relative;'><img src=\"images/pdf_small.gif\" style=\"position: relative; top: 1px;\">&nbsp;<a target=\"new\" href=\"" + file.childNodes[0].nodeValue + "\">" + desc.childNodes[0].nodeValue + "</a></div>";
						
					}
				
				}

				/*
				othersdiv.style.position = "relative";
				if (othersdiv.runtimeStyle)
					othersdiv.runtimeStyle.height = "";
				else
					othersdiv.style.height = "";
				otherfilestext.style.visibility = "visible";
				otherfiles.style.visibility = "visible";
				otherfiles.style.border = "1px solid blue";
				*/
				
				othersdiv.style.position = "relative";
				otherfilestext.style.visibility = "visible";
				otherfiles.style.visibility = "visible";
				othersdiv.style.height = "";

			} else {
				othersdiv.style.position = "absolute";
				if (othersdiv.runtimeStyle)
					othersdiv.runtimeStyle.height = "0px";
				else
					othersdiv.style.height = "0px";
				otherfilestext.style.visibility = "hidden";
				otherfiles.style.visibility = "hidden";
				otherfiles.innerHTML = "&mdash;";
			}
			
			
			
			var relitems = items[i].getElementsByTagName("relateditems")[0];

			var relateddiv = document.getElementById("related");
			var relateditems = document.getElementById("relateditems");
			var relateditemstext = document.getElementById("relateditemstext");
			relateditems.innerHTML = "";
			
			if (relitems) {
			
				for(var l = 0; l < relitems.childNodes.length; l++) {
				
					if (relitems.childNodes[l].nodeType == 1) {
						
						var desc = relitems.childNodes[l].getElementsByTagName("desc")[0];
						var sec = relitems.childNodes[l].getElementsByTagName("section")[0];
						var id = relitems.childNodes[l].getElementsByTagName("id")[0];
		
						relateditems.innerHTML += "<a href=\"?section=" + sec.childNodes[0].nodeValue + "&id=" + id.childNodes[0].nodeValue + "\">" + desc.childNodes[0].nodeValue + "</a><br>";
						
					}
				
				}
				relateddiv.style.position = "relative";
				relateditemstext.style.visibility = "visible";
				relateditems.style.visibility = "visible";
				relateddiv.style.height = "";
			} else {
				if (relateddiv.runtimeStyle)
					relateddiv.runtimeStyle.height = "0px";
				else
					relateddiv.style.height = "0px";
				relateddiv.style.position = "absolute";
				//relateddiv.style.height = "0px";
				relateditemstext.style.visibility = "hidden";
				relateditems.style.visibility = "hidden";
				relateditems.innerHTML = "&mdash;";
			}
			
				
				
			var awards = document.getElementById("awards");
			awards.innerHTML = "";
			var awardsdiv = document.getElementById("awardsdiv");

			var awardscollection = items[i].getElementsByTagName("awards")[0];
			
			if (awardscollection) {
				var awardsindividuals = awardscollection.getElementsByTagName("award");
				if (awardsindividuals) {
	
					for (var l = 0; l < awardsindividuals.length; l++) {
	
						awards.innerHTML += awardsindividuals[l].childNodes[0].nodeValue + "<br>";
					}  			
	
					// some hacks to make it seem like the footer is the right distance from the awards area.
					awardsdiv.style.visibility = 'visible';
					awardsdiv.style.marginBottom = '40px';
				}
			} else {
				awards.innerHTML = "";
				awardsdiv.style.visibility = 'hidden';
				awardsdiv.style.marginBottom = '0px';
			}
			
			break;                                                                       
		}
	}
}


// display details retrieved from XML document
function showDetail(evt) {
    evt = (evt) ? evt : ((window.event) ? window.event : null);
    var item, content, div;
    if (evt) {
        var select = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
        if (select && select.options.length > 1) {
            // copy <content:encoded> element text for
            // the selected item
            item = req.responseXML.getElementsByTagName("item")[select.value];
            content = getElementTextNS("content", "encoded", item, 0);
            div = document.getElementById("details");
            div.innerHTML = "";
            // blast new HTML content into "details" <div>
            div.innerHTML = content;
        }
    }
}