function fnStyle (id,shape) {	// ('$CodeSplit[1],$CodeSplit[2]$Style')
	var x = document.getElementById('tBox_'+id.slice(0,4)); // THE PARTICULAR BOX
	var y = id.slice(5,40); // GET THE INITIAL STYLE AND SHOW THE DEFAULT FOR THAT.
	   //eg. background-image: url('_imgs_items/GirlsZippedHoodyDefault.gif');
	x.style.backgroundImage = "url('_imgs_items/" + y + "Default.gif')";
}

function fnColour (id,colour) {		// $CodeSplit[1],$CodeSplit[2]$CodeSplit[3]$row[Colour]
	//alert(id);
	var x = document.getElementById('tBox_'+id.slice(0,4)); 
	var y = id.slice(5,40);
	   //eg. background-image: url('_imgs_items/GirlsZippedHoodyBlack.gif);
	x.style.backgroundImage = "url('_imgs_items/" + y + ".gif')";
}

function fnPColour (id,pcolour)	{	//$CodeSplit[1],$row[PColour]
	//alert(id);
	var x = document.getElementById('print_'+id.slice(0,4));  // THE PARTICULAR BOX
	var y = id.slice(0,4);		// the product code
	var z = id.slice(5,20)		// the print colour
	   //eg. <img id="_print_T75P" class="tshirt" src="_imgs_prints/print_T75P_Red.png"/>
	   //eg. <img id="_print_x" class="tshirt" src="_imgs_prints/print_y_z.png"/>
	x.src = "_imgs_prints/print_" + y + "_" + z +".png";
}


function fnUnPColour (id) {
	//alert(id);
	var x = document.getElementById('print_'+id.slice(0,4)); 
	var y = id.slice(0,4);
	   //eg. <img id="_print_T75P" class="tshirt" src="_imgs_prints/print_T75P_Default.png"/>
	   //eg. <img id="_print_x" class="tshirt" src="_imgs_prints/print_y_Default.png"/>
	x.src = "_imgs_prints/print_" + y + "_Default.png";
}

function fnSize (id) {
	//alert(id);
	var x = document.getElementById('OptionPop_c'); 
	x.style.backgroundImage = "url('_imgs_dbox/optionDialogBGsizes.png')";
}
function fnUnSize (id) {
	//alert(id);
	var x = document.getElementById('OptionPop_c'); 
	x.style.backgroundImage = "url('_imgs_dbox/optionDialogBG.png')";
}