var popWin="";

function openwin(url) {
	if(popWin!="") { popWin.close(); }
	popWin=window.open(url,'','toolbar=0, location=0, directories=0, status=0, scrollbars=1, resizable=1, copyhistory=0, menuBar=0,fullscreen=1');
}

$(document).ready(function() {
	// --- Tooltip calendrier --- //
	$("body").find("a.calendar_link['title']").each(function() {
		$(this).cooltip({
			delay:0,
			events:{def:"mouseenter,mouseleave",tooltip:""},
			offset:[1,1]
		}).dynamic({bottom:{direction:'down'}});
	});
	
	$("#aide_tooltip.tooltip['title']").cooltip({
		offset:[3,2],
		delay:0,
		events:{def:"mouseenter,mouseleave",tooltip:""}
	}).dynamic({bottom:{direction:'down'}});
	// --- Fin tooltip calendrier --- //
	
	
	
	// --- Scroll Vertical --- //
	if($('#scroll-vertical')) {
		$('#scroll-vertical').jScrollPane({
			showArrows:true,
			arrowSize:34,
			scrollbarWidth:86,
			animateTo:true,
			animateInterval:20,
			animateStep:5
		});
		
		$(".allow-play").live('click', function() {
			$(this).hide();
			start_3d();
		});
		
		$('#scroll-vertical ul li, #list-3d ul li').click(function() { 
			
			//---- vérifie que le click a été effectué sur une video 3D
			var a_class = $(this).hasClass('3d') ? '3d' : 'jqzoom';
			//---- gestion de l'image en cours d'affichage
			$('#scroll-vertical ul li, #list-3d ul li').removeClass('selected');
			$(this).addClass('selected');
						
			if( a_class == '3d' ) {
				var img = $(this).find('img:eq(1)');
				var imgBig=$('#imageBig');
				var imgHd=$('#imageHD');
				var src=img.attr('src');
				var size=img.attr('rel');				
				var titre = $("#visinneuse_produit_detail .titre").text();
				src = src.replace(size, imgBig.attr('rel'));
				var srcBig = src;
				src=src.replace("665x665_","");
				imgBig.fadeIn('fast');
			    
				
				$(".layout_visio").html(
					'<div class="allow-play">'
    				+ ' 	<img src="/images/frontend/common/fleche-big.png"/>'
		    		+ ' </div>'
					+ '<div id="visinneuse_produit_detail" style="position: relative;">'
		    		+ 	'<a style="float: left; outline-style: none; display: block; positon: relative; height: 665px; width: 665px;"'+'class="' + a_class + '" href="'+src+'" id="imageHD">'
					+		'<div class="imageHD">'
					+			'<img width="665" alt="" rel="665x665" src="'+srcBig+'" id="imageBig" style="opacity: 1;">'
					+		'</div>'
					+ 	'</a>'
					+ '</div>'
					+ '<p class="titre">'+titre+'</p>'
				);
				$(".preload").hide();
//				$(".allow-play").show();
				
			} else {
				var img = $(this).find('img');
				var imgBig=$('#imageBig');
				var imgHd=$('#imageHD');
				var src=img.attr('src');
				var size=img.attr('rel');				
				var titre = $("#visinneuse_produit_detail .titre").text();
				src = src.replace(size, imgBig.attr('rel'));
				var srcBig = src;
				src=src.replace("665x665_","");
				imgBig.fadeIn('fast');
			    
				$(".layout_visio").html(
					'<div class="allow-play" style="display:none;">'
	    			+ ' 	<img src="/images/frontend/common/fleche-big.png"/>'
			    	+ ' </div>'
					+  '<div id="visinneuse_produit_detail" style="position: relative;">'
		    		+ 	'<a style="float: left; outline-style: none; display: block; positon: relative; height: 665px; width: 665px;"'+'class="' + a_class + '" href="'+src+'" id="imageHD">'
					+		'<div class="imageHD">'
					+			'<img width="665" alt="" rel="665x665" src="'+srcBig+'" id="imageBig" style="opacity: 1;">'
					+		'</div>'
					+ 	'</a>'
					+ '</div>'
					+ '<p class="titre">'+titre+'</p>'
				);
				$(".layout_visio").append('<div id="pleinEcran"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="60" height="30" id="loading-external-jpg-preloader-ie" align="middle">'+'<param name="allowScriptAccess" value="sameDomain" />'+'<param name="allowFullScreen" value="true" />'+'<param name="flashvars" value="urlImage='+src+'">'+'<param name="wmode" value="transparent" />'+'<param name="movie" value="swf/pleinEcran.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#000000" />'+'<embed src="swf/pleinEcran.swf" quality="high" wmode="transparent" bgcolor="#000000" width="60" height="30" name="loading-external-jpg-preloader-ie" align="middle" allowScriptAccess="sameDomain" flashVars="urlImage='+src+'" allowFullScreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />'+'</object></div>');
				
				$('.jqzoom').jqzoom({
					zoomType:'reverse',
					zoomWidth:300,
					zoomHeight:300,
					xOffset:5,
					yOffset:0,
					position:"right",
					title:false,
					imageOpacity:0.3,
					preloadPosition:"bycss",
					preloadText:"<div>Loading zoom</div>"
				});
				
//				$(".allow-play").hide();
			}
			return false;
		});
	}
	// --- Fin scroll vertical --- //
	
	
	
	// --- Zoom dans le cadre  --- //
	$('.jqzoom').jqzoom({
		zoomType:'reverse',
		zoomWidth:300,
		zoomHeight:300,
		xOffset:5,
		yOffset:0,
		position:"right",
		title:false,
		imageOpacity:0.3,
		preloadPosition:"bycss",
		preloadText:"<div>Loading zoom</div>"
	});
	
	$('.jqzoom').click(function(e) {
		if($(this).hasClass("actif")==true) { 
			$(this).removeClass("actif");
		} else {
			$(this).addClass("actif");
		}
	});
	// --- Fin Zoom  --- //
	
	
	
	// --- jCarousel (top) --- //
	jQuery.each($('.jcarousel-item'),function() {
		if($(this).attr("alt")==idObject.toString()) {
			$(this).addClass("carousel_item_selected");
			$(this).html($(this).html()+"<div id='leSelectionne'>&nbsp;</div>");
		}
	});
	// --- Fin jCarousel --- //
	
	
	
	// --- Accordéon --- //
	if(jQuery.browser.msie&&parseInt(jQuery.browser.version)<=7) {
		$('#accordion').accordion({
			autoHeight:false,
			animated:false,
			header:'h2',
			collapsible:true,
			active:0
		});
	} else {
		$('#accordion').accordion({
			autoHeight:false,
			header:'h2',
			collapsible:true,
			active:0
		});
	}
	// --- Fin accordéon --- //
	
	
	
	// --- JSON Calendrier (alertes) --- //
	$('a.calendar_link').click(function(e) {
		e.preventDefault();
		if($(this).attr("json")=='#') {
			alert(trad_produit_alert);
		} else {
			sItem=$.ajax({
				url:$(this).attr("json"),
				dataType:'json',
				async:false
			}).responseText;
			
			var output=jQuery.parseJSON(sItem);
			if(output.success==true){ 
				if($(this).hasClass("dateSelectionnee")) {
					$(this).removeClass("dateSelectionnee");
					$("#monToolTip p.alerte").text(trad_produit_alert_create);
					sJSON=$(this).attr("alt");
					sJSON=sJSON.replace('"alerted":"1"','"alerted":""');
					$(this).attr("alt",sJSON);
				} else {
					$(this).addClass("dateSelectionnee");
					$("#monToolTip p.alerte").text(trad_produit_alert_delete);
					sJSON=$(this).attr("alt");
					sJSON=sJSON.replace('"alerted":""','"alerted":"1"');
					$(this).attr("alt",sJSON);
				}
			}
		}
	});
	
	$('a.calendar_link').click(function(e) {
		var sJSON=$(this).attr("alt");
		var oData=jQuery.parseJSON(sJSON);
		var monNo="."+$(this).attr("rel");
		if(oData.logged) {
			var texte='<p class=\'date\'>'+oData.date+'</p>'+'<p class=\'prix\'>'+oData.price+' €</p>'+'<p class=\'alerte\'>'+(oData.alerted?trad_produit_alert_desactive:trad_produit_alert_creer)+trad_produit_alert_mail+'</p>';
		} else { 
			var texte='<p class=\'date\'>'+oData.date+'</p>'+'<p class=\'prix\'>'+oData.price+' €</p>'+'<p class=\'alerte\'>'+(oData.alerted?trad_produit_alert_desactive:trad_produit_alert_creer)+trad_produit_alert_mail+'</p>';
		}
		
		$(monNo).html(texte);
	});
	// --- Fin JSON Calendrier --- //
});


function start_3d() {
	
	if( $('#visinneuse_produit_detail .3d img').length) {
		
		// Annulation du lien
		$("#visinneuse_produit_detail a.3d").css('cursor', 'move');
		$("#visinneuse_produit_detail a.3d").live('click', function() {
			return false;
		});
		
		// Récupération de la racine des images
		var root = $('#visinneuse_produit_detail .3d img').attr('src');
		root = root.replace('1.jpg', '');
		
		
		// Création du tableau avec toute les photos
		var arr = [];
		for(var x=1; x<= 17; x++)
			arr.push(root + x + ".jpg");
		
		// Chargement de la lib 3D
		$('#visinneuse_produit_detail .3d img').threesixty({images:arr, method:'click', 'cycle':3, direction:"backward",autoplay:true,autoplayTimer:150});
	}
}

function link(url) {
	alert(url);
}


var etat="fermer";
var tableau=new Array();

function faireOuvrir() {
	if(etat=="fermer") {
		$(".dialog").css("display","block");
		etat="ouvert";
		if(jQuery.browser.msie&&parseInt(jQuery.browser.version)<=7) {
			$(".dialog").animate({height:'110px'},500);
		} else {
			$(".dialog").animate({height:'90px'},500);
		}
	}
}

function faireFermer() {
	if(etat=="ouvert") {
		etat="fermer";
		$(".dialog").animate({height:'0px'},500,function(){$(".dialog").css("display","none");});
	}
}

function faireCoins() {
	$('#monToolTip').wrap('<div class="dialog">'+'<div class="bd">'+'<div class="c">'+'<div class="s">'+'</div>'+'</div>'+'</div>'+'</div>');
	$('div.dialog').prepend('<div class="hd">'+'<div class="c"></div>'+'</div>').append('<div class="ft">'+'<div class="c"></div>'+'</div>');
}