var currentTab = 0;
var tabArrayIds = ["ImgPhotoTab", "ImgFloorPlansTab", "ImgAnimationsTab", "ImgVideosTab"];
var tabArrayImgNamesOff = ["gallery-tab-off_photo.gif", "gallery-tab-off_floorplan.gif", "gallery-tab-off_animation.gif", "gallery-tab-off_video.gif"];
var tabArrayImgNamesOn = ["gallery-tab-on_photo.gif", "gallery-tab-on_floorplan.gif", "gallery-tab-on_animation.gif", "gallery-tab-on_video.gif"];
var tabArrayImgNamesHover = ["gallery-tab-high_photo.gif", "gallery-tab-high_floorplan.gif", "gallery-tab-high_animation.gif", "gallery-tab-high_video.gif"];
var pathToImages = "App_Themes/Images/Gallery/";
var photoScrollPos = 0;
var floorPlanScrollPos = 0;
var animationsScrollPos = 0;
var videoScrollPos = 0;

function ClearSearchText() {
    document.getElementById("ctl00_ContentPlaceHolder1_txtMediaRefSearch").value = "";
}

function ResetRadioButtons() {
    document.getElementById("ctl00_ContentPlaceHolder1_filterRadioList_0").checked = "Checked";
}

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

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

function SetArrowPos() {
    if (document.getElementById("GalleryDivPhotos").scrollLeft < 886) {
        document.getElementById("photoLeftArrow").src = "App_Themes/Images/Gallery/arrow-block.gif";
        document.getElementById("photoLeftArrow").className = "";
    }
    if (document.getElementById("GalleryDivPhotos").scrollLeft > 886) {
        document.getElementById("photoLeftArrow").src = "App_Themes/Images/Gallery/thumbnail-arrow-left-low.gif";
        document.getElementById("photoLeftArrow").className = "GallerySliderArrowLeft";
    }
    if (document.getElementById("GalleryDivPhotos").scrollRight < 2) {
        document.getElementById("photoRightArrow").className = "";
    }
    if (document.getElementById("GalleryDivPhotos").scrollRight > 2) {
        document.getElementById("photoRightArrow").className = "GallerySliderArrowRight";
    }
}

function ChangeHeaderImage(tab) {

    switch (currentTab) {
        case 0:
            photoScrollPos = document.getElementById("GalleryDivPhotos").scrollLeft;
            break;
        case 1:
            floorPlanScrollPos = document.getElementById("GalleryFloorPlansDiv").scrollLeft;
            break;
        case 2:
            animationsScrollPos = document.getElementById("GalleryAnimationsDiv").scrollLeft;
            break;
        case 3:
            videoScrollPos = document.getElementById("GalleryVideosDiv").scrollLeft;
            break;
    }
    if (currentTab == tab) {
        currentTab = tab;
    }
    else {
        switch (tab) {
            case 0:
                document.getElementById(tabArrayIds[tab].toString()).src = pathToImages + tabArrayImgNamesOn[tab].toString();
                TurnTabsOff(tab);
                currentTab = 0;
                document.getElementById("GalleryDivPhotos").scrollLeft = 0;
                document.getElementById("GalleryDivPhotos").scrollLeft = document.getElementById("GalleryDivPhotos").scrollLeft + photoScrollPos;
                break;
            case 1:
                document.getElementById(tabArrayIds[tab].toString()).src = pathToImages + tabArrayImgNamesOn[tab].toString();
                TurnTabsOff(tab);
                currentTab = 1;
                document.getElementById("GalleryFloorPlansDiv").scrollLeft = 0;
                document.getElementById("GalleryFloorPlansDiv").scrollLeft = floorPlanScrollPos;
                break;
            case 2:
                document.getElementById(tabArrayIds[tab].toString()).src = pathToImages + tabArrayImgNamesOn[tab].toString();
                TurnTabsOff(tab);
                currentTab = 2;
                document.getElementById("GalleryAnimationsDiv").scrollLeft = 0;
                document.getElementById("GalleryAnimationsDiv").scrollLeft = animationsScrollPos;
                break;
            case 3:
                document.getElementById(tabArrayIds[tab].toString()).src = pathToImages + tabArrayImgNamesOn[tab].toString();
                TurnTabsOff(tab);
                currentTab = 3;
                document.getElementById("GalleryVideosDiv").scrollLeft = 0;
                document.getElementById("GalleryVideosDiv").scrollLeft = videoScrollPos;
                break;
        }
    }

    document.getElementById("ctl00_ContentPlaceHolder1_liAnimationTab").style.marginTop = "0";
    document.getElementById("ctl00_ContentPlaceHolder1_liFloorPlanTab").style.marginTop = "0";
    document.getElementById("ctl00_ContentPlaceHolder1_liVideoTab").style.marginTop = "0";
    document.getElementById("videoPopUpInfo").innerHTML = "";
    document.getElementById("photosPopUpInfo").innerHTML = "";
    document.getElementById("floorPlanPopUpInfo").innerHTML = "";
    document.getElementById("animationPopUpInfo").innerHTML = "";  
}

function HoverOnTab(tab) {
    switch (tab) {
        case 0:
            if (currentTab == tab) {
                currentTab = tab;
            }
            else {
                document.getElementById("photosPopUpInfo").innerHTML =
                    "<img style=\"margin:-27px 0 0 49px;\" src=\"App_Themes/Images/Gallery/gallery-tab-popup_photos.png\" alt=\"Photos info\" title=\"Photos\" />";
                document.getElementById("ctl00_ContentPlaceHolder1_liFloorPlanTab").style.marginTop = "-79px";
                document.getElementById(tabArrayIds[tab].toString()).src = pathToImages + tabArrayImgNamesHover[tab].toString();
            }
            break;
        case 1:
            if (currentTab == tab) {
                currentTab = tab;
            }
            else {
                document.getElementById("floorPlanPopUpInfo").innerHTML =
                    "<img style=\"margin:-54px 0 0 49px;\" src=\"App_Themes/Images/Gallery/gallery-tab-popup_floorplan.png\" alt=\"Floor plans info\" title=\"Floor plans\" />";
                document.getElementById("ctl00_ContentPlaceHolder1_liAnimationTab").style.marginTop = "-52px";
                document.getElementById(tabArrayIds[tab].toString()).src = pathToImages + tabArrayImgNamesHover[tab].toString();
            }
            break;
        case 2:
            if (currentTab == tab) {
                currentTab = tab;
            }
            else {
                document.getElementById("animationPopUpInfo").innerHTML =
                    "<img style=\"margin:-81px 0 0 49px;\" src=\"App_Themes/Images/Gallery/gallery-tab-popup_animation.png\" alt=\"Animations info\" title=\"Animations\" />";
                document.getElementById("ctl00_ContentPlaceHolder1_liVideoTab").style.marginTop = "-25px";
                document.getElementById(tabArrayIds[tab].toString()).src = pathToImages + tabArrayImgNamesHover[tab].toString();
            }
            break;
        case 3:
            if (currentTab == tab) {
                currentTab = tab;
            }
            else {
                document.getElementById("videoPopUpInfo").innerHTML =
                    "<img style=\"margin:-106px 0 0 49px;\" src=\"App_Themes/Images/Gallery/gallery-tab-popup_video.png\" alt=\"Videos info\" title=\"Videos\" />";
                //document.getElementById("ctl00_ContentPlaceHolder1_liVideoTab").style.marginTop = "-79px";
                document.getElementById(tabArrayIds[tab].toString()).src = pathToImages + tabArrayImgNamesHover[tab].toString();
            }
            break;
    }
}

function HoverOffTab() {
    TurnTabsOff(currentTab);
    document.getElementById("photosPopUpInfo").innerHTML = "";
    document.getElementById("floorPlanPopUpInfo").innerHTML = "";
    document.getElementById("animationPopUpInfo").innerHTML = "";
    document.getElementById("videoPopUpInfo").innerHTML = "";
    document.getElementById("ctl00_ContentPlaceHolder1_liAnimationTab").style.marginTop = "0";
    document.getElementById("ctl00_ContentPlaceHolder1_liFloorPlanTab").style.marginTop = "0";
    document.getElementById("ctl00_ContentPlaceHolder1_liVideoTab").style.marginTop = "0";
    document.getElementById(tabArrayIds[currentTab].toString()).src = pathToImages + tabArrayImgNamesOn[currentTab].toString();
}