﻿/*********************************************************************************************
 * Projekat:  cfxScripts Library
 * Verzija:   1.0
 * Skripta:   cfx_popup
 * Datum:     09.02.2011.
 *
 * http://www.simple.ba
 *
 * Copyright (c) 2011. by Simple
*/////////////////////////////////////////////////////////////////////////////////////////////


//Da li je popup aktivan ili ne.
var popupActive = false;
var idContainer;
var idButton;
var posLeft = 0;
var posTop = 0;


/////////////////////////////////////////////////////////////////////////////////////////////
// Funkcija koja učitava popup preko jQuery-a.
/////////////////////////////////////////////////////////////////////////////////////////////
function loadPopup() {
    //Učitaj popup samo ako već nije aktivan.
    if (!popupActive) {
        $("#backgroundPopup").css({
            "opacity": "0.7"
        });
        $("#backgroundPopup").fadeIn("slow");
        $(idContainer).fadeIn("slow");
        popupActive = true;
    }
}

/////////////////////////////////////////////////////////////////////////////////////////////
// Funkcija koja skriva popup preko jQuery-a.
/////////////////////////////////////////////////////////////////////////////////////////////
function unloadPopup() {
    //Sakrij popup samo ako je već aktivan.
    if (popupActive) {
        $("#backgroundPopup").fadeOut("slow");
        $(idContainer).fadeOut("slow");
        popupActive = false;
    }
}

/////////////////////////////////////////////////////////////////////////////////////////////
// Handler za klik na X dugme (ikonu Zatvori).
/////////////////////////////////////////////////////////////////////////////////////////////
function closeBtnClick() {
    unloadPopup();
}

/////////////////////////////////////////////////////////////////////////////////////////////
// Funkcija koja centrira popup.
/////////////////////////////////////////////////////////////////////////////////////////////
function centerPopup() {
    var windowHeight = $(window).height();
    var popupWidth = $(idContainer).width();
    var popupHeight = $(idContainer).height();
    var offsetTop = $(window).scrollTop();
    var containerWidth = $('#bgSlider').width();

    //Izvrši centriranje.
    $(idContainer).css({
        "position": "absolute",
        "z-index": 2000,
        "top": ((windowHeight - popupHeight) / 2) + offsetTop,
        "left": (containerWidth - popupWidth) / 2
    });

    //Hack za IE6.
    $("#backgroundPopup").css({
        "height": windowHeight
    });
}

/////////////////////////////////////////////////////////////////////////////////////////////
// Funkcija koja prikazuje popup.
/////////////////////////////////////////////////////////////////////////////////////////////
function showPopup(width, height, idObj, idBtn) {
    idContainer = "#" + idObj;
    idButton = "#" + idBtn;
    
    //Postavi dimenzije pop-up prozora.
    $(idContainer).css({
        "width": width,
        "height": height
    });
    
    //Postavi handler za klik na X dugme (ikonu Zatvori).
    $(idButton).click(closeBtnClick);
    
    //Prvo izvrši pozicioniranje, a zatim prikaži popup.
		centerPopup();
		loadPopup();
}

/////////////////////////////////////////////////////////////////////////////////////////////
// Funkcija koja prikazuje popup na trenutnoj poziciji kursora.
/////////////////////////////////////////////////////////////////////////////////////////////
function showPopupOnPos(width, height, idObj, idBtn) {
    //ID-jevi za kontejner popup prozora i ikonu Zatvori.
    idContainer = "#" + idObj;
    idButton = "#" + idBtn;
    
    //Postavi dimenzije pop-up prozora i pozicioniraj ga.
    $(idContainer).css({
        "width": width,
        "height": height,
        "left": posLeft,
        "top": posTop
    });
    
    //Postavi handler za klik na X dugme (ikonu Zatvori).
    $(idButton).click(closeBtnClick);
    
    //Prikaži popup.
		loadPopup();
}

/////////////////////////////////////////////////////////////////////////////////////////////
// Eventi jQuery-a.
/////////////////////////////////////////////////////////////////////////////////////////////
$(document).ready(
    function() {
        //Klik na površinu izvan popup-a.
        $("#backgroundPopup").click(
            function() {
                unloadPopup();
            }
        );
	
        //Klik na dugme [Esc].
        $(document).keypress(
            function(e) {
                if ((e.keyCode == 27) && popupActive) {
                    unloadPopup();
                }
            }
        );
    
	$(".popupContactClose_").click(
		function() {
                unloadPopup();
            } );
        //Klik na objekat za prikaz popup-a.
        $("#popup_button").click(
            function(e) {
                posLeft = e.pageX;
                posTop = e.pageY;
            }
        );
    }
);
