$(document).ready(function() {
$("a.naviButtonIndividualFormats").hover(function() { overIndividualFormats("a.naviButtonIndividualFormats") }, function() { outIndividualFormats("a.naviButtonIndividualFormats") });
$("a.naviButtonExclusiveFormats").hover(function() { overIndividualFormats("a.naviButtonExclusiveFormats") }, function() { outIndividualFormats("a.naviButtonExclusiveFormats") });
});


var popupStatus = 0;

//loading popup with jQuery magic!
function overIndividualFormats(me) {
    //loads popup only if it is disabled
    if (popupStatus == 0) {
        
        $("#backgroundPopup").css({
            "opacity": "0.7"
        });
     
        $(me).css({
            "z-index": "1100"
        });
      
        $("#backgroundPopup").css({
            "z-index": "1000"
        });
       
        $("#backgroundPopup").fadeIn("slow");
        popupStatus = 1;

        if (me == "a.naviButtonIndividualFormats") {
            $("#divIndividualFormats").css({
                "z-index": "1010"
            });
            $("#divIndividualFormats").fadeIn("slow");
        }
        else if (me == "a.naviButtonExclusiveFormats") {
            $("#divExclusiveFormats").fadeIn("slow");
            $("#divExclusiveFormats").css({
                "z-index": "1010"
            });
        }

    }
}

//disabling popup with jQuery magic!
function outIndividualFormats(me) {
    //disables popup only if it is enabled
    if (popupStatus == 1) {
        $("#backgroundPopup").fadeOut("slow");
        $(me).css({
            "z-index": "100"
        });

        popupStatus = 0;

        if (me == "a.naviButtonIndividualFormats") {
            $("#divIndividualFormats").fadeOut("slow");
        }
        else if (me == "a.naviButtonExclusiveFormats") {
            $("#divExclusiveFormats").fadeOut("slow");
        }        
    }
}