var current;
var numProd;

function muovi(el){
	$("#pagine_int").animate({marginLeft:-(55*(el-1))+"px"},400);
}

function comprimiNav() {
	$("#espandi_true").removeAttr("id").attr("id","espandi_false");
	
		numProd = $("#pagine ul li a").size();
		current = parseFloat($("#pagine_int ul li a").index($("#pagine_int ul li a.on").eq(0)[0]))+1;
		$("#pagine_int").css("width",(55*numProd)+"px");
		$("#pagine_int").css("marginLeft",(55*(-current+1))+"px");
		
		muovi(current);
				
		$("#pagine_int ul li a").mouseover(function(){
			$("#bookmark strong").html($(this).find("span").text());
			thisNum = $("#pagine_int ul li a").index($(this)[0]);
			$("#bookmark span").html((thisNum+1) + "/" + numProd);
		});
		
		$("#pagine_int ul li a").mouseout(function(){
			$("#bookmark strong").html($("#pagine_int ul li a.on span").text());
			$("#bookmark span").html(parseInt($("#pagine_int ul li a").index($("#pagine_int ul li a.on").eq(0)[0])+1) + "/" + numProd);
		});
		
		$("#bookmark strong").html($("#pagine_int ul li a.on span").attr("title"));
		$("#bookmark span").html(parseInt($("#pagine_int ul li a").index($("#pagine_int ul li a.on").eq(0)[0])+1) + "/" + numProd);
		
	return false;
}

function espandiNav() {
	$("#espandi_false").removeAttr("id").attr("id","espandi_true");
	$("#pagine_int").css("width","auto");
	$("#pagine_int").css("marginLeft","0px");
	return false;
}

function wellnessMagazineNav(){
	$("#espandi_true ul li a").each(function(i){
		thisText = $(this).text();
		
		$(this).html("<em>" + (i+1) + "</em> ").append("<span>" + thisText + "</span>");
	});
	
	$("#comprimi").click(function(){
		comprimiNav();
	});
	
	$("#espandi").click(function(){
		espandiNav();
	});

}

$(document).ready(function(){
	wellnessMagazineNav();
	
	$("#prev_wm a").click(function(){
		if (current!=1) {
			current=current-1;
		}
		muovi(current);
		return false;
	});

	$("#next_wm a").click(function(){
		
		if (current<(numProd-4)) {
			current=current+1;
		}
		muovi(current);
		return false;
	});

});