$(document).ready(function()
{
    //call the jQuery Hover Over and Out
    $('.testhover').hover(over, out);
    //Tell the browser to change the background when hovered over
    function over(event)
    {
        $('.dropDown', this).css("display", "block");
    }
    //tell the browser to change the background to nothing when 
    //going outside the object area
    function out(event)
    {
        $('.dropDown', this).css("display", "none");
    }

});

function productTabs(clicked)
{
    var currentSection = clicked + 'Content';
    var currentTab = clicked + 'Tab';


    // Hide all content divs and reset Tab styling
    var elems = getElementsByClassName(document, 'contentOpen')
    for (var i = 0; i < elems.length; i++)
    {
        elems[i].className = 'contentClose'
    }
    var elems2 = getElementsByClassName(document, 'tabCurrent')
    for (var i = 0; i < elems2.length; i++)
    {
        elems2[i].className = 'tab'
    }

    // Change current Tab and Show current Tab content
    document.getElementById(currentSection).className = 'contentOpen';
    document.getElementById(currentTab).className = 'tabCurrent';
}

function getElementsByClassName(node, classname)
{
    var a = [];
    var re = new RegExp('\\b' + classname + '\\b');
    var els = node.getElementsByTagName("*");
    for (var i = 0, j = els.length; i < j; i++)
        if (re.test(els[i].className)) a.push(els[i]);
    return a;
}