// JavaScript Document
var showpiece_current_tab = null;
var showpiece_current_slide = null;
var showpiece_current_id = null;
var ani_time = 250;
var showpiece_path = '/images/showpiece/' + showpiece_extension;
$.init_slide = function(x) {
	if (x != showpiece_current_id) {
	var tab = $("#showpiece #tab-" + x);
	var slide = $("#showpiece #slide-" + x);
	if (showpiece_current_tab && showpiece_current_tab != tab) {
		
		var off_src = showpiece_current_tab.attr("src").replace("-selected.gif",".gif");	
		showpiece_current_tab.attr("src", off_src);
		
		if (x < showpiece_current_id) {
			ns_start = -1000;
		} else {
			ns_start = 1000;
		}
		slide.show().css({left: ns_start}).animate({left: 0}, ani_time);
		showpiece_current_slide.animate({left: 0-ns_start}, ani_time, function(){$(this).hide();});
	} else {
		slide.show();
		
		
	}
	
	if (tab.attr("src").indexOf("-over") == -1) {
		selected_src = tab.attr("src").replace(".gif","-selected.gif");	
	} else {
		selected_src = tab.attr("src").replace("-over.gif","-selected.gif");	
	}
	
	tab.attr("src", selected_src);
	
	showpiece_current_id = x;
	showpiece_current_tab = tab;
	showpiece_current_slide = slide;
	}
}
$(document).ready(function(){
	$("#showpiece-nav img").click(function(){
		var id=$(this).attr('id').split("-")[1];
		$.init_slide(id);
	});
	$("#showpiece-nav img").hover(
		function(){
			if($(this).attr("src").indexOf("-selected") == -1) {
				var newSrc = $(this).attr("src").replace(".gif","-over.gif");
				$(this).attr("src",newSrc);		
			}
		},
		function(){
			if($(this).attr("src").indexOf("-selected") == -1) {
				var newSrc = $(this).attr("src").replace("-over.gif",".gif");
				$(this).attr("src",newSrc);		
			}
	
		}
	);
	if (!showpiece_extension) {
		showpiece_extension = "";	
	}
	for (var y = 1; y <= 5; y++) {
		var selected_file = showpiece_path +  'tab' + y + '-selected.gif';
		var over_file = showpiece_path +  'tab' + y + '-over.gif';
		$.preloadImages(selected_file);
		$.preloadImages(over_file);
	}
	$.init_slide(1);
});