function updateItem(e, listItem, itemNum) {
	var currentCode = document.title.substring(document.title.lastIndexOf(" ") + 1);
	var newCode = currentCode.substring(0, currentCode.lastIndexOf("_") + 1) + $(listItem).attr("href").substring(1);
	var newCodeNumber = parseInt(newCode.substring(newCode.lastIndexOf("_") + 1));

	// Update product number in description
	$('.product-number').html($('.product-number').html().replace(currentCode, newCode));
	
	// Update window title
	//document.title = document.title.substring(0, document.title.lastIndexOf(" ")) + " " + newCode;
	document.title = document.title.replace(currentCode, newCode);

	// Update image
	var currentSrc = $(".box-text img:first").attr("src");
	var newSrc = currentSrc.replace(currentCode, newCode);
	$(".box-text img:first").attr("src", newSrc);
	$(".box-text img:first").attr("alt", newCode);
	
	// Change links				
	$('.link-holder a').attr("href", $('.link-holder a').attr("href").replace(currentCode, newCode));
	$(".box-text a").attr("href", $(".box-text a").attr("href").replace(currentCode, newCode));
	
	// Chage meta keywords
	$("meta[name=keywords]").attr("content", $("meta[name=keywords]").attr("content").replace(currentCode, newCode));
	
	// Remove active class from previous li				
	$('.gallery li').removeClass('active');
	$('.gallery li a').removeClass('active');

	// Add active class to current li
	$(listItem).addClass('active');
	
	
	// Update next/previous links
	$('a.next').attr("href", "#" + (newCodeNumber + 1));
	$('a.previous').attr("href", "#" + (newCodeNumber - 1));
	
	// Show / hiden previous & next buttons
	$('a.previous').css("visibility", listItem.parents("li").prev().children("a:first").attr("href") ? "visible" : "hidden");
	$('a.next').css("visibility", listItem.parents("li").next().children("a:first").attr("href") ? "visible" : "hidden");

	return false;
}

function init() {
		$('a.previous').css("visibility", "hidden");

		$('.gallery li a').each(function(_el){
			$(this).bind("click", function(e) { return updateItem(e, $(this)); });
		});
		
		$('a.next').bind("click", function(e) { 
			var myHref = $(this).attr("href");
			var listItem;
			var itemNum;
			
			$('.gallery li a').each(function(_el) {			
				if($(this).attr("href") == myHref) {
					listItem = $(this);
					itemNum = _el;
				}
			});
		
			return updateItem(e, listItem, itemNum);
		});
		
		
		$('a.previous').bind("click", function(e) { 			
			var myHref = $(this).attr("href");
			var listItem;
			var itemNum;
			
			$('.gallery li a').each(function(_el) {			
				if($(this).attr("href") == myHref) {
					listItem = $(this);
					itemNum = _el;
				}
			});
		
			return updateItem(e, listItem, itemNum); 
		});
}

 
$(document).ready(function() {init();});