function onLinkSeries(id) {
	
		if (document.getElementById('sd'+id) != null)
		{
			document.getElementById('sd'+id).style.textDecoration='underline';
			document.getElementById('sd'+id).style.color='#9e088f';
		
		bgimg = document.getElementById('sbg'+id)
		if (bgimg!=null)
			{
				bgimg.style.backgroundImage	 =  "url('/assets/img/shop/bg_section_on.gif')";
			}
		}
	
	}

	function offLinkSeries(id) {
		if (document.getElementById('sd'+id) != null)
		{	
			document.getElementById('sd'+id).style.textDecoration='none';
			document.getElementById('sd'+id).style.color='#000000';	
	
			bgimg = document.getElementById('sbg'+id)
			if (bgimg!=null)
			{
				bgimg.style.backgroundImage	 =  "url('/assets/img/shop/bg_section.gif')";
			}
		}
	
	}

	function loadSectionBg()
	{
	image1 = new Image();
	image1.src = '/assets/img/shop/bg_section_on.gif'
	}
	
	loadSectionBg();
	
	//window.onload = loadSectionBg();



	function setcolour(AttributeValueId, pos)
	{
	document.getElementById('swatch_select'+pos).value= AttributeValueId;
	//document.getElementById('swatch-link').innerHTML= "<a href=\"Javascript:void(0)\" onClick=\"enlargeMedia(" + mediafileid + ")\">Enlarge</a>";			
	checkValidCombination(document.product, pos);
	}




	
	function spec_toggle(page)
	{
		if(page==0)
		{
			
			if(document.getElementById("title-desc"))
			{
				document.getElementById("title-desc").style.backgroundImage = "url('/assets/img/graphics/product-details_s.gif')"; // Change bg
			}
	
			if(document.getElementById("title-reviews"))
			{
				document.getElementById("title-reviews").style.backgroundImage = "url('/assets/img/graphics/product-reviews.gif)"; // Change bg
			}
	
		}
		else if(page==1)
			{
		
			if(document.getElementById("title-desc"))
			{
				document.getElementById("title-desc").style.backgroundImage = "url('/assets/img/graphics/product-details.gif)"; // Change bg
			}
	
			if(document.getElementById("title-reviews"))
			{
				document.getElementById("title-reviews").style.backgroundImage = "url('/assets/img/graphics/product-reviews_s.gif')"; // Change bg
			}
		}
	
	}
	
	
	

var clickmessage="Copyright Image"

function disableclick(e) {
if (document.all) {
if (event.button==2||event.button==3) {
if (event.srcElement.tagName=="IMG")
{
alert(clickmessage);
return false;
}
}
}
else if (document.layers) 
{
if (e.which == 3) {
alert(clickmessage);
//return false;
}
}
else if (document.getElementById)
{
if (e.which==3&&e.target.tagName=="IMG")
{
alert(clickmessage);
return false;
}
}
}

function associateimages(){
for(i=0;i<document.images.length;i++)
document.images[i].onmousedown=disableclick;
}










	
	
	
	function ajax_request22s(url)
	{
		http_request22s=false;
	
		if(window.XMLHttpRequest)
		{
			http_request22s=new XMLHttpRequest();
			if(http_request22s.overrideMimeType)
			{
				http_request22s.overrideMimeType('text/xml');
			}
			}
			else if(window.ActiveXObject)
			{
				try{
					http_request22s=new ActiveXObject("Msxml2.XMLHTTP");
					}
					catch(e)
					{
						try{http_request22s=new ActiveXObject("Microsoft.XMLHTTP");
						}
						catch(e)
						{
						}
					}
			}
	
	
			if(!http_request22s)
			{
			alert('Giving up :( Cannot create an XMLHTTP instance');
			return false;
			}
	
			http_request22s.onreadystatechange=alertContents22s;
			http_request22s.open('GET',url,true);
			
			http_request22s.send(null);
	
	}
	
	
	
	function alertContents22s()
	{
		if(http_request22s.readyState==4)
		{
			if(http_request22s.status==200)
			{
				rec_chatcontent2s(http_request22s.responseText);
			}
			else
			{}
			}
	}
	
	
	
	
	function getReviews(wpid)
	{
		if(wpid != null)
			{
			read_cont2s("http://www.officefurnitureonline.co.uk/store/fetch/product_reviews.asp?wpid=" + escape(wpid));
			}
	}
	
	
	function getProdDetails(wpid)
	{
		if(wpid != null)
			{
			read_cont2s("http://www.officefurnitureonline.co.uk/store/fetch/product_details.asp?wpid=" + escape(wpid));
			}
		}
	
	
	
	function read_cont2s(url) 
	{ 
		zeit = new Date();
		ajax_request22s(url);
	}
	
	
	
	function display_msg2s(msg1) 
	{
		document.getElementById('product-desc').innerHTML = msg1;
	}
	
	
	function rec_chatcontent2s(cont1)
	{
		   display_msg2s(cont1);		
	}
	









var INVALID_BROWSER = "Sorry your browser does not work with this website"

// variable declarations
var allowSubmit = true;
var activeItemObject = null;

var ArrayP = new Array();
var selectedValidatedArray = new Array();
var selectedValidatedArrayIndexes = new Array();


var is = new Object()
is.ie = (document.all) ? 1:0
is.ns4 = (document.layers) ? 1:0
is.w3c = (document.getElementById) ? 1:0
is.win = (navigator.userAgent.toLowerCase().indexOf("win") > 0) ? 1:0
is.mac = (navigator.userAgent.toLowerCase().indexOf("mac") > 0) ? 1:0

var notAvailable = new String(" (Not available)");
var displayedProperties = new Array("stockcode","price","delivery","colour_name","swatch");



function initialiseArrayP(formArg) {

	var w = 0;

	for (var i = 0; i < formArg.elements.length;i++) {
		
		if (formArg.elements[i].name == "attributeValuesSelect") {
			ArrayP[w++] = formArg.elements[i];
		}
		else if(formArg.elements[i].name == "attributeValuesInput") {
			ArrayP[w++] = formArg.elements[i];
		}
	}


	for (var i = 0; i < ArrayP.length;i++) {
		if (ArrayP[i].name == "attributeValuesSelect")
	makeAttributesInvalid(0);
	loadItem(formArg);
	}
}


function getSelectedValuesAsArray(pBeforeIndex) {

	var selectedValuesArray = new Array();
	var selectedValuesArrayCounter = 0;
	
	for (var k = 0; k < pBeforeIndex;k++) {
		tmpObj = getObj(ArrayP[k].id+'alert');
		
		if (ArrayP[k].name == "attributeValuesSelect") {
			selectedValuesArray[selectedValuesArrayCounter++] = ArrayP[k].options[ArrayP[k].options.selectedIndex].value;
		}	
		if (ArrayP[k].name == "attributeValuesInput") {
			selectedValuesArray[selectedValuesArrayCounter++] = ArrayP[k].value;
		}
	}		
	return selectedValuesArray;
}	

function getAttributeValueIndex(pId)
{
	for (var k = 0; k < ArrayP.length;k++) {
		if (ArrayP[k].id==pId) return k;
	}	
}		



function makeAttributesInvalid(whichChanged) {

	var tmpObj;
	
	selectedValuesArray = getSelectedValuesAsArray(ArrayP.length);
		

	var tmpArray;
	for (var k = 0; k < ArrayP.length;k++) {
		tmpArray = new Array();
		for (var m=0;m<k;m++) {
			tmpArray[m] = selectedValuesArray[m];
		}
			
		if (ArrayP[k].name == "attributeValuesSelect") 
		{
			for (var l=0;l < ArrayP[k].length; l++) {
				tmpArray[k] = ArrayP[k][l].value;
				selectSelectedIndex = ArrayP[k].options.selectedIndex;

				if (findItemsByAttributes(tmpArray).length>0) 
				{
					enableOption(ArrayP[k][l]);		
				}
				else {
					disableOption(ArrayP[k][l]);					
				}
			}
		}
	
	
	}
	makeAttributesValid(whichChanged);
}



function makeAttributesValid(whichChanged) {

		var found = false;
		var selectedValuesArray = new Array();

		var vAlert = false;
		var vTmpObj;

		for (var i=0;i<ArrayP.length;i++) {

			if (ArrayP[i].name == "attributeValuesSelect") 
			{
				//alert(ArrayP[i].name );	
				if (ArrayP[i].options[ArrayP[i].options.selectedIndex].disabled==false) 
				{
					selectedValuesArray[i] =    ArrayP[i].options[ArrayP[i].options.selectedIndex].value;					
					selectedValidatedArray[i] = ArrayP[i].options[ArrayP[i].options.selectedIndex].value;					
					selectedValidatedArrayIndexes[i] = ArrayP[i].options.selectedIndex;
					
				//	alert('swatch_' + ArrayP[i].options[ArrayP[i].options.selectedIndex].value);
					
				}
				else {

					selectedValuesArray[i] = selectedValidatedArray[i];
					if (findItemsByAttributes(selectedValuesArray).length>0) {
								enableOption(ArrayP[i][selectedValidatedArrayIndexes[i]]);
								ArrayP[i].options.selectedIndex = selectedValidatedArrayIndexes[i];					
					}			
					else {

						vAlert = true;										
						found = false;
						var selectedValue;
						for (var j=0;j<ArrayP[i].length;j++) {
							selectedValuesArray[i] = ArrayP[i][j].value;
							if (findItemsByAttributes(selectedValuesArray).length>0)
							{
								enableOption(ArrayP[i][j]);
								if (!found) {
									selectedValue = ArrayP[i][j].value;
									ArrayP[i].options.selectedIndex = j;
									found = true;
								}		
							}
							else {
								disableOption(ArrayP[i][j]);
							}
						}
						selectedValuesArray[i] = selectedValue;	
						selectedValidatedArray[i] = selectedValue;	
					}
				}						
			}
		}	
			
			
}		

function enableOption(theOption) {
	if (theOption.disabled == true) {
		theOption.text = theOption.text.substring(0,theOption.text.length - (notAvailable.length+1));
		theOption.style.color = "#000000";
		theOption.disabled = false;	
	}	
}

function disableOption(theOption) {
	if (theOption.disabled == false) {
		theOption.text += ' ' + notAvailable;
		theOption.style.color = "#828282";
		theOption.disabled = true;	
	}	
}






function checkValidCombination(formArg,whichChanged) {

	if (!allowSubmit) { return; } 

	// bug fix for IE
	if ((typeof whichChanged != "undefined") && whichChanged != null && ArrayP[whichChanged].name == "attributeValuesSelect")
	{
		if (ArrayP[whichChanged].options[ArrayP[whichChanged].options.selectedIndex].disabled == true)
		 {
			if (selectedValidatedArray.length>0) {
				for (var i=0;i<ArrayP[whichChanged].options.length;i++) 
				{
					if (ArrayP[whichChanged][i].value == selectedValidatedArray[whichChanged])
					 ArrayP[whichChanged].options.selectedIndex = i;
				}
			}	
			return;
		}	
	}
	
	if ((typeof whichChanged != "undefined") && whichChanged != null)
	{ 
		makeAttributesInvalid(whichChanged);
		//alert("makeAttributesInvalid(whichChanged)");
	}
	
	loadItem(formArg, whichChanged);
	
}






function loadItem(formArg, whichChanged)
{

	var a = new Array();
	var ai = 0;

	for (var i = 0; i < formArg.elements.length;i++)
	{

		if (formArg.elements[i].name == "attributeValuesSelect") {
			a[ai++] = formArg.elements[i].options[formArg.elements[i].options.selectedIndex].value;
		}
		else if(formArg.elements[i].name == "attributeValuesInput") {
			a[ai++] = formArg.elements[i].value;
		}
		
	}


	var arrPos = findProdIdForItem(a);
		
	changeItem(arrPos, whichChanged); 
		

}	





function changeItem(arrPos, whichChanged) {

itemObjToDisplay = prodOptArray[arrPos];

	
	if (document.getElementById || document.all){

		if (itemObjToDisplay == null) {
			itemObjToDisplay = activeItemObject;
		}

		var objectInPage = null;
		for (var d = 0; d < displayedProperties.length; d++)
		{
			
			objectInPage = getObj(displayedProperties[d]);

			if (objectInPage!=null)
			{
				objectInPage.innerHTML = eval("itemObjToDisplay." + displayedProperties[d]);
			}
		}

		document.productbuy.spc.value = itemObjToDisplay.stockcode;	

		swatch = getObj('swatch_current');
			if (swatch!=null)
			{
			//	swatch.src = '/store/assets/media/sc/' + itemObjToDisplay.swatch + '.jpg';	
			}		
			
			

			
			
	     for (var i = 0; i < prodOptAttValArray[arrPos].length; i++)
		{
          optionValue = prodOptAttValArray[arrPos][i]
	
				
		 try
			{
	
				strImg = prodSwatchArray[0]['swatch_' + optionValue] + '.jpg';
				swatch_name =  prodSwatchArray[1]['swatch_' + optionValue] ;
				swatch_current =   prodSwatchArray[2]['swatch_' + optionValue] ;
				

				swatchImg = getObj('swatch_current' + swatch_current);
				
				if (swatchImg!=null)
				{
				swatchImg.src = '/store/assets/media/sc/' + strImg;	
				}
				
				swatchName = getObj('colour_name'+ swatch_current);
	
				if (swatchName!=null)
				{
					swatchName.innerHTML = swatch_name;
				}			
					
			}	
			catch(e)
			{
				
				// not set
				
			}
				
        }		
			

	
	
	}
	else {
		alert (INVALID_BROWSER);
		return;
	}
}
























function pausecomp(millis) 
{
var date = new Date();
var curDate = null;

do { curDate = new Date(); } 
while(curDate-date < millis);
} 


function findProdIdForItem(attributeValues)
{
		var joinedAttr = attributeValues.join(",").toLowerCase();
        for (var i = 0; i < prodOptAttValArray.length; i++)
		{
           if ( joinedAttr == prodOptAttValArray[i].join(",").toLowerCase())
		   {
			    return i;
				break;
                }

        }
        return null;
}



function getObj(name)
{
        if (document.getElementById) {
                if (document.getElementById(name)) {
                        return document.getElementById(name);
                }
        }
        else if (document.all) {
                if (document.all[name]) {
                        return document.all[name];
                } 
        }
        else {
                alert (INVALID_BROWSER);
                return;
        }
}




function findItemsByAttributes(attributeList) {
	var itemsFound = new Array();
	var itemsFoundIndex = 0;
	var found = true;
	for (var i = 0; i < prodOptAttValArray.length;i++) {
		
		var itemAttrValue = prodOptAttValArray[i];
		var itemAttrValueJoined = itemAttrValue.join('##');
		found = true;
		for (var j=0; j < attributeList.length;j++) 
		{
			for (var x=0;x<itemAttrValue.length;x++)
			{
				if (itemAttrValueJoined.search(attributeList[j])==-1)
				found = false;
			}
		}
		
		if (found) itemsFound[itemsFoundIndex++] = i;
		
	}
	return itemsFound;
}



function swapimage(mediafile, width, height, enlarge, productid)
{
	
  	var elem = document.getElementById("product_image");
 	elem.width = width;
	elem.height = height;	
	document.getElementById('product_image').src = mediafile ; 




	if (enlarge ==1)
	{
	//document.getElementById('product_enlarge').innerHTML="<img src=\"/assets/img/enlarge_image.gif\" alt=\"Enlarge Image\"><a href=\"Javascript:void(0)\" onClick=\"enlargeImage(" + productid + ")\">See larger image</a>";
	document.getElementById('product_enlarge').innerHTML="<img src=\"/assets/img/icons/enlarge_image.gif\" alt=\"Enlarge Image\"><a href='#' class='ex2trigger' onclick=\"$('#imgpu').jqmShow();\">See larger image</a>";

}
	else
	{
		if (document.getElementById('product_enlarge') != null)
		{
			document.getElementById('product_enlarge').innerHTML="";	
		}
	}
}



function enlargeImage(productid) 
{
	aWindow = window.open("/store/enlarge.asp?wpid=" + productid,"enlarge","location=no;menubar=no,scrollbars=yes,resizable=yes,width="+640+",height="+650+",top=28,left=40");
}

function enlargeMedia(paid) 
{
	aWindow = window.open("/store/swatch.asp?paid=" + paid,"enlarge","menubar=yes,scrollbars=yes,resizable=1,width="+500+",height="+500+",top=40,left=40");
}