var file;

//function app(url) { return url.pathname.split('/')[url.pathname.split('/').length-1]; }
//function number(url) { return url.hash.substring(1, url.hash.length);	}

function transition(url) 
{
	//alert('transition: ' + 'img/' + file);
	
	/* 
	app = url.pathname.split('/')[url.pathname.split('/').length-1];
	number = url.hash.substring(1, url.hash.length);
	$("#screenshot").fadeOut("fast", function() { 
		$("#screenshot").attr("src", "img/" + app + "/iphone_" + app + "_" + number + ".jpg");
		$(this).fadeIn("slow"); 
	});
	*/

	$("#screenshot").fadeOut("fast", function() { 
		$("#screenshot").attr("src", "img/" + file);
		$(this).fadeIn("slow"); 
	});
}

function clean(current)
{
	pages = new Array ('#ss_1', '#ss_2', '#ss_3', '#ss_4', '#ss_5', '#ss_6');
	
	for(i=0; i<pages.length; i++)
		$(pages[i]).attr("class", "off");
		
	$(current).attr("class", "on");
}


$.preloadImages = function()
{
  for (var i = 0; i<arguments.length; i++)
  	jQuery("<img>").attr("src", arguments[i]);
}


function swap(to_file)
{
	//alert('swap: ' + to_file);

	file = to_file;
}


$(document).ready(function() 
{
	$("#ss_1").click(function(){ transition(this); clean("#ss_1"); });
	$("#ss_2").click(function(){ transition(this); clean("#ss_2"); });
	$("#ss_3").click(function(){ transition(this); clean("#ss_3"); });
	$("#ss_4").click(function(){ transition(this); clean("#ss_4"); });
	$("#ss_5").click(function(){ transition(this); clean("#ss_5"); });
	$("#ss_6").click(function(){ transition(this); clean("#ss_6"); });
});