var w3b_widget = document.getElementById('w3b_widget_container');

if (w3b_widget) {  
	
	var template_ids = new Array();
	var template_photos = new Array();
	var template_prices = new Array();  
	var template_addeds = new Array();  
	var w3b_widget_curidx = 0;
		
	function W3bWidget_start() {
		



			template_ids[0] = 24574;
			template_photos[0] = "http://www.templatehelp.com/screenshots/24500/24574-m.jpg";
			template_prices[0] = 120;
			template_addeds[0] = "06/26/2009";
			
			template_ids[1] = 24695;
			template_photos[1] = "http://www.templatehelp.com/screenshots/24600/24695-m.jpg";
			template_prices[1] = 68;
			template_addeds[1] = "06/23/2009";
			
			template_ids[2] = 24588;
			template_photos[2] = "http://www.templatehelp.com/screenshots/24500/24588-m.jpg";
			template_prices[2] = 65;
			template_addeds[2] = "06/26/2009";
			
			template_ids[3] = 24690;
			template_photos[3] = "http://www.templatehelp.com/screenshots/24600/24690-m.jpg";
			template_prices[3] = 72;
			template_addeds[3] = "06/23/2009";
			
			template_ids[4] = 24570;
			template_photos[4] = "http://www.templatehelp.com/screenshots/24500/24570-m.jpg";
			template_prices[4] = 140;
			template_addeds[4] = "06/26/2009";
					var htmlstr = "";
		htmlstr += '<table width="383" border="0">';
  		htmlstr += '<tr><td>';
  			htmlstr += '<table width="100%" border="0" cellpadding="0" cellspacing="0">';
  			htmlstr += '<tr><td><table width="100%" border="0" cellpadding="0" cellspacing="0">';
  					htmlstr += '<tr><td width="14"><img src="http://www.w3b-design.com/images/widget_tabcurve_left.gif" width="14" height="28" /></td>';
  						htmlstr += '<td height="28" bgcolor="#596a72" align="left"><img src="http://www.w3b-design.com/images/widget_w3blogo.gif" width="195" height="28" border="0" /></td>';
  						htmlstr += '<td width="14"><img src="http://www.w3b-design.com/images/widget_tabcurve_right.gif" width="14" height="28" /></td>';
  					htmlstr += '</tr>';
  					htmlstr += '</table>';
				htmlstr += '</td>';
  			htmlstr += '</tr>';
  			htmlstr += '<tr><td class="w3b_widget_borderlr">';
  				htmlstr += '<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">';
  				htmlstr += '<tr>';
  					htmlstr += '<td width="5">&nbsp;</td>';
					htmlstr += '<td width="36"><a href="javascript:W3bWidget_showPrev();"><img src="http://www.w3b-design.com/images/widget_lftnext.gif" width="36" height="37" border="0" /></a></td>';
  					htmlstr += '<td class="w3b_widget_template" width="162" valign="top"><img src="" border="0" id="w3b_widget_photo" alt="Powered by w3b-design.com" /></td>';
  					htmlstr += '<td valign="top">';
				  		htmlstr += '<table border="0">';
  						htmlstr += '<tr><td class="w3b_widget_title">Featured&nbsp;Templates</td></tr>';
  						htmlstr += '<tr><td class="w3b_widget_price">Price $<span id="w3b_widget_price">60.00</span></td></tr>';
  						htmlstr += '<tr><td class="w3b_widget_info">Template id: #<span id="w3b_widget_id">123892</span></td></tr>';
  						htmlstr += '<tr><td class="w3b_widget_info">Added: <span id="w3b_widget_added">06/24/2009</span></td></tr>';
  						htmlstr += '<tr><td class="w3b_widget_button"><a href="javascript:W3bWidget_redirect(\'detail\');"><img src="http://www.w3b-design.com/images/widget_preview.gif" width="76" height="17" border="0" /></a></td></tr>';
  						htmlstr += '<tr><td class="w3b_widget_button"><a href="javascript:W3bWidget_redirect(\'customize\');"><img src="http://www.w3b-design.com/images/widget_customize.gif" width="103" height="16" border="0" /></a></td></tr>';
  						htmlstr += '<tr><td class="w3b_widget_button"><a href="javascript:W3bWidget_redirect(\'buy\');"><img src="http://www.w3b-design.com/images/widget_buy.gif" width="103" height="16" border="0" /></a></td></tr>';
  						htmlstr += '</table><br />';
					htmlstr += '</td>';
  					htmlstr += '<td width="36"><a href="javascript:W3bWidget_showNext();"><img src="http://www.w3b-design.com/images/widget_rytnext.gif" width="36" height="37" border="0" /></a></td>';
  					htmlstr += '<td width="5">&nbsp;</td>'
				htmlstr += '</tr>';
  				htmlstr += '</table>';
			htmlstr += '</td></tr>';
  			htmlstr += '<tr><td height="70" bgcolor="#818080">';
  				htmlstr += '<table cellspacing="10" cellpadding="0" align="center">';
  				htmlstr += '<tr>';
  				for (i=0;i<template_photos.length;i++) {
  					htmlstr += '<td><img src="' + template_photos[i] + '" width="50" class="w3b_widget_thumb" onclick="W3bWidget_display(' + i + ');" id="w3b_widget_thumb_' + i + '"  alt="Powered by w3b-design.com" /></td>';
  				}
  				htmlstr += '</tr>';
  				htmlstr += '</table><div class="w3b_widget_powered">Powered by <a href="http://www.w3b-design.com">w3b-design.com</a></div>';			  	
	  		htmlstr += '</td></tr>';
  			htmlstr += '</table>';
 		htmlstr += '</td></tr>';
  		htmlstr += '</table>';
		w3b_widget.innerHTML = htmlstr;	
	}
	function W3bWidget_display(idx) 
	{
		document.getElementById('w3b_widget_photo').src = template_photos[idx];
		document.getElementById('w3b_widget_price').innerHTML = template_prices[idx];
		document.getElementById('w3b_widget_id').innerHTML = template_ids[idx];	
		document.getElementById('w3b_widget_added').innerHTML = template_addeds[idx];
		W3bWidget_resetThumbs();
		document.getElementById('w3b_widget_thumb_' + idx).className = 'w3b_widget_thumb_selected';
		w3b_widget_curidx = idx;
	}
	function W3bWidget_resetThumbs() 
	{
		for (i=0;i<template_photos.length;i++) {
			document.getElementById('w3b_widget_thumb_' + i).className = 'w3b_widget_thumb';
		}	
	}
	function W3bWidget_showNext() {
		if (++w3b_widget_curidx == template_photos.length) {
			w3b_widget_curidx--;
		}
		W3bWidget_display(w3b_widget_curidx);
	}
	function W3bWidget_showPrev() {
		if (--w3b_widget_curidx < 0) {
			w3b_widget_curidx = 0;
		}
		W3bWidget_display(w3b_widget_curidx);
	}
	function W3bWidget_redirect(mode) 
	{
		var url = 'http://www.w3b-design.com/';
		switch (mode) {
		case 'detail':
			location.href = url + 'detail.php?id=' + template_ids[w3b_widget_curidx];
			break;
		case 'customize':
			location.href = url + 'process.php?template_id=' + template_ids[w3b_widget_curidx];
			break;
		case 'buy':
			location.href = url + 'cart/tmcart.php?action=add&id=' + template_ids[w3b_widget_curidx];
			break;
		}
	}
	W3bWidget_start();	 
	W3bWidget_display(0);
	
} else {
	alert('W3B-Design Widget Note: Cannot find a div needed for the widget');
}