var currPanel = null;
var panelID = "#panel_1";

var currSubPanel = null;
var subPanelID = "#panelImage_1";

var gridOn = false;

$(document).ready(function()
{
    //$("#panel_1").css("display", "block");
    //$(".leftMenuItem:first").addClass("gridNavLeftHover");

    $(".leftMenuItem").mouseover(function()
    {
        $(".leftMenuItem").removeClass("gridNavLeftHover");
        panelID = "#panel_" + $(this).attr("id").replace("leftMenu_", "");

        $(currSubPanel).fadeOut();
        $(currSubPanel).css("z-index", "1");

        if (currPanel != null && currPanel != panelID)
        {
            $(currPanel).fadeOut();
            $(currPanel).css("z-index", "1");
        }

        if (panelID != currPanel)
        {
            $(panelID).fadeIn();
            $(panelID).css("z-index", "2");
        }

        $(this).addClass("gridNavLeftHover");
        currPanel = panelID;
        currSubPanel = null;
    });



    $(".gridLink").click(function()
    {
        //alert($(this).attr("id"));
        //$(".leftMenuItem").removeClass("leftMenuItemHover");
        subPanelID = "#subPanel_" + $(this).attr("id").replace("panelImage_", "");


        if (currSubPanel != null && currSubPanel != subPanelID)
        {
            if (currPanel != null && currPanel != panelID)
            {
                $(currPanel).fadeOut();
                $(currPanel).css("z-index", "1");
            }

            $(currSubPanel).fadeOut();
            $(currSubPanel).css("z-index", "1");
        }

        if (subPanelID != currSubPanel)
        {
            $(subPanelID).fadeIn();
            $(subPanelID).css("z-index", "2");
        }

        //$(this).find(".leftMenuItem").addClass("leftMenuItemHover");
        currSubPanel = subPanelID;
    });



    $(".gridPanels img").mouseover(function()
    {
        var dot3 = $(this).attr("src").substring($(this).attr("src").length - 4);
        var newSrc = $(this).attr("src").replace(dot3, "_roll" + dot3)
        $(this).attr("src", newSrc);
        //doRo($(this));
    });

    $(".gridPanels img").mouseout(function()
    {
        var newSrc = $(this).attr("src").replace("_roll", "")
        $(this).attr("src", newSrc);
        //doRo($(this));
    });


    $(".gridSubPanels img").mouseover(function()
    {
        var dot3 = $(this).attr("src").substring($(this).attr("src").length - 4);
        var newSrc = $(this).attr("src").replace(dot3, "_roll" + dot3)
        $(this).attr("src", newSrc);
        //doRo($(this));
    });

    $(".gridSubPanels img").mouseout(function()
    {
        var newSrc = $(this).attr("src").replace("_roll", "")
        $(this).attr("src", newSrc);
        //doRo($(this));
    });

    //        if (!gridOn)
    //        {
    //            //alert(gridOn)
    //            $("#gridNavRight").css("display", "block");
    //            gridOn = true;
    //        }    

    //$("#gridNav").mouseleave(function()
//    {
//        $("#gridNavRight").css("display", "none");
//        $("#gridNav").css("width", "192px");
//        $("#mainImagePlayer").css("visibility", "visible");
//        $(".leftMenuItem").removeClass("gridNavLeftHover");
//
//
//    });
//
//    $("#gridNavLeft").mouseenter(function()
//    {
//        $("#gridNav").css("width", "768px");
//        $("#gridNavRight").css("display", "block");
//        //$("#gridNavRight").fadeIn();
//        $("#mainImagePlayer").css("visibility", "hidden");
//    });
//
//});


$("#footer").mouseenter(function()
    {
        $("#gridNavRight").css("display", "none");
        $("#gridNav").css("width", "192px");
        $("#mainImagePlayer").css("visibility", "visible");
        $(".leftMenuItem").removeClass("gridNavLeftHover");
    });
			
			
			$("#mainTextArea").mouseenter(function()
    {
        $("#gridNavRight").css("display", "none");
        $("#gridNav").css("width", "192px");
        $("#mainImagePlayer").css("visibility", "visible");
        $(".leftMenuItem").removeClass("gridNavLeftHover");
    });
	
    $("#gridNavLeft").mouseenter(function()
    {
        $("#gridNav").css("width", "768px");
        $("#gridNavRight").css("display", "block");
        //$("#gridNavRight").fadeIn();
        $("#mainImagePlayer").css("visibility", "hidden");
    });

});