document.observe("dom:loaded", function() {
    $('product_search').observe('click', clickSearchBox);
});

function clickSearchBox() {
    $(this).value = "";
    $(this).removeClassName("search_grey");
}

function MM_openBrWindow(theURL,winName,features) { //v2.0
    window.open(theURL,winName,features);
}

function unhide(divID) {
    var item = document.getElementById(divID);
    if (item) {
        item.className=(item.className=='hidden')?'unhidden':'hidden';
    }
}

//We wrap all the code in an object so that it doesn't interfere with any other code
var scroller = {
    init:   function() {

        //collect the variables
        scroller.docH = document.getElementById("content").offsetHeight;
        scroller.contH = document.getElementById("container").offsetHeight;
        scroller.scrollAreaH = document.getElementById("scrollArea").offsetHeight;

        //calculate height of scroller and resize the scroller div
        //(however, we make sure that it isn't to small for long pages)
        scroller.scrollH = (scroller.contH * scroller.scrollAreaH) / scroller.docH;
        //if(scroller.scrollH < 15) scroller.scrollH = 15;
        document.getElementById("scroller").style.height = Math.round(scroller.scrollH) + "px";

        //what is the effective scroll distance once the scoller's height has been taken into account
        scroller.scrollDist = Math.round(scroller.scrollAreaH-scroller.scrollH);

        //make the scroller div draggable
        Drag.init(document.getElementById("scroller"),null,0,0,-1,scroller.scrollDist);

        //add ondrag function
        document.getElementById("scroller").onDrag = function (x,y) {
            var scrollY = parseInt(document.getElementById("scroller").style.top);
            var docY = 0 - (scrollY * (scroller.docH - scroller.contH) / scroller.scrollDist);
            document.getElementById("content").style.top = docY + "px";
        }
    }
}

onload = scroller.init;