//0 means disabled; 1 means enabled;

var popupStatus = 0;
var currentPopup;
var currentLoader;
var firstPage;


function loadImage(next, url) {
    $(currentLoader).empty().addClass('loading');
    var img = new Image();
    if(next != "nonext")
    img.onclick = function() {
        var nextA = document.getElementsByName(next)[0];
        $(nextA).trigger('click');
    }
    
    $(img).load(function() {
        $(img).hide();
        $(currentLoader).removeClass('loading').append(img);
        $(img).fadeIn('slow');
    }).attr('src', url).css('width', '650px').css('height', '444px').css('border', 'solid 1px #F2F2F2')
    .css('position', 'absolute').css('top', '36px');
}

function loadNextPopup(name) {
    $(currentPopup).fadeOut(1000, loadNext(name));
}

function loadNext(name) {
    currentPopup = document.getElementById(name);
    currentLoader = document.getElementById(name + "Loader");
   
    centerPopup();
    $(currentPopup).fadeIn(1000);

    showFirstImage(name);
}


function showPopup(name) {
    currentPopup = document.getElementById(name);
    currentLoader = document.getElementById(name + "Loader");
    centerPopup();
    loadPopup();
    showFirstImage(name);
}

function showFirstImage(name) {
    var a = document.getElementsByName(name + "A0")[0];
    $(a).trigger('click');
}


function loadPopup() {
    //loads popup only if it is disabled
    if (popupStatus == 0) {
        $("#backgroundPopup").css({
            "opacity": "0.6", "height" : document.body.style.height
        });
        $("#backgroundPopup").fadeIn("slow");
        $(currentPopup).fadeIn("slow");
        
        popupStatus = 1;
    }
}

function centerPopup() {
    var windowWidth = document.documentElement.clientWidth;
    var windowHeight = document.documentElement.clientHeight;
    var popupHeight = $(currentPopup).height();
    var popupWidth = $(currentPopup).width();

    var ScrollTop = document.body.scrollTop;
    if (ScrollTop == 0) {
        if (window.pageYOffset)
            ScrollTop = window.pageYOffset;
        else
            ScrollTop = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
    }

    $(currentPopup).css({
        "position": "absolute",
        "top": (windowHeight / 2 - popupHeight / 2) + ScrollTop - 30,
        "left": windowWidth / 2 - popupWidth / 2
    });
    //only need force for IE6
    $("#backgroundPopup").css({
        "height": windowHeight
    });

}

function disablePopup() {
    //disables popup only if it is enabled
    if (popupStatus == 1) {
        $("#backgroundPopup").fadeOut("slow");
        $(currentPopup).fadeOut("slow");
        popupStatus = 0;
    }
}

$(document).keydown(function(e) {
    if (e.keyCode == 27 && popupStatus == 1) {
        disablePopup();
    }
});


function Select(menuItem) {
    $("a.selected").removeClass("selected");
    $(menuItem).addClass("selected");
}



$(window).scroll(function() {
    centerPopup();
});