function onOverGeneric(imgid){ 
	$(imgid).src = new String($(imgid).src).replace(/-up/, "-over" );
}
function onOutGeneric(imgid){ 
	$(imgid).src = new String($(imgid).src).replace(/-over/, "-up" );
}

function onOverFind(){ 
$(btn_find).src = new String($(btn_find).src).replace(/_up/, "_over" );
}
function onOutFind(){ 
$(btn_find).src = new String($(btn_find).src).replace(/_over/, "_up" );
}

function onClickTAndC()
{
	showPopup('popupText','t_c_designer');
}
function onClickTAndCGroomRental()
{

	showPopup('popupText','t_c_groomrental');
}

function onClickTAndCProm()
{
	showPopup('popupText','t_c_prom');
}

function onClickSpecialOffer()
{
	showPopup('popupText','coupon25');
}

function showColorsViewed(){  //alert('colors');  
var colorsViewed = retrieveCookie("colorsViewed");
	//alert(colorsViewed);
	Detailpage = false;
	var lastColor = 6;
	var j = 1;
	var patternsSaved = new Array();
	for(i=0; i<colorsViewed; i++){
	  patternsSaved.push(retrieveCookie("colorsViewed-"+(i+1))); 
	}

	var colorsViewedList = '<div class="colorToolTab" style="position:relative;top:20px"><a href="colorTool.jsp?patterns=' + patternsSaved + '"><span class="XLATE" id="lntView"></span><br /><span class="XLATE" id="lntRecent">COLOUR</span><br /><span class="XLATE" id="lntColors2"> TOOL ></span></a></div>';

	colorsViewedList = colorsViewedList + "<div style='width:120px'>"
	for(i=colorsViewed; i>colorsViewed-lastColor; i--){	
	   if(i>0) {
		    colorInCookie = retrieveCookie("colorsViewed-"+i);
		    //alert("  itemsViewed-"+i + " : " + itemInCookie);
		    colorsViewedList = colorsViewedList + "<div style=' float:left; position:relative; left:10px; top:-50px; padding:2px;'><a id='" +colorInCookie;
				colorsViewedList = colorsViewedList + "' href='colorTool.jsp?patterns=" + patternsSaved + "'><img src='images/swatches/" +colorInCookie+ "_swatch_160x95.jpg' width='45px' height='30px' alt=''></a></div> ";
				//onClick='fillInPage(inventoryData.responseXML,"tux","tux-16")'
	   }
	}
	colorsViewedList = colorsViewedList + "</div>"
	
  if(colorsViewed)$('colorsViewedDetail').innerHTML = colorsViewedList;
}

function showDatesViewed(url){  //alert('dates');
var datesViewed = retrieveCookie("datesViewed");
	//alert(colorsViewed);
    var datesViewedList = '<a href="'+url+'">WHEN TO RENT</a><br />';
	var lastDate = 5;
	var j = 1;
	var datesSaved = new Array();
	for(i=0; i<datesViewed; i++){
	  datesSaved.push(retrieveCookie("datesViewed-"+(i+1))); 
	}
	
	for(i=datesViewed; i>datesViewed-lastDate; i--){	
	   if(i>0) {
		    dateInCookie = retrieveCookie("datesViewed-"+i);
		    //alert("  itemsViewed-"+i + " : " + itemInCookie);
		    datesViewedList = datesViewedList + (j++).toString() + " - <a id='" +dateInCookie;
				datesViewedList = datesViewedList + "' href='"+url+"?date=" + dateInCookie + "'>" +dateInCookie+ "</a><br />";
				//onClick='fillInPage(inventoryData.responseXML,"tux","tux-16")'
	   }
	}
  if(datesViewed)$('datesViewedDetail').innerHTML = datesViewedList;

	//alert(datesViewed);
}

     function showItemsViewed()
     {
         var itemsViewed = retrieveCookie("itemsViewed");
         itemsViewed = ( itemsViewed ? +itemsViewed : 0 );

         if( itemsViewed > 0 )
         {
             var formatString = '\n' +
                                '<span class="itemsViewed">\n' +
                                '<a id="#{item}" href="itemDetail.jsp?product=#{item}" onclick="addToList(\'#{item}\',2);return true;">\n' +
                                '<img src="images/60x60/#{item}_main_60x60.jpg" style="width: #{width}px;" alt="" />\n' +
                                '</a>\n' +
                                '</span>';

             var itemFormat = new Template(formatString);
             var formatted = '<br />';

             for( var i = itemsViewed; i > itemsViewed - 5; i-- )
             {
                 var itemInCookie = retrieveCookie("itemsViewed-" + i);
                 if( itemInCookie )
                 {
                     //alert("  itemsViewed-"+i + " : " + itemInCookie);
                     var itemsViewedThumbSize = ( i == itemsViewed ? 60 : 37 );
                     if( navigator.appName.indexOf("Microsoft ") >= 0 )
                     {
                         itemsViewedThumbSize--;
                     }

                     var viewedItem = new Hash();
                     viewedItem.set('item', itemInCookie);
                     viewedItem.set('width', itemsViewedThumbSize);
                     formatted += itemFormat.evaluate(viewedItem) + '\n';
                 }
             }
             //alert(formatted);

             Element.show('viewAll');
             $('itemsViewedDetail').innerHTML = formatted;
         }

     }


     function switchTool( tool, url )
     {
         Element.childElements('toolsMenu').each(function( child )
         {
             if( child.identify().endsWith('Tab') )
             {
                 if( child.identify() == ( tool + 'Tab' ) )
                 {
                     child.addClassName('active');
                 }
                 else
                 {
                     child.removeClassName('active');
                 }
             }
             else
             {
                 if( child.identify() == tool )
                 {
                     child.show();

                     if( !['colorTool', 'whenToRent'].include(tool) )
                     {
                         showItemsViewed();                         
                     }
                 }
                 else
                 {
                     child.hide();
                 }
             }
         });

         setCookie('last_tool', tool);
     }

     function addToList( itemV, tool )
     {
         var viewed = new Array('colorsViewed', 'datesViewed', 'itemsViewed');

         var itemsInTool = retrieveCookie(viewed[tool]);
         var ivMSG = "";
         var itemFound = -1;
         var itemInCookie = new Array();

         itemsInTool = ( itemsInTool ? ( ( +itemsInTool ) + 1 ) : 1 );

         // trying to find it in the list first
         if( itemsInTool > 1 )
         {
             for( i = 1; i <= itemsInTool; i++ )
             {
                 if( retrieveCookie(viewed[tool] + "-" + i) == itemV )
                 {
                     itemFound = i;
                     break;
                 }
             }
         }

         if( itemFound > -1 )
         {
             itemsInTool--;
             for( i = 1; i <= itemsInTool; i++ )
             {
                 itemInCookie.push(retrieveCookie(viewed[tool] + "-" + i))
             }

             for( i = itemFound + 1; i <= itemsInTool; i++ )
             {
                 setCookie(viewed[tool] + "-" + (i - 1), itemInCookie[i - 1]);
             }

             setCookie(viewed[tool] + '-' + itemsInTool, itemV);
         }
         else
         {
             setCookie(viewed[tool], itemsInTool);
             setCookie(viewed[tool] + '-' + itemsInTool, itemV);
         }
         showItemsViewed();
     }