// JavaScript Document - for slideshow

	var xmlDoc;
	var timerControl=0; 
	var itemArr = new Array();
	function init(){
		if (window.XMLHttpRequest)
		  {// code for IE7+, Firefox, Chrome, Opera, Safari
		  xmlhttp=new XMLHttpRequest();
		  }
		else
		  {// code for IE6, IE5
		  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
		  }
		xmlhttp.open("GET","innovint_show.xml",false);
		xmlhttp.send();
		xmlDoc=xmlhttp.responseXML;
		
		readXML()
	}
	
	function readXML(){
		clearTimeout(timerControl);
		
		if(xmlhttp.readyState == 4)
    	{       
		 var tags = xmlDoc.getElementsByTagName("image");
			
		 for(var t=0; t<tags.length; t++){
		 	var q= new Object();
			q.id = tags[t].getAttribute("id");
			q.img = tags[t].firstChild.nodeValue;
			itemArr.push(q);
		 }
		 
		 displayImages();
		}else{
			timerControl = setTimeout(readXML, 2000);
		}
	}
	
	
	/************************************    *******************************************/
	/************************************    *******************************************/
	/************************************    *******************************************/
	
	
	var active;
	var rotationControl=0;
	var liElements =[];
	var intervalControl=0;
	
	var TIMEINTERVAL = 12000;
	var stopper=false;
	
	
	function displayImages(){
		var ul = document.getElementById("imgmenulist");
		liElements = ul.children;		
		rotate(liElements[rotationControl]);		
	}
	
	
	function onHover(tag){	
		stopper=true;
		for(var i=0; i<liElements.length; i++){
			if(liElements[i]==tag){
				rotate(liElements[i]);
				rotationControl = i;
				break;
			}
		}
	}
	
	function onHoverOff(){
		stopper=false;
		rotate(liElements[rotationControl]);
	}
	
	function rotate(tag){
		clearTimeout(intervalControl)
		if(active!=undefined)
		//active.style["backgroundColor"]="#095F94";
		active.style["background"] = "url(images/bannermenubg.gif) repeat-x";
		//active.style["backgroundRepeat"]='repeat-x';
		
		//tag.style["backgroundColor"]="#336699";
		tag.style["background"] = "url(images/bannermenubg2.gif) repeat-x";	
		//tag.style["background"]='url(bannermenubg2.gif) repeat-x';	
		active = tag;
		
		changeImage(tag.id);
		if(!stopper){
			intervalControl=setTimeout(delay, TIMEINTERVAL)
		}
	}
	
	function delay(){
		rotationControl++;
		if(rotationControl>=liElements.length){
			rotationControl=0;
		}
		rotate(liElements[rotationControl]);		
	}
	
	function changeImage(elementId){	
		//document.getElementById("bigImageHolder").childNodes[0].src = getImgSrcByID(elementId);
		
		document.getElementById("bigImageHolder").innerHTML = getImgSrcByID(elementId);
		
	}
	
	function getImgSrcByID(id){
		for(var s=0; s<itemArr.length; s++){
			if(itemArr[s].id == id){
				return itemArr[s].img;
				break;
			}
		}
		return itemArr[0].img;
	}