/***************************/
//@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;

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

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

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


//CONTROLLING EVENTS IN jQuery
jQuery(document).ready(function(){
    //
    // changement du curseur pour les actions PopUp
    jQuery('#popupContactClose').hover(function () {
      jQuery(this).animate({opacity: "0.7"}, 100);
      jQuery(this).css({ cursor: "pointer"});
      }, function () {
      jQuery(this).animate({opacity: "1.0"}, 100);
      jQuery(this).css({ cursor: "auto"});
    });

    //CLOSING POPUP
    //Click the x event!
    jQuery("#popupContactClose").click(function(){
        disablePopup();
        //jQuery('.videoboxe').css({'display' : 'block' });
    });
    //Click out event!
    jQuery("#backgroundPopup").click(function(){
        disablePopup();
    });
    //Press Escape event!
    jQuery(document).keypress(function(e){
        if(e.keyCode==27 && popupStatus==1){
            disablePopup();
            jQuery('.videoboxe').css({'display' : 'block' });
        }
    });

});
// ------------------ nouvelle fonction pour  jQuery ----------------------------
// initialisation tétière après chargement
jQuery.fn.voirpopupjquery = function(refcat) {
  //alert('recat = ' + refcat);
  jQuery('#popupContact').css({'background-color' : '#86583C' });  // gray
  jQuery('#popuptitle').html("Rercherche en cours, veuillez patienter ...."); // Remplacement du contenu
  jQuery('#popupexplique').html(""); // Remplacement du contenu
  var ajaxwaithtml = '<table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2"> ';
  ajaxwaithtml = ajaxwaithtml + '<tbody><tr><td style="height: 450px; width: 520px; text-align: center;">';
  ajaxwaithtml = ajaxwaithtml + 'T&eacute;l&eacute;chargement en cours <br /> Veuillez patienter ... <br /> ';
  ajaxwaithtml = ajaxwaithtml + '<img src="blocs/popupjquery/images/ajax_wait.gif" alt="en cours de chargement ..."   title="en cours de chargement ..."  >';
  ajaxwaithtml = ajaxwaithtml + '</td></tr></tbody></table>';
  jQuery('#popuptext').html(ajaxwaithtml); // Remplacement du contenu
  //
  jQuery.ajax({  // ajax
    type: "GET",
    //url: "popupcatgen.php", // url de la page à charger par référence catégorie
    url: "popupartgen.php", // url de la page à charger par référence ID article
    //data: "refcat="+refcat+"&iduser=0", // GET de la page à charger par référence catégorie
    data: "id="+refcat+"&iduser=0", // GET de la page à charger par référence ID article
    cache: false, // pas de mise en cache
    success:function(retourdatas){ // si la requête est un succès
    //alert(html); // Affichage
    //jQuery('#popupcontenu').html(Utf8.decode(retourdatas)); // Remplacement du contenu  avec decodage
    jQuery('#popupcontenu').html(retourdatas); // Remplacement du contenu  sans decodage
    // mise en place de la couleur de fond
    var newbgcolor = jQuery('#popuptitle').attr("rel");
    jQuery('#popupContact').css({'background-color' : newbgcolor });
    },
    error:function(XMLHttpRequest, textStatus, errorThrows){ // erreur durant la requete
    }
  });
  //
  jQuery('.videoboxe').css({'display' : 'none' });
  //centering with css
  centerPopup();
  //load popup
  loadPopup();
};
//