');
$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) });
//fond noir grisé affichage au centre
if(op == '1')
{
//Define margin for center alignment (vertical + horizontal) - we add 80 to the height/width to accomodate for the padding + border width defined in the css
var popMargTop = ($('#' + popID).height() + 80) / 2;
var popMargLeft = ($('#' + popID).width() + 80) / 2;
//Apply Margin to Popup
$('#' + popID).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});
//Fade in Background
$('body').append(''); //Add the fadePopup layer to bottom of the body tag.
$('#fadePopup').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer
}
//fond transparent affichage a coté du click
else
{
//recupére la position de l'element
var position = $(this).position();
var popMargTop = position.top;
var popMargLeft = position.left;
//positionne a coté de la source
$('#' + popID).css({
'top' : popMargTop-50,
'left' : popMargLeft+70
});
//Fade in Background
$('body').append(''); //Add the fadePopup layer to bottom of the body tag.
$('#fadePopup').css({'filter' : 'alpha(opacity=0)'}).fadeIn(); //Fade in the fade layer
}
};
//When you click on a link with class of poplight and the href starts with a #
// fonction bulle centrale
$('a.poplight[href^=#]').click(function() {
$(this).popOpen('1'); //Run popOpen function on click
return false;
});
//fonction bulle achat
$('a.poplight2[href^=#]').click(function() {
$(this).popOpen('2'); //Run popOpen function on click
return false;
});
//fonction a utilisé pour lancer directement au chargement
//$('a.poplight[href^=#]').popOpen(); //Run popOpen function once on load
//Close Popups and Fade Layer
$('a.close, #fadePopup').live('click', function() { //When clicking on the close or fade layer...
$('#fadePopup , .popup_block,.popup_block_offert, .popup_block_achat, .popup_block_achat_titre').fadeOut(); //fade them both out
$('#fadePopup').remove();
return false;
});
//popOpen
});
/****************************** efface le contenu d'une div ************************************************/
function flush(div)
{
$(div).html('');
}
/****************************** gestion pub ************************************************/
$(document).ready(function() {
//Show the paging and activate its first link
$(".paging").show();
$(".paging a:first").addClass("active");
//Get size of the image, how many images there are, then determin the size of the image reel.
var imageWidth = $(".window").width();
var imageSum = $(".image_reel img").size();
var imageReelWidth = imageWidth * imageSum;
//Adjust the image reel to its new size
$(".image_reel").css({'width' : imageReelWidth});
//Paging and Slider Function
rotate = function(){
var triggerID = $active.attr("rel") - 1; //Get number of times to slide
var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide
$(".paging a").removeClass('active'); //Remove all active class
$active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)
//Slider Animation
$(".image_reel").animate({
left: -image_reelPosition
}, 500 );
};
//Rotation and Timing Event
rotateSwitch = function(){
play = setInterval(function(){ //Set timer - this will repeat itself every 7 seconds
$active = $('.paging a.active').next(); //Move to the next paging
if ( $active.length === 0) { //If paging reaches the end...
$active = $('.paging a:first'); //go back to first
}
rotate(); //Trigger the paging and slider function
}, 5000); //Timer speed in milliseconds (7 seconds)
};
rotateSwitch(); //Run function on launch
//On Hover
$(".image_reel a").hover(function() {
clearInterval(play); //Stop the rotation
}, function() {
rotateSwitch(); //Resume rotation timer
});
//On Click
$(".paging a").click(function() {
$active = $(this); //Activate the clicked paging
//Reset Timer
clearInterval(play); //Stop the rotation
rotate(); //Trigger rotation immediately
rotateSwitch(); // Resume rotation timer
return false; //Prevent browser jump to link anchor
});
});
// cache un element et fais apparaitre un autre
function hideFadeIn(fadeIn,classActive)
{
$("div").find('.'+classActive).hide();
$(fadeIn).show(); //Fade in the active content
$(fadeIn).addClass(classActive);
return false;
}
// class gestion bouton menutoptitre 1 & 2
function addActiveClass(balise,classElement,classActive)
{
$("div").find(balise+'.'+classActive).removeClass(classActive);
$(classElement+' '+balise).addClass(classActive);
return false;
}
function achatOpen(produit,ref,div){
xajax_achatOpen(produit,ref,div) ;
}
function ajoutPanier(ref){
xajax_ajoutPanier(ref) ;
}
function afficherPannier(){
xajax_afficherPannier() ;
}
function afficherPlayer(refTitre){
$(document).ready(function(){
chaine = "
Chargement de la page ...