var currentTab = 0;
var tabArrayIds = ["ImgPhotoTab", "ImgFloorPlansTab", "ImgAnimationsTab", "ImgVideosTab"];
var tabArrayImgNamesOff = ["tab-off_photo.gif", "tab-off_floorplan.gif", "tab-off_animation.gif", "tab-off_video.gif"];
var tabArrayImgNamesOn = ["tab-on_photo.gif", "tab-on_floorplan.gif", "tab-on_animation.gif", "tab-on_video.gif"];
var tabArratImgNamesHover = ["tab-high_photo.gif", "tab-high_floorplan.gif", "tab-high_animation.gif", "tab-high_video.gif"];
var pathToImages = "App_Themes/Images/Master/";
var hovering = false;

function TurnTabsOff(KeepAlive) {
    for (i = 0; i < 4; i++) {
        if (i != KeepAlive) {
            document.getElementById(tabArrayIds[i].toString()).src = pathToImages + tabArrayImgNamesOff[i].toString();
        }
    }
}

function ChangeTopSlider(tab) {
    if (tab != 0) {
        document.getElementById("FloorPlansContentSliderTop").className = "GeneralContentSliderTopRounded";
        document.getElementById("AnimationsContentSliderTop").className = "GeneralContentSliderTopRounded";
        document.getElementById("VideosContentSliderTop").className = "GeneralContentSliderTopRounded";
    }
    else {
        document.getElementById("PhotosContentSliderTop").className = "GeneralContentSliderTop";
    }
}

function ChangeHeaderImage(tab) {

    if (currentTab == tab) {
        currentTab = tab;
    }
    else {
        switch (tab) {
            case 0:
                document.getElementById(tabArrayIds[tab].toString()).src = pathToImages + tabArrayImgNamesOn[tab].toString();
                TurnTabsOff(tab);
                ChangeTopSlider(tab);
                currentTab = 0;
                break;
            case 1:
                document.getElementById(tabArrayIds[tab].toString()).src = pathToImages + tabArrayImgNamesOn[tab].toString();
                TurnTabsOff(tab);
                ChangeTopSlider(tab);
                currentTab = 1;
                break;
            case 2:
                document.getElementById(tabArrayIds[tab].toString()).src = pathToImages + tabArrayImgNamesOn[tab].toString();
                TurnTabsOff(tab);
                ChangeTopSlider(tab);
                currentTab = 2;
                break;
            case 3:
                document.getElementById(tabArrayIds[tab].toString()).src = pathToImages + tabArrayImgNamesOn[tab].toString();
                TurnTabsOff(tab);
                ChangeTopSlider(tab);
                currentTab = 3;
                break;
        }
    }

    document.getElementById("generalContentPopUpInfo").innerHTML = "";
    hovering = false;
}

function ClearGeneralContentInfo() {
    if (hovering == false) {
        document.getElementById("generalContentPopUpInfo").innerHTML = ""; 
    }
}

function HoverOnTab(tab) {
    switch (tab) {
        case 0:
            if (currentTab == tab) {
                currentTab = tab;
            }
            else {
                if (hovering == false) {
                    document.getElementById("generalContentPopUpInfo").style.marginTop = "26px";
                    document.getElementById("generalContentPopUpInfo").innerHTML =
                        "<img src=\"App_Themes/Images/Master/tab-popup_photo.png\" alt=\"Photos info\" />";
                    hovering = true;
                }
                document.getElementById(tabArrayIds[tab].toString()).src = pathToImages + tabArratImgNamesHover[tab].toString();
            }
            break;
        case 1:
            if (currentTab == tab) {
                currentTab = tab;
            }
            else {
                if (hovering == false) {
                    document.getElementById("generalContentPopUpInfo").style.marginTop = "26px";
                    document.getElementById("generalContentPopUpInfo").style.marginLeft = "56px";
                    document.getElementById("generalContentPopUpInfo").innerHTML =
                        "<img src=\"App_Themes/Images/Master/tab-popup_floorplan.png\" alt=\"floorplan info\" />";
                    hovering = true;
                }
                document.getElementById(tabArrayIds[tab].toString()).src = pathToImages + tabArratImgNamesHover[tab].toString();

            }
            break;
        case 2:
            if (currentTab == tab) {
                currentTab = tab;
            }
            else {
                if (hovering == false) {
                    document.getElementById("generalContentPopUpInfo").style.marginTop = "26px";
                    document.getElementById("generalContentPopUpInfo").style.marginLeft = "112px";
                    document.getElementById("generalContentPopUpInfo").innerHTML =
                        "<img src=\"App_Themes/Images/Master/tab-popup_animation.png\" alt=\"animation info\" />";
                    hovering = true;
                }
                document.getElementById(tabArrayIds[tab].toString()).src = pathToImages + tabArratImgNamesHover[tab].toString();
            }
            break;
        case 3:
            if (currentTab == tab) {
                currentTab = tab;
            }
            else {
                if (hovering == false) {
                    document.getElementById("generalContentPopUpInfo").style.marginTop = "26px";
                    document.getElementById("generalContentPopUpInfo").style.marginLeft = "130px";
                    document.getElementById("generalContentPopUpInfo").innerHTML =
                        "<img src=\"App_Themes/Images/Master/tab-popup_video.png\" alt=\"video info\" />";
                    hovering = true;
                }
                document.getElementById(tabArrayIds[tab].toString()).src = pathToImages + tabArratImgNamesHover[tab].toString();
            }
            break;
    }
}

function GoToFromThumb(location) {
    window.open(location);
}

function HoverOffTab() {
    TurnTabsOff(currentTab);
    document.getElementById(tabArrayIds[currentTab].toString()).src = pathToImages + tabArrayImgNamesOn[currentTab].toString();
    document.getElementById("generalContentPopUpInfo").style.marginTop = "0px";
    document.getElementById("generalContentPopUpInfo").style.marginLeft = "0px";
    document.getElementById("generalContentPopUpInfo").innerHTML = "";
    hovering = false;
}