// JavaScript Document

function swapInfoBoxes(obj)
{
	tabs	=	getElementsByClassName($$('prodInfoTabs'),"*","tab");
	info	=	getElementsByClassName($$('prodInfoContents'),"*","prodDetails");
	i=0;
	while(tabs[i] && info[i])
	{
		if (tabs[i]==obj)
		{
			//	This is the selected tab
			tabs[i].style.backgroundColor	=	"#4C4C4C";
			info[i].style.display		=	"block";
		} else {
			tabs[i].style.backgroundColor	=	"";
			info[i].style.display		=	"";
		}
		i++;
	}
	return false;
}

function chngMeasure(dropDown)
{
	dimensionText	=	dropDown.options[dropDown.selectedIndex].text
	$$('frameMeasureLens').innerHTML	=	dimensionText.split("x")[0];
	$$('frameMeasureBridge').innerHTML	=	dimensionText.split("x")[1];
	$$('frameMeasureArm').innerHTML	=	dimensionText.split("x")[2];
}
function gryOut () {
	if ($b('coldropdown').tagName=="SELECT") {
		var i=0;
		while ($b('coldropdown').options[i]) {
			$b('coldropdown').options[i].style.color="";	
			i++;
		}
	}
	if ($b('sizeopt').tagName=="SELECT") {
		var i=0;
		while ($b('sizeopt').options[i]) {
			$b('sizeopt').options[i].style.color="";	
			i++;
		}
	}

	var validcolour=$b('coldropdown').options[$b('coldropdown').selectedIndex].value;
	if (validcolour>0) {
		if ($b('sizeopt').tagName=="SELECT") {
			var i=0;
			while ($b('sizeopt').options[i]) {
				if ($b('sizeopt').options[i].value>0) {
					if (typeof(pricearray[validcolour][$b('sizeopt').options[i].value])=="undefined") {
						$b('sizeopt').options[i].style.color="#999";
					}
				}
				i++;
			}
		}
	}
	var validsize=0;
	if ($b('sizeopt').tagName=="INPUT") {
		validsize=$b('sizeopt').value;
	} else {
		if ($b('sizeopt').selectedIndex>0) validsize=$b('sizeopt').options[$b('sizeopt').selectedIndex].value;
	}
	
	if (validsize>0) {	
		if ($b('coldropdown').tagName=="SELECT") {
			var i=0;
			var killarray=new Array();
			while ($b('coldropdown').options[i]) {
				if ($b('coldropdown').options[i].value>0) {
					if (typeof(pricearray[$b('coldropdown').options[i].value][validsize])=="undefined") {
						$b('coldropdown').options[i].style.color="#999";

						
						
					}
				}
				i++;
			}
				   
				   
		}
	}
	
}
function chkPrice (obj) {
	if ($b('coldropdown').tagName=="INPUT") return true;
	var validsize=0;
	if ($b('sizeopt').tagName=="INPUT") {
		validsize=$b('sizeopt').value;
	} else {
		if ($b('sizeopt').selectedIndex>0) validsize=$b('sizeopt').options[$b('sizeopt').selectedIndex].value;
		if ($b('sizeopt').length==1) validsize=$b('sizeopt').options[$b('sizeopt').selectedIndex].value;
	}
	
	var validcolour=$b('coldropdown').options[$b('coldropdown').selectedIndex].value;

	if (validcolour>0&validsize>0) {
		
		//$$('ourprice').innerHTML='Price ';		
		//$$('totalprice').innerHTML='Price ';		
		
		if ($b('polariseddiv')) {
			var tmpval1=p1array[validcolour][validsize];
			if (tmpval1=="Y") {
				tmpval1="Yes";
			} else {
				tmpval1="No";
			}
			$b('polariseddiv').innerHTML=tmpval1;
		}
		if ($b('photochromicdiv')) {
			var tmpval2=p2array[validcolour][validsize];
			if (tmpval2=="Y") {
				tmpval2="Yes";
			} else {
				tmpval2="No";
			}
			$b('photochromicdiv').innerHTML=tmpval2;
		}
		if ($b('lensdiv')) {
			$b('lensdiv').innerHTML=p3array[validcolour][validsize];
		}
		if ($b('framecoldiv')) {
			$b('framecoldiv').innerHTML=p4array[validcolour][validsize];
		}
		
		if (typeof(pricearray[validcolour][validsize])=="undefined")
		{
			
			if (obj.id=="coldropdown")
			{
				alert("Sorry, this colour is unavailable in the size chosen.");
				$b('coldropdown').selectedIndex=0;
				chkPrice(obj);
			} else {
				alert("Sorry, this size is unavailable in the colour chosen.");
				$b('sizeopt').selectedIndex=0;
				chkPrice(obj);
			}
			//$b('pricedisplay').innerHTML="Now "+defaultprice;
			$b('pricedisplay2').innerHTML=defaultprice;
			
		} else {		
			//$b('pricedisplay').innerHTML="Now £"+pricearray[validcolour][validsize];
			$b('pricedisplay2').innerHTML="Now £"+pricearray[validcolour][validsize];
			
			if ($b('disprrp')) {
				$b('disprrp').innerHTML="RRP £"+p5array[validcolour][validsize];
			}
		}
		
		//$$('pricedisplay2').innerHTML="£"+pricearray[validcolour][validsize];
		
		currentImage='/csp/glass/wantg/products/450x200/'+imagearray[validcolour].split('~')[0];
		$b('productimage').src=currentImage;
	} else {
		//$$('ourprice').innerHTML='Our Price ';		
		//$$('totalprice').innerHTML='Total Price ';		
		//$b('pricedisplay').innerHTML='Now '+defaultprice;
		$b('pricedisplay2').innerHTML=defaultprice;		
	}
	if (validsize==0)
	{
		if (typeof(p6array[validcolour])!="undefined")
		{	
			if (p6array[validcolour]!="")
			{
				//$b('product_title2').innerHTML='<h1>'+p6array[validcolour]+'</h1>';
			}
		}
	}
	if (validcolour>0&validsize>0)
	{
		if (typeof(p7array[validcolour][validsize])!="undefined")
		{	
			if (p7array[validcolour][validsize]!="")
			{
				//$b('product_title2').innerHTML='<h1>'+p7array[validcolour][validsize]+'</h1>';
			}
		}
	}
	
	
	if (typeof(p8array[validcolour])!="undefined")
	{	
		if (p8array[validcolour]!="")
		{
				
			//$b('genderlabel').innerHTML=p8array[validcolour];
		}
	}
	
	gryOut();
}
function hide (id) {
	if ($b(id)) $b(id).style.display='none';	
}




function tabChange(el) {
	var targetID='content'+el.href.split('#')[1];
	var contentNodes	= $b(targetID).parentNode.childNodes;
	var initialHeight	= $b('tabContentWrapper').offsetHeight-20;	// removed the padding to prevent the jerking at start
	for(var i in contentNodes) {
		if ((contentNodes[i].nodeName != '#text') & (typeof(contentNodes[i].nodeName) != 'undefined')) {
			if (contentNodes[i].id == $b(targetID).id) {
				contentNodes[i].className='activeContent';
			} else {
				contentNodes[i].className='tabContent';
			}
		}
	}
	var tagNodes	= el.parentNode.childNodes;
	for(var i in tagNodes) {
		if ((tagNodes[i].nodeName != '#text') & (typeof(tagNodes[i].nodeName) != 'undefined')) {
			if (tagNodes[i] == el) {
				tagNodes[i].className='activeTab';
			} else {
				try {
					tagNodes[i].className='';
				} catch(e){}
			}
		}
	}
	if (initialHeight>20) {
		if ($b('tabContentWrapper').style.height!=null) {$b('tabContentWrapper').style.height	= initialHeight+'px';}
// use these if jQuery is not available
//		$b('tabContentWrapper').style.height=($b(targetID).offsetHeight+20)+'px';
//		redraw()
		$('#tabContentWrapper').stop(true);
		tabContentAnimVar=$('#tabContentWrapper').animate({'height' : ($b(targetID).offsetHeight+20)},300,null,redraw);
//		tabContentAnimVar=$('#tabContentWrapper').animate({'height' : ($b(targetID).offsetHeight+20)});
	}
	return false;
}

/* Forces IE to redraw the screen, is needed to update the position of some absolutly positioned elements
*/function redraw() {
//	var origClass=document.body.className
	$('body').addClass('IE7redraw');
	$('body').removeClass('IE7redraw');
}



function altAngles(arrId) {
	var arr=angleArray[arrId];
	$b('angleImages').innerHTML='';
	var first=true;
	for(var i=0; arr[i]; i++) {
		var img=new Image();
		img.src=baseurl+'products/45x45/'+arr[i];
		if(first) img.className='activeAngle';
		first=false;
		img.rel=arr[i];
		img.onclick=function() {
			angleSwap(this);
			swapProdImage("productimage",this.rel);
		}
		$b('angleImages').appendChild(img);
	}
}
function angleSwap(angle) {
	var siblings=angle.parentNode.childNodes;
	for(var i=0; siblings[i]; i++) {
		if(siblings[i].tagName=='IMG') {
			if(siblings[i]==angle) {
				angle.className='activeAngle';
			} else {
				siblings[i].className='';
			}
		}
	}
}