/////////////////////////////////////////////////////////
//
// dyn_grids.js  - JS required by product page grids
//
/////////////////////////////////////////////////////////
// 
// copyright 2002 web-engineer - www.web-engineer.co.uk
// last edit by C.Lawson 24.04.2003
//
/////////////////////////////////////////////////////////
//
/////////////////////////////////////////////////////////
//
//
var maxgridln = 5;

function findObj(theObj, theDoc){
	if(document.getElementById){
		foundObj = document.getElementById(theObj);
	}else{
		var p, i, foundObj;
		if(!theDoc) theDoc = document;
		if( (p = theObj.indexOf("?")) > 0 && parent.frames.length){
			theDoc = parent.frames[theObj.substring(p+1)].document;
			theObj = theObj.substring(0,p);
		}
		if(!(foundObj = theDoc[theObj]) && theDoc.all) foundObj = theDoc.all[theObj];
		for (i=0; !foundObj && i < theDoc.forms.length; i++) 
			foundObj = theDoc.forms[i][theObj];
		for(i=0; !foundObj && theDoc.layers && i < theDoc.layers.length; i++) 
			foundObj = findObj(theObj,theDoc.layers[i].document);
//		if(!foundObj && document.getElementById) foundObj = document.getElementById(theObj);
	}
	return foundObj;
}
function drawsizegrid(){
	var grid = new Array();
	var i=0;
	var j=8;
	var k=0;
	var label;
	var warn;
	var oldwarn;
	var warn2=0;
	var oldwarn2=0;
	document.write('<table cellspacing="0" cellpadding="0" border="0">');
	// iterate through the descriptors and if they are too long, stick them on the end
	// initialize grid
	for(i=8; i<sizegrid.length; i++){
		label = sizegrid[i-8];
		sizegrid[i]=sizegrid[i].replace(/([.]*)[#]*$/, "$1");
		grid[i-8]=(label+'#'+sizegrid[i]).split('#');
	}
	// fix grid element lengths
	for(i=0; i<j; i++){
		if(grid[i].length > maxgridln+2){ // + 2 due to the label being attached
			//		if(gridIndex > maxgridln+2){ // + 2 due to the label being attached
			var namearray = Array(grid[i][0]);
			grid[j]=namearray.concat(grid[i].slice(maxgridln+1,grid[i].length)); // move the rest to the end!
			//grid.push('');
			grid[i]=grid[i].slice(0,maxgridln+1); // slice the former
			j=j+1;	// update the size of the grid
			warn2=1;
		} else warn2=0;
		if(warn2==0 && oldwarn2==1){
			grid[grid.length] = '';
			//grid.push(''); // MS JScript5.5+ only
			j=j+1; // update gridsize
			oldwarn=0;
		}
		oldwarn2=warn2;
	}
	// Draw the grid
	for(i=0; i<grid.length; i++){
		// if the gridline is blank, remove it
		// scan to check row empty
		warn="true";
		for(k=0; k<grid[i].length; k++){
			if(grid[i][k]!='')
				warn="false";
		}
		if(oldwarn=="true" && warn=="false"){
			document.write('<tr><td colspan="'+maxgridln+'">&nbsp;</td></tr>');
		}

		oldwarn=warn;
		
		if(warn=="true")
			continue;
		
		document.write('<tr><td class="small">'+grid[i][0]+'</td>');
		for(j=1; j<grid[i].length; j++){
			document.write('<td class="small" align="center">&nbsp;'+grid[i][j]+'&nbsp;</td>');
		}
		document.write('</tr>');
	}
	document.write('</table><br>');
}

var skuselected = null;
function skuClick(ident,opt){
	var tgt;
	//alert('0 = '+ident);
	if(skuselected!=-1){
		if(opt){
			//do nothing
			//alert('do nothing');
		}else{
			tgt = findObj('sku_pane_0');
			tgt.style.visibility = 'hidden';
			tgt.style.position = 'absolute';
			if(skuselected!=null){
				tgt = findObj('sku_pane_'+skuselected);
				tgt.style.visibility = 'hidden';
				tgt.style.position = 'absolute';
				tgt.style.top = '0px';
				tgt.style.left = '0px';
				tgt = findObj('sk_sh_'+skuselected);
				tgt.src = 'images/shader2px.gif';
			}
			tgt = findObj('sku_pane_'+ident);
			tgt.style.visibility = 'visible';
			tgt.style.position = 'relative';
			tgt.style.top = '0px';
			tgt.style.left = '0px';
			tgt = findObj('sk_sh_'+ident);
			tgt.src = 'images/spacer.gif';
			skuselected = ident;
		}
	}
}
function skuDrawHead(ident,swatch){
//	document.write('<div id="sku_pane_'+ident+'" style="visibility: hidden;z-index: 120;width: 250px; position: absolute; top: 0px; left: 0px;">');
	document.write('<table cellspacing="0" cellpadding="1" bgcolor="#000000" border="0"><tr><td>');
	document.write('<table cellspacing="1" cellpadding="2" bgcolor="#CCCCCC" border="0" width="235"><tr><td colspan="5" bgcolor="#FFFFFF">'+swatch+'</td></tr>');
	document.write('<tr><td bgcolor="#F6F6F6"><b>Size</b></td>');
	document.write('<td class="small" bgcolor="#F6F6F6" align="center"><b>Carton</b></td>');
	document.write('<td class="small" bgcolor="#F6F6F6" align="center"><b>Pack</b></td>');
	document.write('<td class="small" bgcolor="#F6F6F6" align="center"><b>Single</b></td>');
//  document.write('<td class="small" bgcolor="#F6F6F6" align="center"><b>Stock</b></td>');
	document.write('</tr>');
}
function skuDrawShortHead(ident,swatch){
	document.write('<table cellspacing="0" cellpadding="1" bgcolor="#000000" border="0" width="230"><tr><td>');
	document.write('<table cellspacing="1" cellpadding="2" bgcolor="#CCCCCC" border="0" width="100%"><tr><td bgcolor="#FFFFFF">'+swatch+'</td></tr>');
	document.write('<tr><td class="small" width="30" bgcolor="#F6F6F6"><b>Size</b></td></tr>');
}

// args to skuDrawRow is a 2d array containing: rowcolour,skusize,skucarton,skupack,skusingle,skucolour
var skuresult;
var arr_id_colourway = Array();
function skuDrawRow(rowarray){
	skuresult = '';	
	for(var i=0; i < rowarray.length; i++){
		skuresult += '<tr><td bgcolor="'+rowarray[i][0]+'" class="small">'+rowarray[i][1]+'</td>';
		if(rowarray[i][2]){
			arr_id_colourway[arr_id_colourway.length] = rowarray[i][5]+' '+rowarray[i][1];
			skuresult += '<td class="small" bgcolor="'+rowarray[i][0]+'" align="center">'+rowarray[i][2]+'</td>';
			skuresult += '<td class="small" bgcolor="'+rowarray[i][0]+'" align="center">'+rowarray[i][3]+'</td>';
			skuresult += '<td class="small" bgcolor="'+rowarray[i][0]+'" align="center">'+rowarray[i][4]+'</td>';
			//skuresult += '<td class="small" bgcolor="'+rowarray[i][0]+'" align="center" id="'+(arr_id_colourway.length-1)+'">-</td>';
			skuresult += '</tr>';
		}
	}
	document.write(skuresult);
}

function skuDrawShortRow(col, sizestring){
	skuresult = '';
	skuresult = '<tr><td class="small" bgcolor="'+col+'">'+sizestring+'</td></tr>';
	document.write(skuresult);
}

function addSkuToBasket(ident){
	//alert(ident);
	var w = window.open('includes/add-to-order.php?sku='+ident, 'addtoorder', 'width=300,height=120');
	w.focus();
}
function skuDrawFoot(){
	document.write('</table></td></tr></table>');
	//</div>');
	//<img src="images/sku-shader.gif">
}

function skuDrawShortHeadPrint(ident, swatch){
	document.write('<table cellspacing="0" cellpadding="0" bgcolor="#FFFFFF" border="0" width="100%"><tr><td bgcolor="#FFFFFF">'+swatch+'</td></tr>');
}

function skuDrawFootPrint(){
	document.write('</table>');
	//</div>');
	//<img src="images/sku-shader.gif">
}

function showSingleSku(ident){
	//document.images['sk_sh_'+ident].src = 'images/sku-select.gif';
	skuClick(ident);
	skuselected = '-1';
	//var tgt = findObj('sku_pane_'+ident);
	//tgt.style.visibility = 'visible';
	//tgt.style.position = 'relative';
}
function skuSwitchImage(ident,src){
	if(skuselected!=-1){
		switchImage(ident,src);
	}
}