jQuery(document).ready(function(){
	
	jQuery('.link_details2').click(function(){
		load_details(jQuery(this).attr("id"));
		//return false;
	
	});
	
	
	jQuery('.link_details').click(function(){
		jQuery('osx-modal-content5').hide();
		load_details(jQuery(this).attr("id"));
		return (false);
	
	});
	
	
	
	

function load_details(id){
		
		
		jQuery.ajax({
				type: "POST",
				url: "details.php",
				data: "id="+id,
				success: function(msg){
					/*msg contient toute l'information détaillée de l'annonce cliquée*/
					/*on place dans les balises de forme la mise en page de l'annonce*/
						
					
					/*on lance l'affichage en show*/
					jQuery('#osx-modal-data5').html(msg);
					
					jQuery('body').css("overflow","hidden");
					
					var OSX5 = {
						container: null,
						open: function (d) {
							var self = this;
							self.container = d.container[0];
							d.overlay.fadeIn('slow', function () {
								jQuery("#osx-modal-content5", self.container).show();
								var title = jQuery("#osx-modal-title5", self.container);
								title.show();
								d.container.slideDown('slow', function () {
									setTimeout(function () {
										var h = jQuery("#osx-modal-data5", self.container).height()
											+ title.height()
											+ 20; // padding
										d.container.animate(
											{height: h}, 
											200,
											function () {
												jQuery("div.close", self.container).show();
												jQuery("#osx-modal-data5", self.container).show();
											}
										);
									}, 300);
								});
							})
						},
						close: function (d) {
							var self = this;
							d.container.animate(
								{top:"-" + (d.container.height() + 20)},
								500,
								function () {
									self.close();
									jQuery('body').css("overflow","auto");
									// or jQuery.modal.close();
								}
							);
						}
					};
					
					jQuery("#osx-modal-content5").modal({
						overlayId: 'osx-overlay5',
						containerId: 'osx-container5',
						closeHTML: '<div class="close"><a href="#" class="simplemodal-close">x</a></div>',
						minHeight:80,
						opacity:65, 
						position:['0'],
						overlayClose:true,
						onOpen:OSX5.open,
						onClose:OSX5.close
					});
					
					jQuery('#close_details').click(function(){
						jQuery.modal.close();		
					});
					
						
					
					
					jQuery('.img_details_mini').css("cursor","pointer");
					jQuery('.img_details_mini').click(function(){
						var temp = jQuery(this).attr("alt");
						var num = jQuery(this).attr("title");
						//alert(num);
						jQuery('#images_details_plus a[class="thickbox"]').html(" ");
						jQuery('#images_details').html("<img src='images/advertissement/gd/"+temp+"' id='image_gd_details' height='321' width='524' alt='' />");
						jQuery("#images_details_plus a[title="+num+"]").html("<img src='images/plus.png' />");
						jQuery("#images_details_plus a[title="+num+"]").html("<img src='images/plus.png' />");
						
					});
					jQuery('#youtube_lecteur').css("display","none");
					jQuery('#visite360').css("display","none");
					
					jQuery('#youtube_link').click(function(){
						var url = jQuery('#youtube_link').attr("href")+"&hl=fr&fs=1&rel=0&color1=0xe1600f&color2=0xfebd01&border=1";
						jQuery('#youtube_lecteur').html('<object width="524" height="322"><param name="wmode" value="transparent" ><param name="movie" value="'+url+'"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="'+url+'" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="524" height="322"></embed></object>');
						if(jQuery('#youtube_lecteur').css("display")=="none")
							jQuery('#youtube_lecteur').slideDown("normal");
						else
							jQuery('#youtube_lecteur').slideUp("fast");
						return false;
					});
					
					jQuery('#visite360_link').click(function(){
						var url = jQuery('#visite360_link').attr("href");
						jQuery('#visite_360').html('<object height="322" width="524"><embed src="'+url+'" allowfullscreen="true" height="322" width="524"><br style="color: white;"></object>');
						if(jQuery('#visite_360').css("display")=="none" || jQuery('#visite_360').css("height")==0)
							jQuery('#visite_360').slideDown("normal");
						else
							jQuery('#visite_360').slideUp("fast");
						return false;
					});

				}
				
			});
			return false;
}

});