var current = 0;

function setCurrent(id)
{
	current = id;
}
	
	var sel = jQuery.noConflict();
	sel(document).ready(function() {

		// inits
		
		sel("#btn_left").css("visibility", "hidden");
		var maskWidth = sel("#mask").width();
		var insideWidth = sel("#inside").width();
		if(insideWidth <= maskWidth)
		{
			sel("#btn_right").css("visibility", "hidden");
		}
		sel(".projImg").fadeTo("fast", 0.5);
	
		// left btn
		sel("#btn_left").mouseover(function() {
			sel("#btn_left").attr("src", "files/btns/left_over.png");
		});
		sel("#btn_left").mouseout(function() {
			sel("#btn_left").attr("src", "files/btns/left_out.png");
		});
		sel("#btn_left").click(function() {
			sel("#btn_right").css("visibility", "visible");
			sel("#inside").filter(':not(:animated)').animate({marginLeft: "+=91px"}, "slow", "jswing", function(){
				var pos = - (sel("#inside").offset().left - sel("#mask").offset().left);
				if(pos <= 10)
				{
					sel("#btn_left").css("visibility", "hidden");
					sel("#inside").stop();
				}
			});
			
		});
		
		// right btn
		sel("#btn_right").mouseover(function() {
			sel("#btn_right").attr("src", "files/btns/right_over.png");
		});
		sel("#btn_right").mouseout(function() {
			sel("#btn_right").attr("src", "files/btns/right_out.png");
		});
		sel("#btn_right").click(function() {
			sel("#btn_left").css("visibility", "visible");
			sel("#inside").filter(':not(:animated)').animate({marginLeft: "-=91px"}, "slow", "jswing", function(){
				var pos = - (sel("#inside").offset().left - sel("#mask").offset().left);
				if(pos + maskWidth >= insideWidth - 10)
				{
					sel("#btn_right").css("visibility", "hidden");
					sel("#inside").stop();
				}
			});
		});
		
		//image
		sel(".projImg").mouseover(function() {
			sel(this).fadeTo("fast", 1);
		});
		sel(".projImg").mouseout(function() {
			sel(this).fadeTo("fast", 0.5);
		});
		
		
		
		function ajaxCall()
		{
			sel("#project").fadeTo("fast", 1);
		}
		
		function fadeCall(alt)
		{
			sel("#project").filter(':not(:animated)').load("loadProj.php?id=" + alt, ajaxCall);
			current = alt;
		}
		
		sel(".projImg").click(function() {
			var alt = sel(this).attr('alt');
			if(alt != current)
			{
				sel("#project").fadeTo("fast", 0, fadeCall(alt));
			}
		});	
	});