var xml;
var x,nx;
var anim;
var images = new Array();



window.onload = function() {
	
	var a = new Ajax.Request("content.xml", {
	  method: 'get',
	  onSuccess: function(transport) {
		xml = transport.responseXML;
		var site = xml.getElementsByTagName('site')[0];
		var count = xml.getElementsByTagName('src').length;
		var nodes = [];
		var inner = "";
		for (var i=0; i < site.childNodes.length; i++) {
			if (site.childNodes[i].nodeName != "#text") nodes.push(site.childNodes[i]);
		}
		
		for (var i=0; i<nodes.length; i++) {
			
			var imgcount = nodes[i].getElementsByTagName('src').length;
			inner += "<div class='entry' id='e"+i+"'>\n";
			inner += "<div class='imagewrap'>\n";
			var imgsrc = nodes[i].getElementsByTagName('src')[0].firstChild.nodeValue;
			if (nodes[i].getElementsByTagName('src').length>1) {
			var imgLink1 = nodes[i].getElementsByTagName('src')[1].firstChild.nodeValue;
			var imgNum = 2;
			inner += "\t<div class='image' style='background-image:url("+imgsrc+");' id='imgWrappera"+i+"'><img id='slidea"+i+"' src='"+imgsrc+"'  onclick='changeImage(\""+imgLink1+"\", "+i+", "+imgNum+", "+imgcount+");return false;'/><div class='nav'>\n";
			} else {
				inner += "\t<div class='image' id='imgWrappera"+i+"'><img id='slidea"+i+"' src='"+imgsrc+"'><div class='nav'>\n";
			}
			
			
		
			
			
			
			
				for (var j=0; j<imgcount; j++) {
					var myImgId = j;
					var myImgNum = (j+1);
					var myImgLink = nodes[i].getElementsByTagName('src')[myImgId].firstChild.nodeValue;
					var myClass;
					if (j==0) {
					myClass = 'actImgNum';
					} else {
					myClass = 'imgNum';
					}
					if (nodes[i].getElementsByTagName('src').length>1) {
						//window.console.log(myImgLink);
						images.push(myImgLink);
						inner += "\t<div class="+myClass+" id='btn"+i+"nr"+j+"'><a id='link"+i+"nr"+j+"' href='#' onclick='changeImage(\""+myImgLink+"\", "+i+", "+myImgNum+", "+imgcount+");return false;'>"+eval(myImgNum)+"</a></div>\n";
						//inner += "\t<div class="+myClass+" id='btn"+i+"nr"+j+"'><a href='#' onclick='changeImage(\""+myImgLink+"\", "+i+", "+myImgNum+", "+imgcount+")'>"+eval(myImgNum)+"</a></div>\n";
					}
				}
			inner += "\t</div></div></div>\n";
			//if (nodes[i].getElementsByTagName('src').length>1) {
//			var imgsrc2 = nodes[i].getElementsByTagName('src')[1].firstChild.nodeValue;
//			inner += "\t<div id='imgWrapperb"+i+"' style='display: none; position: relative; top:-556px; left:0;'><img id='slideb"+i+"' src='"+imgsrc2+"' /></div>\n";
			
			//}
			
			if (nodes[i].getElementsByTagName('desc')[0].firstChild) {
				var title = nodes[i].getElementsByTagName('title')[0].firstChild.nodeValue;
				var imgdesc = nodes[i].getElementsByTagName('desc')[0].firstChild.nodeValue;
				inner += "\t<div class='description'><h1>"+title+"</h1>"+imgdesc+"</div>\n";
			}
			inner += "</div>\n";
		}
		
		var wr = $('wrapper');
/*		var myWidth = nodes.length*960;
		wr.style.width = myWidth+660+'px';*/
		wr.innerHTML = inner + wr.innerHTML;
		preloading();
	  }
	  
	});
	
	//scrollToEntry(0);
	
}

function openIssue() {
	var w = window.open("issue1.html","issue1",'menubar=0,resizable=1,scrollbars=1, width='+screen.availWidth+', height='+screen.availHeight);
	w.moveTo(0,0);
}

function scrollToEntry(entry) {

	
	new Effect.ScrollTo('e'+entry+'',{offset: -60});
	return false;
}

function changeImage(imgLink, entry, imgNum, imgcount) {
	
	var imgElement = document.getElementById('slidea'+entry+'');
	var imgElement2 = document.getElementById('imgWrappera'+entry+'');
	var linkNum

	var actImage = 	imgElement2.style.backgroundImage.split('(')[1].split(')')[0];	
	
	/*alert(actImage);*/
																 
	//window.console.log();
	
	
	imgElement.src = actImage;
	
	imgElement.style.opacity = 1;
	if (imgNum<imgcount) {
	linkNum = imgNum;
	} else {
	linkNum = 0;
	}
		
	var linkElement = document.getElementById('link'+entry+'nr'+linkNum+'');
	var newImgLink = linkElement.getAttribute('onclick');
	
	
	var newImgNum = linkNum+1;
	
	
	imgElement.setAttribute ('onclick', newImgLink);
	
	
		for (var j=0; j<imgcount; j++) {
			
			var navElement = document.getElementById('btn'+entry+'nr'+j+'');
			
			
			if (j+1==imgNum) {
				navElement.removeAttribute ('class','imgNum');
				navElement.setAttribute ('class','actImgNum');	
				
			} else {
				navElement.removeAttribute ('class','actImgNum');
				navElement.setAttribute ('class','imgNum');
			}
		}

		imgElement2.style.backgroundImage = 'url('+imgLink+')';
		new Effect.Opacity(imgElement, { duration: 0.5, from: 1.0, to: 0.0 });
		
/*	var myEntry = $('e'+entry+'');
    var pos = Element.cumulativeOffset(myEntry);
	alert(window.pageXOffset);
	alert(pos[0]);*/
   
		
	}
	
	


function preloading(){
	for (x=0; x<images.length; x++){
		myImage = new Image();
		myImage.src = images[x];
	}
}

/// JavaScript Document