/***************************/
//@Author: Adrian "yEnS" Mato Gondelle
//@website: www.yensdesign.com
//@email: yensamg@gmail.com
//@license: Feel free to use it, but keep this credits please!					
/***************************/

//SETTING UP OUR POPUP
//0 means disabled; 1 means enabled;
var popupStatus = 0;
var popupStatus2 = 0;

   function getXMLHttpRequest()
    {
        var xhr = null;
        
        if (window.XMLHttpRequest || window.ActiveXObject) {
            if (window.ActiveXObject) {
                try {
                    xhr = new ActiveXObject("Msxml2.XMLHTTP");
                } catch(e) {
                    xhr = new ActiveXObject("Microsoft.XMLHTTP");
                }
            } else {
                xhr = new XMLHttpRequest(); 
            }
        } else {
            alert("Votre navigateur ne supporte pas l'objet XMLHTTPRequest...");
            return null;
        }
        
        return xhr;
    }
    
    function test(index)
    {
        var xhr = getXMLHttpRequest(); 
        
        xhr.onreadystatechange = function() {
            if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
                document.getElementById("contenuPopup").innerHTML = xhr.responseText; 
            }
        };

        xhr.open("GET", "getPlat.php?idcat="+index, true);
        xhr.send(null);
    }
	
	function loadPicture(url)
	{
		var chaine = "<a href='"+url+"'><img src='"+ url +"' alt='picture' style='width:690px; height:400px;'/></a>";
		document.getElementById("contenuPopup2").innerHTML = chaine;
	}
    
$(document).ready(function(){
        $(".button").click(function(){
            centerPopup();
            loadPopup();
        });
            
	  $(".button2").click(function(){
            centerPopup2();
            loadPopup2();
        });
			
		$("#popupContactClose2").click(function(){
            disablePopup2();
        });
    
		
        $("#popupContactClose").click(function(){
            disablePopup();
        });
    
        $("#backgroundPopup").click(function(){
            disablePopup();
			disablePopup2();
        });
    
        $(document).keypress(function(e){
            if(e.keyCode==27 && popupStatus==1){
                disablePopup();
				disablePopup2();
            }
        });
    
    });


//loading popup with jQuery magic!
function loadPopup(){
	
	//loads popup only if it is disabled
	if(popupStatus==0){ 
		$("#backgroundPopup").css({
			"opacity": "0.7"
		});
		$("#backgroundPopup").fadeIn("slow");
		$("#popupContact").fadeIn("slow");
		popupStatus = 1;
	}
}

//disabling popup with jQuery magic!
function disablePopup(){
	//disables popup only if it is enabled
	if(popupStatus==1){
		$("#backgroundPopup").fadeOut("slow");
		$("#popupContact").fadeOut("slow");
		popupStatus = 0;
	}
}

//centering popup
function centerPopup(){
	//request data for centering
	var windowWidth = document.documentElement.clientWidth;
	var windowHeight = document.documentElement.clientHeight;
	var popupHeight = $("#popupContact").height();
	var popupWidth = $("#popupContact").width();
	//centering
	$("#popupContact").css({
		"position": "relatif",
		"top": 20,
		"left": windowWidth/2-popupWidth/2
	});
	//only need force for IE6
	
	$("#backgroundPopup").css({
		"height": windowHeight
	});
	
}








function loadPopup2(){
	
	//loads popup only if it is disabled
	if(popupStatus2==0){ 
		$("#backgroundPopup").css({
			"opacity": "0.7"
		});
		$("#backgroundPopup").fadeIn("slow");
		$("#popupContact2").fadeIn("slow");
		popupStatus2 = 1;
	}
}

//disabling popup with jQuery magic!
function disablePopup2(){
	//disables popup only if it is enabled
	if(popupStatus2==1){
		$("#backgroundPopup").fadeOut("slow");
		$("#popupContact2").fadeOut("slow");
		popupStatus2 = 0;
	}
}

//centering popup
function centerPopup2(){
	//request data for centering
	var windowWidth = document.documentElement.clientWidth;
	var windowHeight = document.documentElement.clientHeight;
	var popupHeight = $("#popupContact2").height();
	var popupWidth = $("#popupContact2").width();
	//centering
	$("#popupContact2").css({
		"position": "relatif",
		"top": 20,
		"left": windowWidth/2-popupWidth/2
	});
	//only need force for IE6
	
	$("#backgroundPopup").css({
		"height": windowHeight
	});
	
}