﻿
function Tabulate()
{

this.Init= function()
{ 
//    $('divGuide').style.visibility="hidden";
//    $('divGuide').style.display="none";
//    $('divSelection').style.visibility="hidden";
//    $('divSelection').style.display="none";
//    $('divSelections').style.visibility = "hidden";
//    $('divSelections').style.display = "none";

    j$('#divGuide').css('visibility','hidden');
    j$('#divGuide').hide();
    j$('#divSelection').css('visibility', 'hidden');
    j$('#divSelection').hide();
    j$('#divSelections').css('visibility', 'hidden');
    j$('#divSelections').hide();
}
this.ShowBottomPanel = function (elmtName) {
    //    var LiToShow = elmtName;
    //    var DivToShow = "div" + elmtName.substring(2);
    //    var AllItemsToHide = ["liAide", "liGuide", "liSelection"];
    //    for (i = 0; i < 3; i++) {
    //        $(AllItemsToHide[i]).className = ((AllItemsToHide[i] == LiToShow) ? "currentItem" : "item");
    //    }
    //    AllItemsToHide = ["divAide", "divGuide", "divSelection", "divSelections"];
    //    for (i = 0; i < 3; i++) {
    //        if (AllItemsToHide[i] != DivToShow) {
    //            $(AllItemsToHide[i]).style.visibility = "hidden";
    //            $(AllItemsToHide[i]).style.display = "none";
    //        }
    //        else {
    //            $(AllItemsToHide[i]).style.visibility = "visible";
    //            $(AllItemsToHide[i]).style.display = "block";
    //        }
    //    }
    //    if (DivToShow == 'divSelection') {
    //        $(AllItemsToHide[3]).style.visibility = "visible";
    //        $(AllItemsToHide[3]).style.display = "block";
    //    }
    //    else {
    //        $(AllItemsToHide[3]).style.visibility = "hidden";
    //        $(AllItemsToHide[3]).style.display = "none";
    //    }
    //    $('GSMsCnt').show();
    //    $('litoogle').show();
    var LiToShow = '#'+elmtName;
    var DivToShow = "#div" + elmtName.substring(2);
    var AllItemsToHide = ["#liAide", "#liGuide", "#liSelection"];
    for (i = 0; i < 3; i++) {
        j$(AllItemsToHide[i]).removeClass().addClass(((AllItemsToHide[i] == LiToShow) ? "currentItem" : "item")); ;
    }
    AllItemsToHide = ["#divAide", "#divGuide", "#divSelection", "#divSelections"];
    for (i = 0; i < 3; i++) {
        if (AllItemsToHide[i] != DivToShow) {
            j$(AllItemsToHide[i]).css('visibility', 'hidden');
            j$(AllItemsToHide[i]).hide();
        }
        else {
            j$(AllItemsToHide[i]).css('visibility', 'visible');
            j$(AllItemsToHide[i]).show();
        }
    }
    if (DivToShow == '#divSelection') {
        j$(AllItemsToHide[3]).css('visibility', 'visible');
        j$(AllItemsToHide[3]).show();
    }
    else {
        j$(AllItemsToHide[3]).css('visibility', 'hidden');
        j$(AllItemsToHide[3]).hide();
    }
    j$('#GSMsCnt').show();
    j$('#litoogle').show();

}

}
