// JavaScript Document

function toggleLayer( whichLayer )  // This function switches on the blocker and any other chosen layer.
{  
	var elem, vis;  if( document.getElementById ) // this is the way the standards work    
		elem = document.getElementById( whichLayer );  
	else if( document.all ) // this is the way old msie versions work      
		elem = document.all[whichLayer];  
	else if( document.layers ) // this is the way nn4 works    
		elem = document.layers[whichLayer];  
	vis = elem.style;  
	// if the style.display value is blank we try to figure it out here  
	if(vis.display==''&&elem.offsetWidth!=undefined&&elem.offsetHeight!=undefined)    
		vis.display = (elem.offsetWidth!=0&&elem.offsetHeight!=0)?'block':'none';  
	vis.display = (vis.display==''||vis.display=='block')?'none':'block';
	
	if (document.getElementById('blocker').style.display=="block"){
		document.getElementById('blocker').style.display="none"
	}
	else {
		document.getElementById('blocker').style.display="block"
		document.body.scroll="no";
	}
}

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

function jumpMenu(targ,selObj,restore){ // This function switches on/off contacts when chosen from drop down
	if (document.getElementById(selObj.options[selObj.selectedIndex].value).style.display!="block"){ // if selected contact div isnt on.
		for (i=0; i< selObj.options.length-1; i++){ //loop round all divs
		document.getElementById(selObj.options[i].value).style.display="none"; // switch off each div
		}
	document.getElementById(selObj.options[selObj.selectedIndex].value).style.display="block"; // switch on chosen div
	}
}

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

function thumbSelect(obj,over){
	
	if(obj.className != "productThumb_rollover_on"){
		if (!over){  // if over dosent = true
			obj.className = "productThumb_rollover_off" // on mouse out
		}
		else {
			obj.className = "productThumb_rollover" // on mouse over
			}
		}
}

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

function productImageswap(imgNumber,obj) {  //This function swaps the image in the main panel, it also checkes to see if there is any text to display and displays it if there is
	document['imgMain'].src = imgLoc + "main/" + aryImages[imgNumber];
	document.getElementById('mainProductImage_text').style.display="block";  	// switch on the panel
	if(aryText[imgNumber] == ""){  												// if there is no text
		document.getElementById('mainProductImage_text').style.display="none";  // hide the white poanel
	}
	else{
		document.getElementById('mainProductImage_text').innerHTML = aryText[imgNumber];  //write in the text
	}
}

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

function thumbOn(obj){  // This function is activated on mouseDown and setts all markes to off, then applies a marker to the selected item
	var thumbs = document.getElementById('productThumbs').getElementsByTagName('a')
	for (i=0;i<thumbs.length;i++){ //loop around all thumb links
	thumbs[i].className = "productThumb_rollover_off" //turm them all off
	}
	obj.className = "productThumb_rollover_on" // turn clicked on
}

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

function historyImageswap(imgNumber) { 
	if (imgNumber < 102 && imgNumber > 0){
		document['imgMain'].src = imgLoc + aryImages[imgNumber];
		document.getElementById('imagelink').innerHTML = "<a href='javascript:historyImageswap(" +(imgNumber+1)+ ")'><img name='imgMain' src='/images/history/Image-" +(imgNumber+2)+ ".jpg' alt='Click for next image' /></a>";
		document.getElementById('rightlink').innerHTML = "<a href='javascript:historyImageswap(" +(imgNumber+1)+ ")'><strong>NEXT</strong>&nbsp;&nbsp;<img src='/images/rightArrow.png' align='top' alt='NEXT' width='9' height='14' /></a>";
		document.getElementById('leftlink').innerHTML = "<a href='javascript:historyImageswap(" +(imgNumber-1)+ ")'><img src='/images/leftArrow.png' align='top' alt='PREVIOUS' width='9' height='14' />&nbsp;&nbsp;<strong>PREVIOUS</strong></a>";
		
		}
	else{
		document['imgMain'].src = imgLoc + aryImages[0];
		document.getElementById('imagelink').innerHTML = "<a href='javascript:historyImageswap(1,this)'><img name='imgMain' src='/images/history/Image-2.jpg' alt='Click for next image' /></a>";
		document.getElementById('rightlink').innerHTML = "<a href='javascript:historyImageswap(1)'><strong>NEXT</strong>&nbsp;&nbsp;<img src='/images/rightArrow.png' align='top' alt='NEXT' width='9' height='14' /></a>";
		}
	if (imgNumber == 0){
		document.getElementById('leftlink').innerHTML = "";
		document.getElementById('rightlink').innerHTML = "<a href='javascript:historyImageswap(1)'><strong>NEXT</strong>&nbsp;&nbsp;<img src='/images/rightArrow.png' align='top' alt='NEXT' width='9' height='14' /></a>";
	}
		
	// this bit switches all the date menu classes to off
	var date = document.getElementById('historyMenu').getElementsByTagName('a')
	for (i=0;i<date.length;i++){ //loop around all thumb links
	date[i].className = "off" //turm them all off
		
	if (imgNumber >= 0 && imgNumber < 12){
		date[0].className = "on"
		date[1].className = "on"
		date[2].className = "on"
		date[3].className = "on"
		}
		//else if (imgNumber > 0 && imgNumber < 12){
//			date[1].className = "on"
//			}
//		else if (imgNumber > 0 && imgNumber < 12){
//			date[2].className = "on"
//			}
//		else if (imgNumber > 20 && imgNumber < 30){
//			date[3].className = "on"
//			}
		else if (imgNumber > 11 && imgNumber < 16){
			date[4].className = "on"
			}
		else if (imgNumber > 15 && imgNumber < 25){
			date[5].className = "on"
			}
		else if (imgNumber > 24 && imgNumber < 40){
			date[6].className = "on"
			}
		else if (imgNumber > 39 && imgNumber < 53){
			date[7].className = "on"
			}
		else if (imgNumber > 52 && imgNumber < 73){
			date[8].className = "on"
			}
		else if (imgNumber > 72 && imgNumber < 78){
			date[9].className = "on"
			}
		else if (imgNumber > 77){
			date[10].className = "on"
			}
		}
}