/* ==========================================================
Steel Site Javascript

This file deals with product page script

author:    Matheu Niblett
website:   http://www.parkersteel.co.uk
============================================================ */

/* Control displaying features, specification and technical details. */
function showProdDetail(activeControl) {
	var dimDtl  = document.getElementById("dimDetail");
	var dimBtn  = document.getElementById("dimButton");
	var specDtl = document.getElementById("specDetail");
    var specBtn = document.getElementById("specButton");
    var descDtl = document.getElementById("descDetail");
    var descBtn = document.getElementById("descButton");
	if( activeControl == "dim" ) {
		specDtl.style.display   = "none";
	  	specBtn.style.background   = "#D3D3D3 url(/media/images/header/menu-bg-off.gif) repeat-x";
	   	specBtn.style.borderBottom = "1px solid #ccc";
	   	descDtl.style.display   = "none";
	  	descBtn.style.background   = "#D3D3D3 url(/media/images/header/menu-bg-off.gif) repeat-x";
	   	descBtn.style.borderBottom = "1px solid #ccc";
	    dimDtl.style.display    = "block";	
	    dimBtn.style.background    = "#062064 url(/media/images/header/menu-bg.gif) repeat-x";
	    dimBtn.style.borderBottom  = "1px solid #062064";
	} else if( activeControl == "spec" ) {
		dimDtl.style.display     = "none";
	  	dimBtn.style.background     = "#D3D3D3 url(/media/images/header/menu-bg-off.gif) repeat-x";
	   	dimBtn.style.borderBottom   = "1px solid #ccc";
	   	descDtl.style.display    = "none";
	  	descBtn.style.background    = "#D3D3D3 url(/media/images/header/menu-bg-off.gif) repeat-x";
	   	descBtn.style.borderBottom  = "1px solid #ccc";
		specDtl.style.display    = "block";	
	    specBtn.style.background    = "#062064 url(/media/images/header/menu-bg.gif) repeat-x";
	    specBtn.style.borderBottom  = "1px solid #062064";
	} else if( activeControl == "desc" ) {
		dimDtl.style.display     = "none";
	  	dimBtn.style.background     = "#D3D3D3 url(/media/images/header/menu-bg-off.gif) repeat-x";
	   	dimBtn.style.borderBottom   = "1px solid #ccc";
	   	specDtl.style.display    = "none";
	  	specBtn.style.background    = "#D3D3D3 url(/media/images/header/menu-bg-off.gif) repeat-x";
	   	specBtn.style.borderBottom  = "1px solid #ccc";
	   	descDtl.style.display    = "block";	
	    descBtn.style.background    = "#062064 url(/media/images/header/menu-bg.gif) repeat-x";
	    descBtn.style.borderBottom  = "1px solid #062064";
	}
}

/* Validate customer part number input. */  
function validCustPartNum(id) {
	var val = document.getElementById(id).value;
	if( val.length > 0 ) {
		
		// Customer part number must be least three characters. 
	    if( val.length < 3 ) {
	        alert("Part number must be at least 3 characters");
	        document.getElementById(id).value = "";
	 	    document.getElementById(id).focus();
	 	
	 	// Validate entered characters are permissable. 
	    } else {
	    	var vldChrs = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789 &-_(){}[]#@£!$%+=";
	    	var err = false;
	        var tmp;
	    	for (var i=0; i<val.length; i++) {
	    	    tmp = "" + val.substring(i, i+1);
	    	    if (vldChrs.indexOf(tmp) == "-1") {
	    	    	savChr = tmp;
	    	    	err = true; 
	    	    }
	    	}
	    	if(err) {	
	    		alert(savChr + " is an invalid entry");
	    		document.getElementById(id).value = "";
	    	    document.getElementById(id).focus();
	        }
	    }
	}
}


/* Validate shotblasting and painting options. */
function validProcess( sht, pnt, pck ) {
    var shot  = document.getElementById(sht).checked;
    var sel   = document.getElementById(pnt);
    var paint = sel.options[sel.selectedIndex].value;
    var sel2  = document.getElementById(pck);
    var pack  = sel2.options[sel2.selectedIndex].value;
    if ( shot == false && paint != "   " ) {
        alert("You cannot paint without shotblasting"); 
        sel.selectedIndex = 0;
    }
}

/* highlight Matrix Headings */
/* note x & y axis is flipped on AS400. so x = y, y = x in HTML view */
function highlightHeading(x, y, on) {
	var bg = "#062064";
	var fg = "#FFFFFF";
	if(!on) {
		bg = "#b1c1d1";
		fg = "#062064";
	}
	
	document.getElementById("row" + x).style.backgroundColor = bg;
	document.getElementById("row" + x).style.color = fg;
	
	document.getElementById("col" + y).style.backgroundColor = bg;
	document.getElementById("col" + y).style.color = fg;
	
	document.getElementById("colBase" + y).style.backgroundColor = bg;
	document.getElementById("colBase" + y).style.color = fg;
}