jQuery(window).load(function () {
	var largeur = 724;

	var position_panoramique = jQuery("div#panoramique").offset();
	var position_central = jQuery("div#central").offset();
	var position = {
		left : position_panoramique.left - position_central.left,
		top : position_panoramique.top - position_central.top
	}

	jQuery("div#panoramique_prec, div#panoramique_suiv").hover(
    	function() {
			jQuery(this).css({opacity:1});
    	},
    	function() {
      		jQuery(this).css({opacity:0.5});
	    }
	).css({opacity:0.5});

  	jQuery("div#panoramique_prec").click(function() {
    	var pos_img = jQuery("div#panoramique img").stop().position();
    	var newleft = pos_img.left;
    	if (newleft < 0) {
      		newleft = newleft + (largeur / 2);
      		if (newleft >= 0) {
        		newleft = 0;
        		jQuery("div#panoramique_prec").hide();
      		}
      		jQuery("div#panoramique_suiv").show();
    	}
    	jQuery("div#panoramique img").animate({left:newleft}, "slow");
  	}).css({left:position.left,top:position.top});

  	jQuery("div#panoramique_suiv").click(function() {
    	var pos_img = jQuery("div#panoramique img").stop().position();
    	var newleft = pos_img.left;
		var taille = jQuery("div#panoramique img").width();
    	if ((newleft * -1 + largeur) < taille) {
      		newleft = newleft - (largeur / 2);
      		if ((newleft * -1 + largeur) >= taille) {
        		newleft = (taille - largeur) * -1;
        		jQuery("div#panoramique_suiv").hide();
      		}
      		jQuery("div#panoramique_prec").show();
    	}
    	jQuery("div#panoramique img").animate({left:newleft}, "slow");
  	}).css({left:position.left + 694,top:position.top}).show();

  	jQuery("div.panoramique_arrondi_prec").css({left:position.left,top:position.top}).show();
  	jQuery("div.panoramique_arrondi_suiv").css({left:position.left + 715,top:position.top}).show();

  	jQuery("div#panoramique_effets").hover(
    	function() {
      		//jQuery("div#panoramique_effets table#liste").css({width:"350px", Height:"410px" });
      		jQuery("div#panoramique_effets table#liste").show();
      		if (jQuery("div#panoramique_effets table#liste table#contenu").height() >= 400) {
      		    jQuery("div#panoramique_effets table#liste div#liste_contenu").css({'width':"330px", 'height':"400px", 'overflow':'auto'});

      		} else {
      		    jQuery("div#panoramique_effets table#liste div#liste_contenu").css({'width':"330px", 'height':(jQuery("div#panoramique_effets table#liste table#contenu").height() + 30) + 'px', 'overflow':'auto'});
      		}
      		jQuery("div#panoramique_effets div#accroche").hide();
    	},
    	function() {
      		jQuery("div#panoramique_effets table#liste").hide();
      		jQuery("div#panoramique_effets div#accroche").show();
    	}
  	);
  	jQuery("div#panoramique_effets").css({left:position.left + 90,top:position.top + 36}).show();

  	jQuery("div#panoramique_liste").hover(
    	function() {
      		jQuery("div#panoramique_liste table#liste").show();
      		jQuery("div#panoramique_liste div#accroche").hide();
    	},
    	function() {
      		jQuery("div#panoramique_liste table#liste").hide();
      		jQuery("div#panoramique_liste div#accroche").show();
    	}
  	);
  	jQuery("div#panoramique_liste").css({right:jQuery(document).width() - position.left - 900,top:position.top + 36}).show();

	jQuery("div#panoramique img").load(function() {
	  	jQuery("div.panoramique_loader").hide();
	});

  	jQuery("div#panoramique_liste a").click(function() {
	  	jQuery("div.panoramique_loader").show();
    	jQuery.ajax({
      		'url'   : "panoramique_ajax.htm",
      		'dataType'  : 'html',
       		'data' : {'todo':'liste','pano_id':this.id},
      		'success' : function(data) {
                    		jQuery('#liste_contenu').empty().append(data);
                  		}
    	});
    	/*jQuery.ajax({
      		'url'   : "panoramique_ajax.htm",
      		'dataType'  : 'text',
       		'data' : {'pano_id':this.id},
      		'success' : function(data) {
            				//jQuery('div.panoramique_titre').html(data);
                  		}
    	});*/
    	jQuery("div#panoramique img").attr('src', this.href);
    	jQuery("div#panoramique img").css('left', 0);
    	jQuery("div#panoramique_prec").hide();
    	jQuery("div#panoramique_suiv").show();
    	return false;
  	});

  	jQuery("div.panoramique_titre").css({left:position.left + 70,top:position.top + 3}).show();
  	jQuery("div.panoramique_loader").css({left:position.left + (largeur/2 - 15),top:position.top + 233}).show();

  	jQuery("div#panoramique_liste a:first").click();
	jQuery("div#panoramique_liste").hide();
	jQuery("div#panoramique_effets").css({left:position.left + 310,top:position.top + 3}).show();
});