// site_global_params.js
// fichier javascript avec les paramètres récurrents du site

$(document).ready(function(){
	
	// construit le menu de navigation principal -------------------------------------
  //  $(".menuvertical li").hover(
//			function(){ $("ul", this).fadeIn("fast"); }, 
//			function() { } 
//		);
//    if ($.browser.msie) {
//        $(".menuvertical li").hoverClass("sfHover");
//    }
	// ---- fin
	
	//jdMenu
	
// $(document).ready(...);

$('ul.jd_menu').jdMenu();
// Add menu hiding on document click
$(document).bind('click', function() {
	$('ul.jd_menu ul:visible').jdMenuHide();
	});
// -- fin
	
	
	

	$("#login_form input[@name=login]").focus(
			function() { if(this.value == 'Votre email') this.value = '';  }
			);
	$("#login_form input[@name=mdp]").focus(
			function() { if(this.value == 'Mot de passe') this.value = '';  }
			);
	$("#login_form").submit(
			function() {
				var formx = $("input[@name=login]",this);
				if(formx.val() == '' || formx.val() == 'Votre email') {
					$(formx).focus();
					return false;
				}
				var formx = $("input[@name=mdp]",this);
				if(formx.val() == '' || formx.val() == 'Mot de passe') {
					$(formx).focus();
					return false;
				}
			});
	
	// construit le form de perte de mot de passe -------------------------------------
    $(".link_passlost").toggle(
			function(){
				$("#div_login_form").show();
				$("#link_passlost_form").attr('action','club_votre_compte_actions.php');
				$("#link_passlost_form").slideToggle("slow");
			},
			function(){
				$("#link_passlost_form").slideToggle("fast");
			}
		);
	// ---- fin
	//



	// mini zoom images
	var timerzoom_pic;
	var original_alt_pic;
	$(".zoom_pic").hover(
		function() {
			var original_src 	= $(this).attr('src');
			var original_h		= parseInt($(this).height());
			var original_w		= parseInt($(this).width());
			original_alt_pic	= $(this).attr('alt');
			var alt_pic 		= original_alt_pic;
			$(this).attr('alt',''); // enlève le alt (à cause d'Ie)
			
			var $$ = $(this);
			$(".zoom_pic_preview").remove();
			
			if(alt_pic != undefined) alt_pic = "<div style='font-size:10px; color:#333333; max-width:250px; text-align:center; border-top:1px #cccccc dotted; padding:5px 10px; font-weight:normal; text-decoration:none;'>"+alt_pic+"</div>";
			else alt_pic = '';
			
			timerzoom_pic = setTimeout( function () {
				$$.after("<div class='zoom_pic_preview' style='position:absolute; border:2px #cccccc solid; margin:-"+(original_h/2)+"px 0px 0px "+original_w+"px; display:block; width:200px; background-color:#ffffff; z-index:1000;'><img src='"+original_src+"' style='width:200px;' />"+alt_pic+"</div>");	
				clearTimeout(timerzoom_pic);
			}, 400);
			

			//if($(".zoom_pic_preview").width() > 100) {
				
				//if($.browser.msie) $(".zoom_pic_preview").css('marginLeft','0px');
			
					//$(".zoom_pic_preview").show();
					$(".zoom_pic_preview").click( function() {
						$(this).hide();				
					});
			//}
		},
		function() {
			$(this).attr('alt',original_alt_pic);
			$(".zoom_pic_preview").remove();
			clearTimeout(timerzoom_pic);
		}
	);



});

$.fn.hoverClass = function(c) {
	return this.each(function(){
		$(this).hover( 
			function() { $(this).addClass(c);  },
			function() { $(this).removeClass(c); }
		);
	});
};

function getelementheight(cherche) {
	var maxh = 0;
	$(cherche).each(function(i){
		var height = $(this).height();
		//alert(height+'/ maxh:'+maxh);
		maxh = Math.max(height,maxh);			
	});
	//alert('maxh:'+maxh);
	return maxh;
}


$().ready( function() {

	$(".pop_pic").each( function() {
		var id = $(this);
		var originalSrc 	= $("img",id).attr('src');
		var originalW		= $("img",id).width();
		var originalH		= $("img",id).height();
		var altPic			= id.attr('title');
		var href			= id.attr('href');	
		var valH = parseInt(originalH)+20;
		if(valH != 'NaN' && !$.browser.msie && parseInt(originalH) != 0) id.css('height',valH+'px');
		
		$(".pop_pic_preview").remove();
		id.after("<div class='pop_pic_preview' style='width:"+originalW+"px'>Agrandir</div>");
			id.hover(
				function() {
					$(".pop_pic_preview").html(altPic);
					id.attr('title','');
					$(".pop_pic_preview").click( function() {
						id.click();
					});
				},
				function() {
					$(".pop_pic_preview").html('Agrandir');
					id.attr('title',altPic);
				}
			);
			id.click( function() {
				if(href) {
					popupa(href,780,580,'','','');
				}
				return false;
			});
			$(".pop_pic_preview").hover(
				function() {
					$(this).html(altPic);
					id.attr('title','');
					$(this).click( function() {
						id.click();
					});
				},
				function() {
					$(this).html('Agrandir');
					id.attr('title',altPic);
				}
			);
	 });
	
	
	var hover_timer;
	$(".hovertip").hover(
		function() {
			var id = this;
			hover_timer = setTimeout( function() { 
							//console.log(id);
							$(".hovertip_div").remove();
							var alt 	= $(id).attr('alt');
							var title 	= $(id).attr('title');
							var width	= $(id).width();
							var height	= $(id).height();
							var bodywidth	= $(document).width();
							var bodyheight	= $(document).height();
							var posx	= '';
							var texte;
							
							var offset	= $(id).offset();
							
							if(offset.left > bodywidth/2) 	posx = '-';
							else							posx = '';
							
							
							if(alt)		texte = alt;	
							if(title) 	texte = title;
							
							$(id).after('<div class="hovertip_div"><div class="hovertip_div1">'+texte+'</div></div>');
							
							$(".hovertip_div").css('marginTop','-'+height);
							$(".hovertip_div").css('marginLeft',posx+''+width);
							
						}, 300);
		},
		function() {
			clearTimeout(hover_timer);
			$(".hovertip_div").remove();
		}
	);
	

	
	
}); // fin ready