

function swapDiv(divName, divContent) 
{
	document.getElementById(divName).innerHTML = divContent;
}

function HideDIV(d) { document.getElementById(d).style.display = "none"; }
function DisplayDIV(d) { document.getElementById(d).style.display = "block"; }

function HideAllDIV() 
{ 
	if(document.getElementById('item1') != null)    document.getElementById('item1').style.display = "none";
	if(document.getElementById('item2') != null)  	document.getElementById('item2').style.display = "none"; 
	if(document.getElementById('item3') != null)	document.getElementById('item3').style.display = "none"; 
	if(document.getElementById('item4') != null)	document.getElementById('item4').style.display = "none"; 
	if(document.getElementById('item5') != null)	document.getElementById('item5').style.display = "none"; 
	if(document.getElementById('item6') != null)	document.getElementById('item6').style.display = "none"; 
	if(document.getElementById('item7') != null)	document.getElementById('item7').style.display = "none"; 
	if(document.getElementById('item8') != null)	document.getElementById('item8').style.display = "none"; 
	if(document.getElementById('item9') != null)	document.getElementById('item9').style.display = "none"; 
}

function ask() 
{ 
    var answer = confirm("Do you want to delete this Item?");    

    /* Question icon, Yes/No button. */
    /* 0 = error, 1 = OK, 2 = Cancel,*/

    if (answer == 1) { return (true);    }
    else             { return (false);   }
}

function MakeTable(divID, imageName, ItemID, ItemTitle, ListPrice, UrlPrice, AvailableSizes) 
{ 
	var d =  '<table cellspacing="0" cellpadding="0" align="center" border="0">';
	d += '<tbody>';
	d += '<tr>';
	d += '<td valign="top" align="middle" width="280"  height="400">';
	d += '<a href="items.jsp?ID=' + ItemID + '&action=view" alt="' + ItemTitle + '">';
	d += '<img alt="' + ItemTitle + '" src="items/' + imageName + '" width=333 height=500 border="0"></a>';
	d += '</td>';
	d += '</tr>';
	d += '<tr>';
	d += '<td valign=top>';
	d += '<a href="items.jsp?id=' + ItemID + '&action=view">' + ItemTitle + '</a>';
	d += '<br>&nbsp;List:&nbsp;$' + ListPrice;
	d += '<br />&nbsp;TS:&nbsp;<b>$' + UrlPrice + '</b>';
	d += '<br>&nbsp;<b>sizes available:&nbsp;</b>' + AvailableSizes;
	d += '</td>';
	d += '</tr>';
	d += '</tbody>';
	d += '</table>';
	
	document.write(d);
}

function MakeThumbnailTable(divID, imageName, ItemID, ItemTitle, ListPrice, UrlPrice) 
{ 
        var d =  '<table border="0" cellpadding="0" cellspacing="0" align="center" width="115">';
        d += '<tbody>';
        d += '<tr>';
        d += '<td align="center" valign="top">';
        d += '<a href="items.jsp?ID=' + ItemID + '&action=view" alt="' + ItemTitle + '">';        
        d += '<img border=0 onMouseOver="HideAllDIV();DisplayDIV(' + "'" +  divID + "'" + ');" alt="' + ItemTitle + '" src="items/' + imageName + '">';
        d += '</a>';
        d += '</td>';
        d += '</tr>';
        d += '<tr>';
        d += '<td align="center" class="pricebox" onmouseover="this.className = \'pricebox_on\'" onmouseout="this.className = \'pricebox\'">';
		
			d +=  '<table border="0" cellpadding="5" cellspacing="0" width="115">';
			d += '<tbody>';
			
				d += '<tr height="50">';
				d += '<td align="center" valign="top">';
				d += '<a href="items.jsp?ID=' + ItemID + '&action=view">' + ItemTitle + '</a>' ; 		
				d += '</td>';
				d += '</tr>';
				
				d += '<tr height="30">';
				d += '<td align="center" valign="top">';
				d += '<a href="items.jsp?ID=' + ItemID + '&action=view">' +  '<b><font size="2.5em"> $' + UrlPrice + '</font></b></a>';  		
				d += '</td>';
				d += '</tr>';

			
			d += '</tbody>';
			d += '</table>';
		
        d += '</td>';
        d += '</tr>';
        d += '</tbody>';
        d += '</table>';
        
    document.write(d);
}

function MakeItemColumn(ItemID, ItemTitle, ItemDescription, ListPrice, UrlPrice, ItemSizeString) 
{      
    var d = '';
    d += '<td bgcolor="#e1e1e1" width="*"><b>' + ItemTitle + '</b></td>';
    d += '  </tr>';
    d += '  <tr>';
	d += '  <form name="AddToCart" action="AddToShoppingCart" method="post">';
	d += '  <input name="productCode" type="hidden" value="' + ItemID + '">';
	d += '  <input name="description" type="hidden" value="' + ItemTitle + '">';
	d += '  <input name="quantity" type="hidden" value="1">';
	d += '  <input name="price" type="hidden" value="' + UrlPrice + '">';
    d += '    <td valign="top">';
    d += '      <p><b>Description: </b>' + ItemDescription + '</p>';
    d += '      <p>Item #: ' + ItemID + '</p>';
    d += '      <hr />';
    d += '      Sizes: ' + ItemSizeString ;
    d += '    <br /><br />';
    d += '    List Price: $' + ListPrice + '';
    d += '    <br /><b>TS Price: $' + UrlPrice + '</b>';
	d += '    <br /><font color="#FF0000">You Save: ' + Math.round(((ListPrice-UrlPrice)/ListPrice)*100) + '%</font>';
    d += '    <br /><br /><img src="images/free_shipping.jpg" alt="Free Ground Shipping" />';
    d += '    <hr />';
    //d += '    <a href="AddToShoppingCart?' + 'productCode='+ ItemID + '&description=' + ItemTitle + '&quantity=1'+ '&price=' + UrlPrice + '" >';
	//d += '<img border="0" src="images/button_add_to_cart_grey.gif" name="image" width="154" height="44"></a>';
	d += '     <input TYPE="image" SRC="images/button_add_to_cart_grey.gif" WIDTH="154" HEIGHT="44" BORDER="0" ALT="Add Item to Cart">';
    d += '    <a href="mail.jsp?item=' + ItemID + '" ><img border="0" src="images/button_email_page_grey.jpg" width="154" height="44"></a>   ';
    d += '    </td>';
	d += '  </form>';	
    d += '  </tr>'; 
	//d += '  <tr>'; 
    //d += '     <td colspan="2" align="right">'; 
    //d += '       <img src="images/categories.jpg" border="0" />'; 
    //d += '     </td>'; 
    //d += '  </tr>'; 
    document.write(d);    
}