$(document).ready(function(){	
	$('#steel li a').lightBox();
	$('#aluminium li a').lightBox();
	$('#wood li a').lightBox();
	$('#ennex-100 li a').lightBox();
	$('#sculpture li a').lightBox();
	$('#furniture li a').lightBox();
	
	// STEEL
	var conveyor1 = $(".conveyor", $("#steel"));
	var sliderOpts1 = {
		max: (parseInt(conveyor1.css("width")) - parseInt($(".viewer", $("#steel")).css("width"))),
		slide: function(e, ui) { 
			conveyor1.css("left", "-" + ui.value + "px");
		}
	};
	$("#steelSlider").slider(sliderOpts1);
	
	// ALUMINIUM
	var conveyor2 = $(".conveyor", $("#aluminium"));
	var sliderOpts2 = {
		max: (parseInt(conveyor2.css("width")) - parseInt($(".viewer", $("#aluminium")).css("width"))),
		slide: function(e, ui) { 
			conveyor2.css("left", "-" + ui.value + "px");
		}
	};
	$("#aluminiumSlider").slider(sliderOpts2);
	
	// WOOD
	var conveyor3 = $(".conveyor", $("#wood"));
	var sliderOpts3 = {
		max: (parseInt(conveyor3.css("width")) - parseInt($(".viewer", $("#wood")).css("width"))),
		slide: function(e, ui) { 
			conveyor3.css("left", "-" + ui.value + "px");
		}
	};
	$("#woodSlider").slider(sliderOpts3);
	
	// ENNEX-100
	var conveyor4 = $(".conveyor", $("#ennex-100"));
	var sliderOpts4 = {
		max: (parseInt(conveyor4.css("width")) - parseInt($(".viewer", $("#ennex-100")).css("width"))),
		slide: function(e, ui) { 
			conveyor4.css("left", "-" + ui.value + "px");
		}
	};
	$("#ennex-100Slider").slider(sliderOpts4);
	
	// SCULPTURE
	var conveyor5 = $(".conveyor", $("#sculpture"));
	var sliderOpts5 = {
		max: (parseInt(conveyor5.css("width")) - parseInt($(".viewer", $("#sculpture")).css("width"))),
		slide: function(e, ui) { 
			conveyor5.css("left", "-" + ui.value + "px");
		}
	};
	$("#sculptureSlider").slider(sliderOpts5);
	
	// FURNITURE
	var conveyor6 = $(".conveyor", $("#furniture"));
	var sliderOpts6 = {
		max: (parseInt(conveyor6.css("width")) - parseInt($(".viewer", $("#furniture")).css("width"))),
		slide: function(e, ui) { 
			conveyor6.css("left", "-" + ui.value + "px");
		}
	};
	$("#furnitureSlider").slider(sliderOpts6);

	// tabs
	$("#content").tabs();
	// tooltip
	tooltip();
});