function openDemoTour(){
	var ul = document.getElementById("demoInfo");
	
	var firstLI;
	
	var demoImg;
	var demoTitle;
	var demoDesc;
	var currNode;
	var demoTitle;
		
	setControlDisplay('btnPrevious','none');
	switch (BrowserDetect.browser)
	{
	case "Explorer":
	setSpanValue('currentNode', 0);
	firstLI = ul.childNodes[0];
	
	demoImg = firstLI.childNodes[2].innerHTML;
	demoTitle = firstLI.childNodes[4].innerHTML;
		
	demoDesc = firstLI.childNodes[6].innerHTML;
					
									
	
	break
	default:	
		setSpanValue('currentNode', 1);
		firstLI = ul.childNodes[1];
						
		demoImg = firstLI.childNodes[3].innerHTML;
		demoTitle = firstLI.childNodes[5].innerHTML;
		demoDesc = firstLI.childNodes[7].innerHTML;
		
	break
	
	}
									
									
	
	document.getElementById('demoDescription').innerHTML = demoDesc;
	document.getElementById('demoTitle').src = "/images/headers/demo/" + demoTitle;
	document.getElementById('demoImage').src = "/images/demotour/" + demoImg;
	
	openModalWindow('demo');
	

	
	
}

function nextSlide(){

var currNode = getSpanValue('currentNode');

setControlDisplay('btnPrevious','block');


var ul = document.getElementById("demoInfo");


	
	var firstLI;
	
	var demoImg;
	var demoTitle;
	var demoDesc;

	


	
	switch (BrowserDetect.browser)
	{
	case "Explorer":
		if (parseInt(currNode) == 11) {
			currNode = parseInt(currNode) + 3;
		}
		else{
			currNode = parseInt(currNode) + 1;
		}
	setSpanValue('currentNode', currNode);
	firstLI = ul.childNodes[currNode];
	
	demoImg = firstLI.childNodes[2].innerHTML;
	demoTitle = firstLI.childNodes[4].innerHTML;
	demoDesc = firstLI.childNodes[6].innerHTML;
		if (currNode == (ul.childNodes.length - 1))
			{
			setControlDisplay('btnNext','none');
			}
	break
	default:
		
		if (parseInt(currNode) == 23) {
			currNode = parseInt(currNode) + 6;
		}
		else{
			currNode = parseInt(currNode) + 2;
		}
		
		setSpanValue('currentNode', currNode);
		firstLI = ul.childNodes[currNode];
						
		demoImg = firstLI.childNodes[3].innerHTML;
		demoTitle = firstLI.childNodes[5].innerHTML;
		demoDesc = firstLI.childNodes[7].innerHTML;
		
		if (currNode == (ul.childNodes.length - 2))
			{
			setControlDisplay('btnNext','none');
			}
		
	break
	
	}
									
	document.getElementById('demoDescription').innerHTML = demoDesc;
	document.getElementById('demoTitle').src = "/images/headers/demo/" + demoTitle;
	document.getElementById('demoImage').src = "/images/demotour/" + demoImg;

}

function previousSlide(){

var currNode = getSpanValue('currentNode');

setControlDisplay('btnNext','block');


var ul = document.getElementById("demoInfo");
	
	var firstLI;
	
	var demoImg;
	var demoTitle;
	var demoDesc;
	
	
	
	switch (BrowserDetect.browser)
	{
	case "Explorer":
		if (parseInt(currNode) == 14) {
			currNode = parseInt(currNode) - 3;
		}
		else{
			currNode = parseInt(currNode) - 1;
		}
	setSpanValue('currentNode', currNode);
	firstLI = ul.childNodes[currNode];
	
	demoImg = firstLI.childNodes[2].innerHTML;
	demoTitle = firstLI.childNodes[4].innerHTML;
	demoDesc = firstLI.childNodes[6].innerHTML;
	if (currNode == 0)
			{
			setControlDisplay('btnPrevious','none');
			}
	break
	default:	
		if (parseInt(currNode) == 29) {
			currNode = parseInt(currNode) - 6;
		}
		else{
			currNode = parseInt(currNode) - 2;
		}
		setSpanValue('currentNode', currNode);
		firstLI = ul.childNodes[currNode];
						
		demoImg = firstLI.childNodes[3].innerHTML;
		demoTitle = firstLI.childNodes[5].innerHTML;
		demoDesc = firstLI.childNodes[7].innerHTML;
		if (currNode == 1)
			{
			setControlDisplay('btnPrevious','none');
			}
	break
	
	}
		
					
	document.getElementById('demoDescription').innerHTML = demoDesc;
	document.getElementById('demoTitle').src = "/images/headers/demo/" + demoTitle;
	document.getElementById('demoImage').src = "/images/demotour/" + demoImg;

}

function openLink(res1,res2){
	var ul = document.getElementById("demoInfo");
	
	var firstLI;
	
	var demoImg;
	var demoTitle;
	var demoDesc;
	var currNode;
		
	
	switch (BrowserDetect.browser)
	{
	case "Explorer":
	setSpanValue('currentNode', res1);
	firstLI = ul.childNodes[res1];
	
	demoImg = firstLI.childNodes[2].innerHTML;
	demoTitle = firstLI.childNodes[4].innerHTML;
	demoDesc = firstLI.childNodes[6].innerHTML;
	if (res1 == 0 )
			{
			setControlDisplay('btnPrevious','none');
			}
	else
	{
		setControlDisplay('btnPrevious','block');
	}
	
	if(res1 == (ul.childNodes.length - 1))
		{
		setControlDisplay('btnNext','none');
		}
	else
	{
		setControlDisplay('btnNext','block');
	}
	
	break
	default:	
		setSpanValue('currentNode', res2);
		firstLI = ul.childNodes[res2];
						
		demoImg = firstLI.childNodes[3].innerHTML;
		demoTitle = firstLI.childNodes[5].innerHTML;
		demoDesc = firstLI.childNodes[7].innerHTML;
		if (res2 == 1 )
			{
			setControlDisplay('btnPrevious','none');
			}
		else
	{
		setControlDisplay('btnPrevious','block');
	}
		if(res2 == (ul.childNodes.length - 2))
		{
		setControlDisplay('btnNext','none');
		}
		else
	{
		setControlDisplay('btnNext','block');
	}
	break
	
	}
									
	document.getElementById('demoDescription').innerHTML = demoDesc;
	document.getElementById('demoTitle').src = "/images/headers/demo/" + demoTitle;
	document.getElementById('demoImage').src = "/images/demotour/" + demoImg;
	
		
}

