/*function detail(imgid,imgsrc,name,partnumber,price,description) {

$proddetail = $('#product_detail');
ww=document.body.clientWidth;
newhtml=" <div><div style='float:left;min-width:200px; min-height:125px;'><a href='javascript:dismiss();'><img src='/images/cross.jpg' width='16' height='17' align='right' /></a><img id='prodimage' src='/customer_photos/"+ imgsrc +"' /> </div></div>";
   $proddetail.html(newhtml);
   pdwidth=$proddetail.width();
    left = (ww-pdwidth)/2;
	if(left==0) left=337;
   
	$proddetail.css('visibility','visible');
	$proddetail.css('top','100px');
	$proddetail.css('left',left+'px');
	$proddetail.css('z-index','20');
}
function dismiss() {
$('#product_detail').css('visibility','hidden');
}
*/
function detail(imgid,imgsrc,name,partnumber,price,description) {

$proddetail = $('#product_detail');
ww=document.body.clientWidth;
newhtml=" <div><div style='float:left;min-width:400px; min-height:125px;'><img id='prodimage' src='/customer_photos/"+ imgsrc +"' /> </div><div style='float:right; width:350px;'><a href='javascript:dismiss();'><img src='/images/cross.jpg' width='16' height='17' align='right' /></a><p>"+name+"</p><p>&nbsp;</p><p>&nbsp;</p><p style='font-size: 12px; font-family:arial,verdana;'>"+description+"</p><p>&nbsp;</p> <p>&nbsp;</p><p>&nbsp;</p> <p> <a href='javascript:dismiss();'>Close Window</a></p> </div></div>";
   $proddetail.html(newhtml);
   pdwidth=$proddetail.width();
    left = (ww-pdwidth)/2;
	if(left==0) left=50;
   
	$proddetail.css('visibility','visible');
	$proddetail.css('top','100px');
	$proddetail.css('left',left+'px');
	$proddetail.css('z-index','20');
}
function dismiss() {
$('#product_detail').css('visibility','hidden');
}