/*
 *
 *	@titre: recette.
 *	@description: javascript recette - Le Veau.
 *	@auteur: neov - http://www.neov.net.
 *	@creation: 20090511.
 *	@modification: -.
 *
*/

// rollover recette.
$.fn.rollrecette = function(o)
{
	o = $.extend (
			{
				doPos: false
			}, o || {}
		);
	
	$(this).each(
		function()
		{
			$(this).hover(
				function()
				{
					if (o.doPos)
						$(this).css({position:'relative', zIndex: 11});
					
					if ($(this).next())
						$(this).next().show();
				},
				function()
				{
					if (o.doPos)
						$(this).css({position:'', zIndex: 0});
					
					if ($(this).next())
						$(this).next().hide();
				}
			);
		}
	);
};

// pagination images.
function pagination(id)
{
	// vars.
	var iRang = chargeRangRecetteVisite();
	var $bloc = id == 0? $('.rrImage') : $('.rrListe'), nbr = $bloc.find('li').length, c = 0, step = 20;
	
	// initialisation des boutons.
	$('.arrow_bottom').find('a').show();
	
	
	// cas ou on a plus de 20 images.
	if (nbr > step) {
	    
	    $bloc.find('li').hide();
	    	    
	    if(iRang >= step) { // recette visitée se trouve aux pages suivantes
            c = parseInt(Math.floor(iRang / step));
	        // afiche le bouton precedent.
    		$('.arrow_bottom').find('a').eq(0).show();
    		
    		if ((step *c) < nbr) {
				var init = step *c;
				c++;
				
				$bloc.find('li').hide();
				
				for(i=init; i<(step*c); i++) {
					$bloc.find('li').eq(i).show();
				}
				
				if((step *c) >= nbr)
					$('.arrow_bottom').find('a').eq(1).hide();
				
			}
    		// attribution des action sur les boutons.
    		$('.arrow_bottom').find('a').eq(1).bind(
    			'click',
    			function()
    			{
    				$('.arrow_bottom').find('a').eq(0).show();
    				if ((step *c) < nbr) {
    					var init = step *c;
    					c++;
    					
    					$bloc.find('li').hide();
    					
    					for(i=init; i<(step*c); i++) {
    						$bloc.find('li').eq(i).show();
    					}
    					
    					if((step *c) >= nbr)
    						$(this).hide();
    					
    				}
    				
    				return false;
    			}			
    		);
    		
    		$('.arrow_bottom').find('a').eq(0).bind(
    			'click',
    			function()
    			{	
    				$('.arrow_bottom').find('a').eq(1).show();
    				
    				if (c > 0) {
    					c--;
    					
    					$bloc.find('li').hide();
    					
    					for(i=(step * (c - 1)); i<(step*c); i++) {
    						$bloc.find('li').eq(i).show();
    					}
    					
    					if(c==1)
    						$(this).hide();
    					
    				}
    				
    				return false;
    			}			
    		);
	    } else { // recette visitée se trouve à la preemiére page
	        // affiche seulement les 20 premieres images.
    		for(i=c; i<step; i++) {
    			$bloc.find('li').eq(i).show();
    		}
    		
    		c++;
    		
    		// cache le bouton precedent.
    		$('.arrow_bottom').find('a').eq(0).hide();
    		
    		// attribution des action sur les boutons.
    		$('.arrow_bottom').find('a').eq(1).bind(
    			'click',
    			function()
    			{
    				$('.arrow_bottom').find('a').eq(0).show();
    				
    				if ((step *c) < nbr) {
    					var init = step *c;
    					c++;
    					
    					$bloc.find('li').hide();
    					
    					for(i=init; i<(step*c); i++) {
    						$bloc.find('li').eq(i).show();
    					}
    					
    					if((step *c) >= nbr)
    						$(this).hide();
    					
    				}
    				
    				return false;
    			}			
    		);
    		
    		$('.arrow_bottom').find('a').eq(0).bind(
    			'click',
    			function()
    			{	
    				$('.arrow_bottom').find('a').eq(1).show();
    				
    				if (c > 0) {
    					c--;
    					
    					$bloc.find('li').hide();
    					
    					for(i=(step * (c - 1)); i<(step*c); i++) {
    						$bloc.find('li').eq(i).show();
    					}
    					
    					if(c==1)
    						$(this).hide();
    					
    				}
    				
    				return false;
    			}			
    		);
	    }
	
	} else {
		
		// cache tous les boutons.
		$('.arrow_bottom').find('a').hide();
		
	}
	
	
};

function chargeRangRecetteVisite() {
    var iRang = -1;
    $('.rrImage > li').each(function(index) {
        var img = $(this).children("a").children("img");
        if($(img).eq(1).attr("class") == "r-visite") {
            iRang =  index;
        }
    });
    
    return iRang;
}

function reecritureNomRecette(_zNomRecette) {
    zNomRecette = _zNomRecette.toLowerCase().replace(/\s+/g, "_");
    zNomRecette = str_replace('"', '', zNomRecette);
    zNomRecette = str_replace("'", "", zNomRecette);
   return zNomRecette;
}

function str_replace(search, replace, subject) {
    // Replaces all occurrences of search in haystack with replace  
    // 
    // version: 903.3016
    // discuss at: http://phpjs.org/functions/str_replace
    // +   original by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +   improved by: Gabriel Paderni
    // +   improved by: Philip Peterson
    // +   improved by: Simon Willison (http://simonwillison.net)
    // +    revised by: Jonas Raoni Soares Silva (http://www.jsfromhell.com)
    // +   bugfixed by: Anton Ongson
    // +      input by: Onno Marsman
    // +   improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +    tweaked by: Onno Marsman
    // +      input by: Brett Zamir (http://brettz9.blogspot.com)
    // +   bugfixed by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // *     example 1: str_replace(' ', '.', 'Kevin van Zonneveld');
    // *     returns 1: 'Kevin.van.Zonneveld'
    // *     example 2: str_replace(['{name}', 'l'], ['hello', 'm'], '{name}, lars');
    // *     returns 2: 'hemmo, mars'
    var s = subject;
    var ra = r instanceof Array, sa = s instanceof Array;
    var f = [].concat(search);
    var r = [].concat(replace);
    var i = (s = [].concat(subject)).length;
    var j = 0;
    
    while (j = 0, i--) {
        if (s[i]) {
            while (s[i] = (s[i]+'').split(f[j]).join(ra ? r[j] || "" : r[0]), ++j in f){};
        }
    }

    return sa ? s : s[0];
}

$(
  	function()
	{
		// choix type d'affichage, clic sur les boutons radios liste et images.
		var iRecettesPlusConsultees = $('#recettes_plus_consultees').val();
//		alert(iRecettesPlusConsultees);
		
		$('input[name=recette]').click(
			function()
			{
				if( $(this).val() == 0 ) {					
					// force a checker le bouton.
					this.checked = true;
	
					// affiche ou cache le bloc selectionner.
					$('.rrImage').hide();
					$('.rrListe').show();
					
					// creation de la pagination
					pagination(1);
					
				} else {					
					// force a checker le bouton.
					this.checked = true;
					
					// affiche ou cache le bloc selectionner.
					$('.rrListe').hide();
					$('.rrImage').show();
					
					// creation de la pagination
					pagination(0);
				}
			}
		);
		
		// selection affichage par defaut 0: liste, 1: image.
		var selectAffiche = $('#recetteListe').attr('name');
		if(parseInt(iRecettesPlusConsultees)>0) {
		    selectAffiche = 0;
		}

		$('input[name=recette]').eq(selectAffiche).click();
		
		// chargement rollover sur image.
		$('.rrImage li a').rollrecette();
		
		// chargement rollover sur liste.
		$('.rrListe li a').rollrecette({doPos:true});
		
		// scrollpane
		
		if ($("#ingredientRecette").length != 0) {
			$("#ingredientRecette").jScrollPane({
				showArrows:true, 
				scrollbarWidth: 19, 
				arrowSize: 11, 
				scrollbarMargin: 45
			});
		}
		
		// click bouton note
		$("#note-btn").click(function() {
		    iRecetteId = $("div.recetteListe").attr("id");
		    zRecetteTitre = $("h1.detail-titre").html();
		    var noteVal = $("[name=noteVal]").val();
		    $.post("index.php", {module:"recette", action:"recette:sauvegarderNote", iNote:noteVal, iRecetteId:iRecetteId}, function() {
//		        window.location.href = j_basepath+"index.php?iRecetteId="+iRecetteId+"&module=recette&action=recette:afficheRecette";
		        window.location.href = j_basepath+"index.php/recette/"+iRecetteId+"/"+reecritureNomRecette(zRecetteTitre);
		    }, "json");
		    
		    return false;
		});
		
		// popu notez succes
		$('.pop-notez-succes').click(function() {
		    var imgBlanc = j_basepath+"design/images/content-design/pop-etoile-bl.gif";
		    for(i=0; i<5; i++) {
	            $("img[id=image_"+i+"]").attr({"src":imgBlanc});
	        }
	        $("input[name=noteVal]").val(0);
		});
		
		// initialise la valeur de la notation
		$("#effacer").click(function() {
		    $("input[name=noteVal]").val(0);
		    var imgBlanc = j_basepath+"design/images/content-design/pop-etoile-bl.gif";
		    for(i=0; i<5; i++) {
	            $("img[id=image_"+i+"]").attr({"src":imgBlanc});
	        }
		});
		
		// hover avec coloration image jaune
		$(".vote img").hover(function() {
		    var rang = parseInt($(this).attr("id").split("_")[1]);
		    var val = rang + 1;
		    var imgJaune = j_basepath+"design/images/content-design/pop-etoile-ja.gif";
		    var imgBlanc = j_basepath+"design/images/content-design/pop-etoile-bl.gif";
		    $("input[name=noteVal]").val(val);
		    for(i=0; i<val; i++) {
	            $("img[id=image_"+i+"]").attr({"src":imgJaune});
	        }
	        for(k=i; k<6; k++) {
	            $("img[id=image_"+k+"]").attr({"src":imgBlanc});
	        }
		}/*, function()  {
    		var rang = parseInt($(this).attr("id").split("_")[1]);
		    var val = rang + 1;
		    var imgBlanc = j_basepath+"design/images/content-design/pop-etoile-bl.gif";
		    for(i=0; i<val; i++) {
	            $("img[id=image_"+i+"]").attr({"src":imgBlanc});
	        }
    	}*/);
    	$(".vote img").click(function() {
    	    var rang = parseInt($(this).attr("id").split("_")[1]);
    	    var val = rang + 1;
    	    var imgJaune = j_basepath+"design/images/content-design/pop-etoile-ja.gif";
    	    var imgBlanc = j_basepath+"design/images/content-design/pop-etoile-bl.gif";
    	    
    	    $("input[name=noteVal]").val(val);
    	});

	}
);