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 showColorsViewed()
{  //alert('colors');
    var colorsViewed = Cookie.read("colorsViewed");
    //alert(colorsViewed);
    Detailpage = false;
    var lastColor = 6;
    var j = 1;
    var patternsSaved = new Array();
    for( i = 0; i < colorsViewed; i++ )
    {
        patternsSaved.push(Cookie.read("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 = Cookie.read("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 = Cookie.read("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(Cookie.read("datesViewed-" + (i + 1)));
    }

    for( i = datesViewed; i > datesViewed - lastDate; i-- )
    {
        if( i > 0 )
        {
            dateInCookie = Cookie.read("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 = Cookie.read("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="/mor/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 = Cookie.read("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').update().insert(formatted);
    }
}


function switchTool( tool, url )
{
    if( 'itemsViewed' == tool )
    {
        showItemsViewed();
    }

    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();
            }
            else
            {
                child.hide();
            }
        }
    });

    Cookie.write('last_tool', tool);

    return false;
}

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

    var itemsInTool = Cookie.read(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( Cookie.read(viewed[tool] + "-" + i) == itemV )
            {
                itemFound = i;
                break;
            }
        }
    }

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

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

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