// JavaScript Document
var panels = new Array('m_eur','m_atl','m_pac','m_aus','m_red','m_asi','m_abw','m_bnk');
var pstate = new Array(0,0,0,0,0,0,0,0);
var i;
var xmlDoc;
var xmlTag;

function SetMenu(q) {
	for(i=0;i<5;i++) {
		if(pstate[i]==1) {
			movePanels(i);
		}
	}
		movePanels(q);
}

function movePanels(p) {
	
	var j;
	var yPos0;
	var yPos1;
	var pLen;
	var direction=1;
	
	
	yPos0=parseInt(document.getElementById(panels[p]).style.top);
	pLen=yPos0+parseInt(document.getElementById(panels[p]).style.height)-15;
	if (pstate[p]==0) {
		direction=1;
		pstate[p]=1;
	} else {
		direction=-1;
		pstate[p]=0;
	}
	for(i=yPos0;i<=pLen;i++){
	
		for(j=p+1;j<8;j++){
			yPos1=parseInt(document.getElementById(panels[j]).style.top);
    		yPos1=yPos1+direction;
   			document.getElementById(panels[j]).style.top= yPos1 + "px";
		}
	}
}

function updateNav(d){
	xmlTag=d;
	if(window.ActiveXObject) {
		xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
		xmlDoc.async=false;
  		xmlDoc.load(d+".xml");
  		createTableIE();
	} else if (document.implementation && document.implementation.createDocument){
		xmlDoc = document.implementation.createDocument("", "", null);
		xmlDoc.onload = createTableFF;
		xmlDoc.load(d+".xml");
	}
}
function setUsed(dn,pl,pt) {
		document.getElementById('ptxt').innerHTML=pt;
		document.getElementById(dn).setAttribute('src','images/pl_Visited.png');
		picdiv = document.getElementById("disPanel");
		picdiv.innerHTML="";
		imgm = document.createElement('img');
		imgm.src = 'images/Gallery/'+pl;
		imgm.setAttribute('width', '100%');
		imgm.setAttribute('height', '100%');
		picdiv.appendChild(imgm);
}
function createTableFF(){
	var iNum=0;
	var divName='';
	var pName='';
	var myHTML;
	var pLink;
	var pTxt;
	var x = xmlDoc.getElementsByTagName(xmlTag);
	my_div = document.getElementById("navPanel");
	iNum=(x[0].childNodes.length-1)/2;
	myHTML="<TABLE><TR><TD colspan='6' class='pth picText'>"+x[0].getAttribute("galName")+"</TD></TR><TR>";
	for (i=1;i<iNum+1;i++){
		
		pName='pic'+i;
		myHTML += "<TD width='10px'><IMG src='images/pl_Blank.png' id='"+pName+"' width='10px' height='15px'></IMG></TD>";

		if((i/6)==Math.round(i/6)) {
			myHTML += "</TR><TR>"
		} 
	}
	
	myHTML += "</TR><TR><TD colspan='6' class='picText'><DIV id='ptxt'></DIV></TD></TR></TABLE>"
	my_div.innerHTML=myHTML;
	for (i=1;i<iNum+1;i++){
		pName='pic'+i;
		pLink=xmlDoc.getElementsByTagName("filename")[i-1].firstChild.nodeValue;
		pTxt=xmlDoc.getElementsByTagName("desc")[i-1].firstChild.nodeValue;
		img = document.getElementById(pName);
		//img.setAttribute('src','images/pl_blank.png');
		img.setAttribute("onClick", "setUsed('" + pName + "','"+pLink+"','"+pTxt+"');");
	}
}

function createTableIE(){
		var iNum=0;
	var divName='';
	var pName='';
	var myHTML;
	var pLink;
	var pTxt;
	var frmVal;
	var x = xmlDoc.getElementsByTagName(xmlTag);
	my_div = document.getElementById("navPanel");
	iNum=x[0].childNodes.length;
	myHTML="<TABLE><TR><TD colspan='6' class='pth picText'>"+x[0].getAttribute("galName")+"</TD></TR><TR>";
	for (i=1;i<iNum+1;i++){
		pName='pic'+i;
		myHTML += "<TD width='10px'><IMG src='images/pl_Blank.png' id='"+pName+"' width='10px' height='15px'></IMG></TD>";

		if((i/6)==Math.round(i/6)) {
			myHTML += "</TR><TR>"
		} 
	}
	
	myHTML += "</TR><TR><TD colspan='6' class='picText'><DIV id='ptxt'></DIV></TD></TR></TABLE>"
	my_div.innerHTML=myHTML;
	for (i=1;i<iNum+1;i++){
		pName='pic'+i;
		pLink=x[0].childNodes[i-1].childNodes[0].firstChild.nodeValue;
		pTxt=x[0].childNodes[i-1].childNodes[1].firstChild.nodeValue;
		img = document.getElementById(pName);
				//img.setAttribute('src','images/pl_blank.png');
		img.onclick = new Function("setUsed('"+pName+"','"+pLink+"','"+pTxt+"');");
	}

}