/*
 * Shopnav - shopping navigator
 * By Fabio Ottaviani
 * Copyright (c) 2008 Fabio Ottaviani
*/

function shopnav(id) {
	if ($(id).size() == 0) {
		return false;
	} else {
	
		var images = $.makeArray($(id + " ul li img"));
		var lastEl = images.length - 1;
		var firstEl = 0;
		var i = 0;
		var k = {first:firstEl, right:firstEl + 1, left:lastEl};
		var leftZ = 5;
		var rightZ = 5;
			
		// next Nav
		function nextNav () {
			leftZ = 2;
			rightZ = 8;
			if (i == 0) {
				k.first = 1;
				k.right = 2;
				k.left = 0;
				i++;
			} else if (i == lastEl - 1) {
				k.first = lastEl;
				k.right = firstEl;
				k.left = lastEl - 1;
				i++;
			} else if (i >= lastEl) {
				k.first = firstEl;
				k.right = firstEl + 1;
				k.left = lastEl;
				i = 0;
			} else {
				k.first = i+1;
				k.right = i+2;
				k.left = i;
				i++;
			} 
			rollnav(k);
		}
		
		// prev Nav
		function prevNav() {
			leftZ = 8;
			rightZ = 2;
			if (i == 1) {
				k.first = firstEl;
				k.right = firstEl + 1;
				k.left = lastEl;
				i = firstEl;
			} else if (i == 0) {
				k.first = lastEl;
				k.right = firstEl;
				k.left = lastEl - 1;
				i = lastEl;
			} else {
				k.first = i-1;
				k.right = i;
				k.left = i-2;
				i--;
			} 
			rollnav(k);
		}
		
		// click next
		$(id + " .next a").click(function(){	
			nextNav();
			return false;
		});
		
		// click prev
		$(id + " .prev a").click(function(){
			prevNav();
			return false;
		});
	
	
		// spostamenti
		function first(el) {
			$(el).css("z-index",10).animate({top:"14px", left:"107px", width:"115px"},400,function(){
				$(id + " .prodnav").html("<a href='" + $(el).parent().attr("href") + "'>" + $(el).attr("alt") + "</a>");
			});
		}
		function right(el) {
			$(el).css("z-index",leftZ).animate({top:"25px", left:"191px", width:"87px"},200);
		}
		function left(el) {
			$(el).css("z-index",rightZ).animate({top:"25px", left:"51px", width:"87px"},200);
		}
		
		function rollnav(k) {
			$(id + " ul li img").not($(images[k.right]),$(images[k.first]),$(images[k.left])).css("z-index",1);
			right(images[k.right]);
			first(images[k.first]);
			left(images[k.left]);
		}
		
		rollnav(k);
	}
}

$(document).ready(function(){
	shopnav("#shopnav_1");
	shopnav("#shopnav_2");
	shopnav("#shopnav_3");
	shopnav("#shopnav_4");
});