function MakeOptionVisible(grr) {
	var layers = document.getElementsByTagName('TABLE');
	for (var i=0; i<layers.length; i++){
		if (layers[i].id != '') { 
			if (layers[i].id.substr(0,9) == 'pricelist'){
				layers[i].style.display = 'none';
				if(layers[i].id.replace('pricelist', '') == grr ) {
					layers[i].style.display = 'block';
				}
			}
		}
	}
	var layers = document.getElementsByTagName('DIV');
	for (var i=0; i<layers.length; i++){
		if (layers[i].id != '') { 
			if (layers[i].id.substr(0,9) == 'pricelist'){
				layers[i].style.display = 'none';
				if(layers[i].id.replace('pricelist', '') == grr ) {
					layers[i].style.display = 'block';
				}
			}
		}
	}
}


function CalculatePrice() {
	var layers = document.getElementsByTagName('form');

	for( var i=0; i<layers.length; i++) {

		if( layers[i].id != '' ) {
			if( layers[i].id.substr(0,7) == 'option_') {
				var currOption = layers[i].id.replace('option_', '');
				var selects = layers[i].getElementsByTagName('select');
				var checks = layers[i].getElementsByTagName( 'span' );
				var checkPrice = 0;
				for( var j=0; j<checks.length; j++ ) {
					if ( checks[j].id.indexOf('so_') == 0 )
					{
						var subID = checks[j].id.replace('so_', '');
						if( document.getElementById( 'sub_' + subID ).checked ) {
							var textselected = checks[j].innerHTML;
							var addedprice = textselected.replace('£', '');
							if( addedprice.indexOf('+') != -1 ) {
								addedprice = ( 1 * addedprice.substr(2, addedprice.length - 1 ));
							} else {
								addedprice = ( -1 * addedprice.substr(2, addedprice.length - 1 ));
							}
							checkPrice = checkPrice + addedprice;
						}
					}
				}
				var basePrice = document.getElementById( ('basePrice_' + currOption) ).innerHTML.substr(1 , 10) * 1;
				for( var j=0; j<selects.length; j++ ) {
					if( selects[j].value != 0 ) {
						var textselected = selects[j][selects[j].selectedIndex].text;
						var reversed = reverse(textselected);
						var indexofstart = reversed.indexOf('(');
						indexofstart = textselected.length - indexofstart;
						var indexofend = textselected.length - 1;
						var number = indexofend - indexofstart;
						var addedprice = textselected.substr( indexofstart, number );
						if( addedprice.indexOf('+') != -1 ) {
							addedprice = ( 1 * addedprice.substr(2, addedprice.length - 1 ));
						} else {
							addedprice = ( -1 * addedprice.substr(2, addedprice.length - 1 ));
						}		
						basePrice = (basePrice + addedprice);
					}
				}
				document.getElementById( ('tot_' + currOption) ).innerHTML = toPounds( basePrice + checkPrice );
			}
		}
	}
}

function toPounds( input ) {
	input = '' + input;
	if ( input.indexOf(".") ==-1 ) 
	{
		input += ".00";
	} 
	else if ( input.indexOf(".") == (input.length-2)) 
	{
		input += "0";
	}
	
	//ensure that we don't have more than 2 decimal places
	input = input.substr(0, input.indexOf(".") + 3);
	
	return '&pound;' + input;
}

function reverse(str) {
	var reversedstr = "";
	var strArray;
	strArray = str.split("");

	for(var i = str.length -1 ; i >= 0 ; i--)
	{
		reversedstr += strArray[i];
	}
	return reversedstr;
}

function showImage(src, caption) {
	document.getElementById('mainImage').src = src;
	document.getElementById('mainImageCaption').innerHTML = caption;
}


/******************************************************
 * HotSpot functions (V2 Products)                    *
 ******************************************************/

function MM_findObj(n, d) 
{ //v4.01
	var p, i, x;
	
	if(!d)
		d=document; 
	
	if( ( p = n.indexOf("?") ) > 0 && parent.frames.length ) 
	{
		d = parent.frames[n.substring(p+1)].document; 
		n = n.substring(0,p);
	}
  
	if(!(x = d[n]) &&d.all) 
		x=d.all[n]; 
	
	for( i=0; !x&&i<d.forms.length; i++) 
		x=d.forms[i][n];
  
	for(i=0; !x&&d.layers&&i<d.layers.length; i++) 
		x=MM_findObj(n,d.layers[i].document);
  
	if(!x && d.getElementById) 
		x=d.getElementById(n); 
	
	return x;
}

function MM_showHideLayers() 
{ //v6.0
	var i , p, v, obj, args = MM_showHideLayers.arguments;

	for(i=0; i<(args.length-2); i+=3)
	{
		if((obj=MM_findObj(args[i]))!=null)
		{ 
			v=args[i+2];
			
			if(obj.style)
			{ 
				obj=obj.style; 
				v=(v=='show')?'block':(v=='hide')?'none':v; 
			}
			
			obj.display=v; 
		}
	}
}

/**
 * Implement a function that shows 
 */
function showHotSpotFeature(hotSpotFeatureName)
{
	//find the layer with the name

	//hide the other layers
	//hint: starts with "KRWHotSpotFeature"
	
	var layers = document.getElementsByTagName('DIV');

	var prefix = "KRWHotSpotFeature";

	for (var i=0; i<layers.length; i++)
	{
		if (layers[i].id != '') 
		{ 
			if (layers[i].id.substr(0, prefix.length) == prefix)
			{
				layers[i].style.display = 'none';

				if(layers[i].id == hotSpotFeatureName ) 
				{
					layers[i].style.display = 'block';
				}
			}
		}
	}
}

function MM_preloadImages() 
{ //v3.0
	var d = document;

	if(d.images)
	{ 
		if(!d.MM_p) 
			d.MM_p = new Array();

		var i, j=d.MM_p.length, a=MM_preloadImages.arguments; 
	
		for(i=0; i<a.length; i++)
		{
			if(a[i].indexOf("#")!=0)
			{ 
				d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];
			}
		}
	}
}

function MM_swapImgRestore() 
{ //v3.0
	var i,x,a=document.MM_sr;

	for(i=0; a&&i<a.length&&(x=a[i])&&x.oSrc; i++) 
		x.src=x.oSrc;
}

function MM_swapImage() 
{ //v3.0
	var i,j=0,x,a=MM_swapImage.arguments; 
	document.MM_sr=new Array; 

	for(i=0; i<(a.length-2); i+=3)
	{
		if((x=MM_findObj(a[i]))!=null)
		{
			document.MM_sr[j++]=x;

			if(!x.oSrc) 
				x.oSrc=x.src; x.src=a[i+2];
		}
	}
}

function hoverImage( dotname, color ) 
{
	document.getElementById(dotname).getElementsByTagName('A')[0].style.background=color;
}


function hideHotSpotFeature(hotSpotFeatureName)
{
	//find the layer with the name

	//hide the other layers
	//hint: starts with "KRWHotSpotFeature"
	
//	var layers = document.getElementsByTagName('DIV');

//	var prefix = "KRWHotSpotFeature";

//	for (var i=0; i<layers.length; i++)
//	{
//		if (layers[i].id != '') 
//		{ 
//			if (layers[i].id.substr(0, prefix.length) == prefix)
//			{
//				layers[i].style.display = 'none';

//				if(layers[i].id == hotSpotFeatureName ) 
//				{
//					layers[i].style.display = 'none';
//				}
//			}
//		}
//	}
}	

function hideAllHotSpots()
{
	//find the layer with the name

	//hide the other layers
	//hint: starts with "KRWHotSpotFeature"
	
	var layers = document.getElementsByTagName('DIV');

	var prefix = "KRWHotSpotFeature";

	for (var i=0; i<layers.length; i++)
	{
		if (layers[i].id != '') 
		{ 
			if (layers[i].id.substr(0, prefix.length) == prefix)
			{
				layers[i].style.display = 'none';
			}
		}
	}
}

function showTechnicalDIV(divID)
{
	var hideDiv = "Metric";

	if(divID == "Metric")
	{
		hideDiv = "Imperial";
		//var radioButton = document.radioMeasurement.Metric;
		//radioButton.checked = true;
	}	
	else
	{
		//var radioButton = document.radioMeasurement.Imperial;
		//radioButton.checked = true;
	}

	showDivByID(divID);
	hideDivByID(hideDiv);
	
}

function showDivByID(divID)
{
		

	//find the layer with the name
	var layers = document.getElementsByTagName('DIV');

	for (var i=0; i<layers.length; i++)
	{
		if (layers[i].id != '') 
		{ 
			if (layers[i].id == divID)
			{
				layers[i].style.display = 'block';
			}
		}
	}
}

function hideDivByID(divID)
{
		

	//find the layer with the name
	var layers = document.getElementsByTagName('DIV');

	for (var i=0; i<layers.length; i++)
	{
		if (layers[i].id != '') 
		{ 
			if (layers[i].id == divID)
			{
				layers[i].style.display = 'none';
			}
		}
	}
}