$(function(){	

	//preload large images
	for(var i = 0; i<Settings.images.length; i++) {
		$("<img>").attr("src", Settings.images[i]);
	}
	
	//portfolio functions
	
	$("#showcase img").hide().fadeIn(600);

	$(".thumb").click(function(){
		var src = $(this).attr('href');
		var title = $(this).attr('title');
		
		$("#title_div p").fadeOut(600);
		$("#showcase img").fadeOut(600, function(){
			$("#showcase a").attr({ 'href': src });
			$("#showcase img").attr({ 'src': src, 'title': title });
			$("#title_div").html("<p>" + title + "</p>");
			$("#title_div p").fadeIn(600);
		});
		
		$("#showcase img").fadeIn(600);						
		
		return false;
	});
	
	//play slideshow
	$("#play_div").hide();
	$("#play_div").click(function(){
	    Settings.i = 0;
		var imgs = Settings.images;
		
		var slideshow = setInterval(advance_img, 3000, imgs[Settings.i]); 
		//alert(imgs[0]);
	});
	
	//upload actions
	$("#file").change(function(){ //format a title from the file input when user selects a file
		var val = $(this).val();
		var title = val.replace('.jpg', '').replace('.png', '').replace('.gif', '');
		$("#title").val(title); //put formatted file name in the title text input field
	});
	
});

function advance_img(file_name) {
	var src = file_name;
	var title = file_name.replace('portfolio/', '').replace('.jpg', '').replace('.png', '').replace('.gif', '');
	
	$("#title_div p").fadeOut(600);
	$("#showcase img").fadeOut(600, function(){
		$("#showcase a").attr({ 'href': src });
		$("#showcase img").attr({ 'src': src, 'title': title });
		$("#title_div").html("<p>" + title + "</p>");
		$("#title_div p").fadeIn(600);
	});
	
	$("#showcase img").fadeIn(600);		
	alert(file_name);
	Settings.i++;
}

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