
function StartSlideShow() {
	var xobj = document.getElementById("div_prodslideshow")
	if (xobj) {
		ShowSlide(NextSlide)
	}
}
var TimeOutId;
function ShowSlide(yctr, ymanual, ygridview) {
	var xobj = document.getElementById("div_prodslideshow")
	
	var xstr = ""
	if (ygridview) {
		var MaxCols = 5;
		xstr =        '<table width="700" cellpadding="0" cellspacing="0" border="0">'
		xstr = xstr + '		<tr>'
		xstr = xstr + '		  <td valign="top" style="padding-left:0px;">'
		xstr = xstr + '			<table width="700" border="0" cellspacing="0" cellpadding="0">'
		xstr = xstr + '			  <tr>'
		
		for (var j=0; j<Products.length; j++) {
			if (j % MaxCols == 0 && j > 0) {
				xstr = xstr + '</tr>'
                xstr = xstr + '      <tr>'
                xstr = xstr + '        <td colspan="' + MaxCols  +'" height="10"></td>'
                xstr = xstr + '      </tr>'				
				xstr = xstr + '<tr>'
			}
			
			var xpageurl = Products[j].pageurl
			if (xpageurl.indexOf('?') >= 0) {
				xpageurl = xpageurl + '&sugg=featured&view=grid'
			}
			else {
				xpageurl = xpageurl + '?sugg=featured&view=grid'
			}
	
			var ximageurl = Products[j].image.toLowerCase()
			//.split('t.gif').join('m.gif')
			//ximageurl = ximageurl.split('t.jpg').join('m.jpg')
			//ximageurl = ximageurl.split('thumbnail/').join('mediumres/')
	
			//var xsizestr = '<font class="body7">Size :</font> ' + Products[j].height + '" x ' + Products[j].width + '" '	
			//var xpartstr = '<font class="body7">Part# :</font> ' + Products[j].stdcode
			//var xpkgstr = ''
			//if (Products[j].pkgq > 0) {
			//	xpkgstr = '<font class="body7">Package:</font> ' + Products[j].pkgq + ' ' + Products[j].pkg
			//}
			var xpricestr = '$' + Products[j].list1 + '<font class="body7">/' + Products[j].pkg + '</font>'
			
			xstr = xstr + '				<td width=130 style="background:url(/images/yellow-gradient.gif) bottom repeat-x; border:1px solid #CFCFCF; padding:2px;" valign="top">'
			xstr = xstr + '				  <div align="center" style="margin-bottom:5px; height:94px;"><a href="' + xpageurl + '"><img src="/companies/safetyxpress/' + ximageurl + '" border="0" alt="We make it easy to order parking signs."></a></div>'
			//xstr = xstr + '                  <div class="body10bcolor" style="padding-left:10px; text-indent:-8px; margin-bottom:5px;"><img src="/MPS/images/arrowfirst.gif" width="5" height="10" align="absmiddle">&nbsp;<a href="/MPS/Custom_Parking_Signs.aspx">Custom Signs</a></div>'
			xstr = xstr + '				  <div class="body8" align="center" style="padding:0px 0px 3px 10px;">'+ xpricestr +'</div>'
			xstr = xstr + '             </td>'
			xstr = xstr + '				<td width=10></td>'
        }
        
        xstr = xstr + '           </tr>'
        xstr = xstr + '         </table>'
        xstr = xstr + '       </td>'
        xstr = xstr + '     </tr>'
        xstr = xstr + '</table>'
		xstr = xstr + '<table width="700" cellpadding="0" cellspacing="0"><tr>'
		xstr = xstr + '<td  width="700" valign="middle" class="body8" align="right"><a href="javascript:ShowSlide(' + yctr + ')"><img src="/xp/images/slideshowview.gif" border="0" title="Slide Show View"></a>&nbsp;</td>'
		xstr = xstr + '</tr></table>'
              
	}
	else {
	
		var xpageurl = Products[yctr].pageurl
		if (xpageurl.indexOf('?') >= 0) {
			xpageurl = xpageurl + '&sugg=featured'
		}
		else {
			xpageurl = xpageurl + '?sugg=featured'
		}
	
		var ximageurl = Products[yctr].image.toLowerCase().split('t.gif').join('m.gif')
		ximageurl = ximageurl.split('t.jpg').join('m.jpg')
		ximageurl = ximageurl.split('thumbnail/').join('mediumres/')
	
		var xsizestr = '<font class="body7">Size :</font> ' + Products[yctr].height + '" x ' + Products[yctr].width + '" '	
		var xpartstr = '<font class="body7">Part# :</font> ' + Products[yctr].stdcode
		var xpkgstr = ''
		if (Products[yctr].pkgq > 0) {
			xpkgstr = '<font class="body7">Package:</font> ' + Products[yctr].pkgq + ' ' + Products[yctr].pkg
		}
		var xpricestr = '<b>Only $' + Products[yctr].list1 + '<font class="body7">/' + Products[yctr].pkg + '</font></b>'
	
		xstr = '<table width="100%" cellpadding="0" cellspacing="0" border="0" style="background:url(/images/yellow-gradient.gif) bottom repeat-x; border:1px solid #CFCFCF; padding:2px;">'
		xstr = xstr + '	<tr height="170">'
		xstr = xstr + '		<td valign="top" class="body8" width="20%" style="padding:10px 10px 10px 10px;" rowspan="2">'
		xstr = xstr + '			<a href="' + xpageurl + '"><img SRC="/companies/safetyxpress/' + ximageurl + '" border="0" ></a><br>'
		xstr = xstr + '		</td>'
	
		xstr = xstr + '		<td valign="top" class="body8" width="35%" style="padding:10px 10px 10px 10px;">'
		xstr = xstr + '				<div class="body8b" style="margin:0px 0px 5px 0px;"><a href="' + xpageurl + '">' + Products[yctr].shortdesc + '</a></div>'
		xstr = xstr + '					<div class="body8" style="margin:0px 0px 5px 0px;">' + Products[yctr].longdesc + '</div>'
		xstr = xstr + '				<div class="body8" style="margin:0px 0px 5px 0px;">' + xsizestr + '</div>'
		xstr = xstr + '			<div class="body8" style="margin:0px 0px 5px 0px;">' + xpartstr + '</div>'
		xstr = xstr + '				<div class="body8" style="margin:0px 0px 5px 0px;">' + xpkgstr + '</div>'
		xstr = xstr + '			<div class="body8" style="margin:0px 0px 5px 0px;">' + xpricestr + '</div>'
		xstr = xstr + '	  </td>'
	
		xstr = xstr + '		<td valign="top" class="body8" width="45%" style="padding:10px 10px 10px 10px;">'
		xstr = xstr + '				<div class="body8b" style="margin:0px 0px 5px 0px;">' + Products[yctr].salescopy + '</div>'
		xstr = xstr + '					<div class="body8" style="margin:0px 0px 5px 0px;">&bull;&nbsp;' + Products[yctr].features.split('~').join('</div><div class="body8" style="margin:0px 0px 3px 0px;">&bull;&nbsp;') + '</div>'
		xstr = xstr + '			<div class="body8b" style="margin:0px 0px 5px 0px;" align="right"><a href="' + xpageurl + '">Read More...</a></div>'
		xstr = xstr + '	  </td>'

		xstr = xstr + '	</tr>'

		xstr = xstr + '	<tr>'
		xstr = xstr + '		<td valign="top" class="body8" colspan="2" width="80%" style="padding:10px 10px 10px 10px;">'
		xstr = xstr + '			<div class="body8" align="right" style="margin:0px 0px 5px 0px;">'

		PrevSlide = yctr-1;
		if (PrevSlide < 0) {
			PrevSlide = (Products.length - 1)
		}
	
		NextSlide = yctr+1;
		if (NextSlide >= Products.length) {
			NextSlide = 0
		}
		xstr = xstr + '<table cellpadding="0" cellspacing="0"><tr>'
		if (!ymanual) {
			xstr = xstr + '<td  valign="middle" class="body8"><a href="javascript:ShowSlide(' + yctr + ', true)">Pause<img src="/xp/images/stopslideshow.gif" border="0" title="Pause Slide Show"></a>&nbsp;&nbsp;&nbsp;</td>'
		}
		else {
			xstr = xstr + '<td  valign="middle" class="body8"><a href="javascript:ShowSlide(' + NextSlide + ', false)">Start<img src="/xp/images/startslideshow.gif" border="0" title="Start Slide Show"></a>&nbsp;&nbsp;&nbsp;</td>'
		}
	
		xstr = xstr + '<td class="body8"><a href="javascript:ShowSlide(0, true)"><img src="/xp/images/arrowstart.gif" border="0" title="Show First Product"></a>&nbsp;</td>'
		xstr = xstr + '<td class="body8"><a href="javascript:ShowSlide(' + PrevSlide + ', true)"><img src="/xp/images/arrowprev.gif" border="0" title="Show Previous Product"></a>&nbsp;</td>'
	
		for (var j=0; j<Products.length; j++) {
			if (j == yctr) {
				xstr = xstr + '<td valign="middle" class="body8"><b>' + (j+1) + '</b>&nbsp;</td>'
			}
			else {
				xstr = xstr + '<td  valign="middle" class="body8"><a href="javascript:ShowSlide(' + j + ', true)">' + (j+1) + '</a>&nbsp;</td>'
			}
		}
		xstr = xstr + '<td class="body8"><a href="javascript:ShowSlide(' + NextSlide + ', true)"><img src="/xp/images/arrownext.gif" border="0" title="Show Next Product"></a>&nbsp;</td>'
		xstr = xstr + '<td class="body8"><a href="javascript:ShowSlide(' + (Products.length - 1) + ', true)"><img src="/xp/images/arrowend.gif" border="0" title="Show Last Product"></a>&nbsp;&nbsp;&nbsp;</td>'
		xstr = xstr + '<td  valign="middle" class="body8"><a href="javascript:ShowSlide(' + yctr + ', true, true)"><img src="/xp/images/gridview.gif" border="0" title="Grid View"></a>&nbsp;</td>'
		
		xstr = xstr + '</tr></table>'	
		xstr = xstr + '			</div>'
		xstr = xstr + '	    </td>'
		xstr = xstr + '	</tr>'
	
		xstr = xstr + '  </table>'
		//alert(xstr)
	}
	xobj.innerHTML = xstr
	
	if (!ymanual) {
		TimeOutId = setTimeout("ShowSlide(NextSlide)", 7000);
	}
	else {
		clearTimeout(TimeOutId);
	}
}

