/* 
 * Functionality for 'Explore' HGM sites button on 'Hat' module
 *
 */
var ie6 = false;
if (document.all && !window.opera && !window.XMLHttpRequest) //IE6 stuff
{
    ie6 = true;
}

$(document).ready(function() {
    var hat_stat = 0;
    $("#hat-explore div").click(function()  {
        if (hat_stat == 0) {
            $(this).removeClass("rollover");
            $(this).removeClass("selected");
            $(this).addClass("clicked");
            $(".hat-flyout").slideDown('fast');
            $(".hat-flyout").css("display","block");
            if(ie6){
                $("#new-cars").css("visibility","hidden");
                $("#used-cars").css("visibility","hidden");
            }
            hat_stat = 1;
        }
        else {
            $(this).removeClass("clicked");
            $(this).addClass("selected");
            $(".hat-flyout").css("display", "none");
            if(ie6){
                $("#new-cars").css("visibility","visible");
                $("#used-cars").css("visibility","visible");
            }
            hat_stat = 0;
        }

    });

    $(".hat-flyout").mouseout(function()  {
        $("#hat-explore div").removeClass("clicked");
        $("#hat-explore div").addClass("rollover");
        $(this).css("display", "none");
        if(ie6){
            $("#new-cars").css("visibility","visible");
            $("#used-cars").css("visibility","visible");
        }
        hat_stat = 0;
    });

    $(".hat-flyout").mouseover(function()  {
        $("#hat-explore div").removeClass("rollover");
        $("#hat-explore div").addClass("clicked");
        $(this).css("display","block");
        if(ie6){
            $("#new-cars").css("visibility","hidden");
            $("#used-cars").css("visibility","hidden");
        }
    });

    $("#hat-explore div").mouseover(function()  {
        $("#hat-explore div").removeClass("rollover");
        $("#hat-explore div").addClass("selected");
    });

    $("#hat-explore div").mouseout(function()  {
        $("#hat-explore div").removeClass("selected");
        $("#hat-explore div").removeClass("clicked");
        $("#hat-explore div").addClass("rollover");
    });
});