/*********************** Contrôle jQuery */
/**/

$(document).ready(function(){
	
	/**  Animation de bandeau  **/
		if($('#portfolio').size() == 1)
			$('#portfolio').innerfade({ speed: 2500, timeout: 4000, type: 'sequence', containerheight: '142px' }); 
	
		
	/**  Interactions sur le menu  **/
		$("ul.menu > li").hover(
			function(){
				$(this).addClass("hover");
			},
			function(){
				$(this).removeClass("hover");
			}
		);
		
		
	/**  Pour les vignettes : 
	* 		- ajout de la class "spacimg"
	*		- ajout des div "mask" et "scroll" ainsi que le "ul" pour le scroll
	*****/
		var nbitem = $(".item-maisons").size();
		var nbitemCond = ($(".recherche-left + div#list").size() > 0) ? "5" : "10";
		if(nbitem > 0){
			$(".middle .item-maisons:even").addClass("spacimg");
			if(nbitem > nbitemCond){
				$(".middle").wrapInner("<div class=\"mask\"><div class=\"scroll\"></div></div>");
				var height = $(".middle .item-maisons").height()*nbitem;
				$(".scroll").css("height",height);
				$(".mask").after("<ul class=\"itemnav\" rel=\"1\"><li></li><li></li></ul>");
			}
			
			/**  On ajoute l'opacite sur les images au click  **/
				$(".item-maisons").click(function(){
					$(".item-maisons").removeClass("act").removeClass("actclick");
					$(this).addClass("actclick");
				});
			
			
			/**  On ajoute la class actclick au 1er resultat et on affiche son contenu  **/
				$(".item-maisons:first").addClass("actclick");
				getHouse($(".item-maisons:first").attr("id").substring(3,$(".item-maisons:first").attr("id").length));
				
				
			/**  On enleve l'opacite sur les images  **/
				$(".item-maisons").hover(
					function(){
						$(this).addClass("act");
					},
					function(){
						$(this).removeClass("act");
					}
				);
	
			/**  Effet sur la 1ere image des vignettes  **/
				/**runEffect();**/
		}


	
	/**  Gestion du click sur les fleches  **/
		$("ul.itemnav li").click(function(){
			var height = $(".mask").height();
			var rel = parseInt($(this).parent("ul").attr("rel"));
			
			switch($(this).index()){
				case 0:
					if(rel>1){
						if(rel==2)
							$(".scroll").animate({top: "0px" }, 1500 );
						else
							$(".scroll").animate({top: (-rel*height)+(rel-1)*height+"px" }, 1500 );
						$(this).parent("ul").attr("rel",rel-1);
					}
					break;
					
				case 1:
					$(".scroll").animate({top: "-"+rel*height+"px" }, 1500 );
					$(this).parent("ul").attr("rel",rel+1)
					break;
			}
		});
	
	
	
	/**  Gestion du scroll  **/
		
		if($('.right').size()>0){
			$('.right').jScrollPane();
		}
		if($('.content').size()>0){
			$('.content').jScrollPane();
		}
	
	
});
	
	

	
function getHousesList(){		
	data= {
		   "surface":$("#surface").val(),
		   "surfaceM":$("#surfaceM").val(),
		   "price":$("#price").val(),
		   "priceM":$("#priceM").val(),
		   "rooms":$("#rooms").val(),
		   "roomsM":$("#roomsM").val()	
	};
	
	$.ajax({
		url: 'utils/getHousesList.php',
		data: data,
		type: "POST",
		success: function(data) {
			alert(data);
			$("#list").html(data);
		}
	});
	
	$("ul.itemnav li").click(function(){
		var height = $(".mask").height();
		var rel = parseInt($(this).parent("ul").attr("rel"));
		
		switch($(this).index()){
			case 0:
				if(rel>1){
					if(rel==2)
						$(".scroll").animate({top: "0px" }, 1500 );
					else
						$(".scroll").animate({top: (-rel*height)+(rel-1)*height+"px" }, 1500 );
					$(this).parent("ul").attr("rel",rel-1);
				}
				break;
				
			case 1:
				$(".scroll").animate({top: "-"+rel*height+"px" }, 1500 );
				$(this).parent("ul").attr("rel",rel+1)
				break;
		}
	});
};

function getHouse(id){ 	
	$("div.right").remove();
	$("div.middle").after("<div class=\"right\"><div id=\"house\"></div></div>");
	$.ajax({
		url: 'utils/getHouse.php',
		data: {"id":id },
		type: "POST",
		success: function(data) {
			$("#house").html(data);
			
			var number = $("div.middle > div").size();
			if($("div.middle > div#min"+id+"").index()+1 == number){
				$("div.arrow img + img").hide();
				
				if($("div.middle > div").size() == '1'){
					$("div.arrow img:first").hide();
				}
			}
			else if($("div.middle > div#min"+id+"").index() == '0' && $("div.arrow img").size()>1){
				$("div.arrow img:first").hide();
			}
			else{
				$("div.arrow img").show();
			}
			
			setTimeout("$('.right').jScrollPane();",300);
		}
	});	
};

/**  Adaptation liens fleche dans page calculette  **/
function updateArrow(){
                var prevId = $("#list").find("div.actclick").prev("div.item-maisons").attr("id");
                var nextId = $("#list").find("div.actclick").next("div.item-maisons").attr("id");
                if(prevId != undefined){
                               $("div.arrow img.img-left").removeAttr("onclick");
                               $("div.arrow img.img-left").click(function(){
                                               getHouse(prevId);
                                               $("#"+prevId).click();
                               });
                }
                if(nextId != undefined){
                               $("div.arrow img.img-right").removeAttr("onclick");
                               $("div.arrow img.img-right").click(function(){
                                               getHouse(nextId);
                                               $("#"+nextId).click();
                               });
                }
}