//-----------------------------
//-----------------------------
//---LOAD XML----- 
//-----------------------------
//-----------------------------
var masterString = new String;
var numOfCards = new Number;
var xmlDoc;
//
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
 }
//
function INIT(){
//console.info("INIT fired");
	if(navigator.appName=="Microsoft Internet Explorer"){
		//alert("I AM IE!!");
	  xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
      xmlDoc.async = false;
      xmlDoc.onreadystatechange = ie_xml;
      xmlDoc.load("xml/kitchen_sink.xml");

	
	}else {
	 //alert("I AM NOT IE!!");
	 xmlhttp=new XMLHttpRequest();
	xmlhttp.open("GET","xml/kitchen_sink.xml",false);
	xmlhttp.send();
	xmlDoc=xmlhttp.responseXML; 
	//build_cards();
	tester()
	}
}
function tester(){
			 //console.info("tester fired");
			build_cards();
}
function ie_xml(){
	if(xmlDoc.readyState == 4){
			 build_cards();
		  }
}
//
//---------------------------
//------BUILD WORK DIV-------
//---------------------------
var leftRight="left";
//
function build_cards(){
	numOfCards = xmlDoc.getElementsByTagName("PROJECT").length;
	//alert("numOfCards: "+numOfCards);
	
	//console.info("buildUpArray fired: "+numOfCards);
	for(i=0;i<numOfCards;i++){
		var myThumb = xmlDoc.getElementsByTagName("PROJECT")[i].getElementsByTagName("THUMB")[0].childNodes[0].nodeValue;
		var myTitle = xmlDoc.getElementsByTagName("PROJECT")[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue;
		var myRole = xmlDoc.getElementsByTagName("PROJECT")[i].getElementsByTagName("ROLE")[0].childNodes[0].nodeValue;
		if(leftRight=="left"){
			leftRight="right";
		masterString+='<div class="divInfo"><img id="info_'+i+'" onmouseover="info_over('+i+')" onmouseout="info_out('+i+')" onclick="info_clicked('+i+')" src="images/info_btn.gif" /></div><div class="card" id="card_'+i+'" style="background-image: url('+myThumb+'); margin-right:10px;"><div class="cardBox" id="cardBox_'+i+'"  onmouseover="card_over('+i+')" onmouseout="card_out('+i+')" onclick="card_clicked('+i+')" ><span class="title">'+myTitle+'</span></div></div>'
		}else{
		leftRight="left";
		masterString+='<div class="card" id="card_'+i+'" style="background-image: url('+myThumb+'); margin-left:10px;"><div class="cardBox" id="cardBox_'+i+'"  onmouseover="card_over('+i+')" onmouseout="card_out('+i+')" onclick="card_clicked('+i+')" ><span class="title">'+myTitle+'</span></div></div><div class="divInfo"><img id="info_'+i+'" onmouseover="info_over('+i+')" onmouseout="info_out('+i+')" onclick="info_clicked('+i+')" src="images/info_btn.gif" /></div>'
		}
		if(i==numOfCards-1){
			//alert("DONE!");
			masterString += '<div id="easteregg" onmouseover="easterOver()" onmouseout="easterOut()" onclick="easterClick()"><img id="easteregg_img" src="images/easter_egg_up.jpg" /></div>';
			document.getElementById("workScreen").innerHTML=masterString;
				
			//$("#workScreen").fadeTo(300,1);
		}
	}
	
}
//
//---------------------------
//-----BUTTON FUNCS-------
//---------------------------
//
function card_over(XX){
	for(i=0;i<numOfCards;i++){
		if(i==XX){
		$("#cardBox_"+XX).stop();
		//$("#cardBox_"+XX).animate({width:1},1);
		$("#cardBox_"+i).fadeTo(200,0.90);
		}else{
			$("#cardBox_"+i).stop();
			$("#cardBox_"+i).fadeTo(1,0);
		}
	}
	//console.info("card_over: "+XX);
	
}
//
function card_out(XX){
	$("#cardBox_"+XX).stop();
		//$("#cardBox_"+XX).animate({width:1},1);
	$("#cardBox_"+XX).fadeTo(1,0);
	
}
//
function card_clicked(XX){
	var myHref = xmlDoc.getElementsByTagName("PROJECT")[XX].getElementsByTagName("HREF")[0].childNodes[0].nodeValue;
	var linkType =  xmlDoc.getElementsByTagName("PROJECT")[XX].getElementsByTagName("HREF")[0].attributes.getNamedItem("type").value; 
	
	//console.info("card href: "+ myHref);
	if(linkType=="screen"){
		//console.info("card href: "+myHref);
		 Shadowbox.open({
       content:    '<div><img src="'+myHref+'" /></div>',
        player:     "html",
	    width:      1005,
        height:     726
   		 });
	}else{
		window.open (myHref,"new_window");
	}
	
}
//
//---INFO---
//
function info_over(XX){
	document.getElementById("info_"+XX).src='images/info_btn_over.gif';
}
//
function info_out(XX){
	document.getElementById("info_"+XX).src='images/info_btn.gif';
}
//
function info_clicked(XX){
	var myTitle = xmlDoc.getElementsByTagName("PROJECT")[XX].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue;
	var myRole = xmlDoc.getElementsByTagName("PROJECT")[XX].getElementsByTagName("ROLE")[0].childNodes[0].nodeValue;
	var myDescript = xmlDoc.getElementsByTagName("PROJECT")[XX].getElementsByTagName("DESCRIPT")[0].childNodes[0].nodeValue;
	 Shadowbox.open({
       content:    '<div class="infoDescript"><span class="infoTitle">'+myTitle+'</span><br/><br/>'+myRole+'<br/><br/>'+myDescript+'</div>',
        player:     "html"
   		 });
}
//
//---NAV---
//
function navOver(XX){
	if(XX!=currentScreen){
		document.getElementById(XX+"_cross").src='images/cross_on.jpg';
	}
	
}
//
function navOut(XX){
	if(XX!=currentScreen){
		document.getElementById(XX+"_cross").src='images/cross_off.jpg';
	}
	
}
//
var currentScreen = "work";
//
function navClick(XX){
		if(XX!=currentScreen){
			switch (XX){
			case "work":
				document.getElementById("work").style.cursor = "default";
				document.getElementById("work_cross").src='images/cross_on.jpg';
				//---
				document.getElementById("about").style.cursor = "pointer";
				document.getElementById("about_cross").src='images/cross_off.jpg';
				//---
				document.getElementById("contact").style.cursor = "pointer";
				document.getElementById("contact_cross").src='images/cross_off.jpg';
				//---
				 document.getElementById("workScreen").style.display = "block";
				 document.getElementById("aboutScreen").style.display = "none";
				//
				//$("#workScreen").fadeTo(200,1)
				currentScreen=XX;	
				$("#aboutScreen").fadeTo(1,0)					
			break;
			case "about":
				document.getElementById("work").style.cursor = "pointer";
				document.getElementById("work_cross").src='images/cross_off.jpg';
				//---
				document.getElementById("about").style.cursor = "default";
				document.getElementById("about_cross").src='images/cross_on.jpg';
				//---
				document.getElementById("contact").style.cursor = "pointer";
				document.getElementById("contact_cross").src='images/cross_off.jpg';
				//---
				 document.getElementById("workScreen").style.display = "none";
				 document.getElementById("aboutScreen").style.display = "block";
				 //
				$("#aboutScreen").fadeTo(200,1)
			
				currentScreen=XX;
			break;
			case "contact":
				//---
				window.open ("mailto:contact@markgretzinger.com","_self");
			break;
		default:
			//alert("???");
		}
	
	}
}
//
//
//
//
var imgHeight;
var imgWidth;

function findHHandWW() {
imgHeight = this.height;
imgWidth = this.width;
console.info("H and W: "+imgHeight+"  "+imgWidth);
}

function showImage(imgPath) {
	//console.info("showImage: "+imgPath);
var myImage = new Image();
myImage.name = imgPath;
myImage.onload = findHHandWW;
myImage.src = imgPath;
}
//
//
//--test for odd or even
var isEven = function(someNumber){
	//---the "%" Modulus returns the remainder
return (someNumber%2 == 0) ? true : false;
};
//
//
//---EASTER EGG---
//
function easterOver(){
		document.getElementById("easteregg_img").src='images/easter_egg_over.jpg';	
}
//
function easterOut(){
		document.getElementById("easteregg_img").src='images/easter_egg_up.jpg';	
}
//
function easterClick(){
		window.open ("examples/misc/","new_window");
}