//center screen script
var screenW=(screen.width-800)/2;
document.write("<style>#page { position:absolute; left:"+screenW+"px; } </style>");

//style for fire fox and explorer...
var footer_style=
" <style>"
+" #footer{"
+"	height:91px;"
+"	width:800px;"
+"	background-image:url(img/footer_bg.gif);"
+"	bacground-repeat:repeat-x;";

if(window.ActiveXObject){
	 footer_style+="position:relative;"
	 		+"	top:0px;"
	
}
else if(window.XMLHttpRequest){
	 footer_style+="position:absolute;"
		+"	bottom:-50px;"
}
 footer_style+="}"
+"</style>";
document.write(footer_style);



//adjusting categories for exp 6
var browserName=navigator.appName; 
var IE7 = false /*@cc_on || @_jscript_version == 5.7 @*/;
 if (browserName=="Microsoft Internet Explorer" && !IE7)
 {
	document.write("<style>#categories{position:relative;bottom:20px;}</style>")
 }

var prod_page="";

function paintBestSeller(prd_name ,prd_price ,prd_mg ,prd_quntity, prd_id ,prd_cat_id)
{

	var strHTML = '';
	
	strHTML += '<table style="height:170px;width:199px;border-bottom:1px solid #EFEFEF;border-right:1px solid #EFEFEF;">';	
	strHTML += '<tr>';
		strHTML += '<td colspan="2" style="background-color:#EFEFEF;padding-left:5px;">';
			strHTML += '<font class="best_seller_title"><b>'+prd_name+'</b></font>';
		strHTML += '</td>';
	strHTML += '</tr>';
	strHTML += '<tr>';
		strHTML += '<td valign="middle">';
			strHTML += '<img src="img/products80/'+prd_cat_id+'.jpg" alt="'+prd_name+' package image" />';
		strHTML += '</td>';
		
		strHTML += '<td>';
			//strHTML += '<br />';
			strHTML += '<font class="best_seller_title">'+prd_mg+' x '+prd_quntity+'</font><br />';
			strHTML += '<font class="best_seller_title" style="color:red;font-weight:bold;">Price: $'+prd_price+'</font><br />';
			strHTML += '<br />';
			strHTML += '<img src="img/buy_now.gif" alt="Buy '+prd_name+' Now!" onclick="window.location=\'cartop.html?action=add&product_id='+prd_id+'\'">';
		strHTML += '</td>';	
	strHTML += '</tr>';	
	strHTML += '</table>';
	

	document.write(strHTML);

}

	//changes the menu and takes care of the center size - mainly border issue
	function change(cat){
			v=document.getElementById(cat);
			if(v.style.display=="block"){
				gap_b=document.getElementById("left").offsetHeight;
						v.style.display="none"
				gap_a=document.getElementById("left").offsetHeight;
				gap_total=gap_a-gap_b;
				gap_total+=document.getElementById("gap").offsetHeight;
				document.getElementById("gap").style.height=gap_total+"px";
			}
			else{
				gap_b=document.getElementById("left").offsetHeight;
				v.style.display="block"
				gap_a=document.getElementById("left").offsetHeight;
				gap_total=gap_a-gap_b;
				gap_total+=document.getElementById("gap").offsetHeight;
				document.getElementById("gap").style.height=gap_total+"px";
			}
		}
		
	
	//take care of the border gaps that created from the differences of the center/left sizes
		function gap_balancer(){
			//alert(document.getElementById("left").offsetHeight)
			//alert(document.getElementById("center").offsetHeight)
			var __diff=document.getElementById("left").offsetHeight-document.getElementById("center").offsetHeight;
			if(window.location.href.indexOf("cart")!=-1){
				__diff+=75;
				//alert(__diff);
			}else if(prod_page=="products" && browserName=="Microsoft Internet Explorer"){
					__diff-=20;
					//alert("prod:"+__diff);
			}
				document.write("<div id=\"gap\" style=\"height:"+__diff+"px;\">&nbsp;</div>");
		}
		
		//paints exlorer 6.0/exp 7.0/ff picture lines
		function paintLine(place){
			if(place=="lower"){
				  if(document.all){
						document.write("<!--[if lte IE 6]><hr style=\"height:4px;background:#c9eaff;color:#c9eaff;border:0px;position:relative;bottom:3px;\" width=\"98.5%\" noshade/><![endif]-->");
						document.write("<!--[if gte IE 7]><div class=\"line_temp_image\"></div><![endif]-->");
					}else{
							document.write("<div class=\"line_temp_image\" ></div>");
					}
			}
			else if(place=="upper"){
				 if(document.all){
						document.write("<!--[if lte IE 6]><hr style=\"height:5px;background:#c9eaff;color:#c9eaff;border:0px;position:relative;top:3px\" width=\"80%\" noshade/><![endif]-->");
						document.write("<!--[if gte IE 7]><div class=\"line_div\"><div class=\"line\"></div></div><![endif]-->");
					}else{
							document.write("<div class=\"line_div\"><div class=\"line\"></div></div>");
					}
			}
			
		}
//write footer style
//document.write(window.innerHeight);