$(document).ready(function() {
	// get this to work!!!!!!
	// $.preloadCssImages({ imgDir: 'images' });
//	init();
	var host = (window.location.hostname == 'localhost' || window.location.hostname == '192.168.1.6') 
	    		? window.location.hostname+':4567' 
	    		: 'services.three60.com';
	
	$('#unfurl-viewport').unfurl({
		account: 4,
		baseUrl: 'http://'+host+'/unfurl',
		thumbnailScroller: true,
		thumbnailScrollerHeight: 500,
		albumSelectedIndicator: '*',
		slideshowSpeed: 2,
		onLoaded:function(){
			// $('#unfurl-viewport').fadeIn();
			// $.fn.unfurl.makeScrollable();
		}
	});
	
	$('#unfurl-close-link').click(function(){
		$('#unfurl-viewport').slideUp();
		$('#content').show();
	});
	
	$('#portfolio_link').click(function(){
		$('#content').fadeOut();
		$('#unfurl-viewport').slideDown();
		$.fn.unfurl.makeScrollable();
	});
	
	introSplash();
});

function init() {
	// $('body').css("background-color", "#0D2D40")
	$('#splash_bug').css("display", "none");
	$('#header').css("display", "block");
	$('#content_area').css("display", "block");
	$('#footer').css("display", "block");
	$('#menu').css("display", "block");
	$('#credits').css("display", "block");
	// 
	// $("li.image").hover(function(){
	// 	var image_on = $(this).attr("id").replace('_', '_on_');
	// 	$(this).css("backgroundImage", "url(images/"+image_on+".jpg)");	
	// },function(){
	// 	var image_off = $(this).attr("id").replace('_', '_off_');
	// 	$(this).css("backgroundImage", "url(images/"+image_off+".jpg)");	
	// });
	// 
	// $("li.image").each(function(){
	// 	var image_off = $(this).attr("id").replace('_', '_off_');
	// 	$(this).css("backgroundImage", "url(images/"+image_off+".jpg)");	
	// 	$(this).css("opacity", "0");
	// 	$(this).click(function(){
	// 		// togglePholio();
	// 		$("#pholio").slideDown("fast");
	// 		return false;
	// 	});
	// });
	// 
	// var timer = setInterval(doFades, 300);
	// var num = 0;
	// 
	// function doFades(){
	// 	num++;
	// 	var e = $("li.image");
	// 	var image = $(e[num-1]);
	// 	
	// 	image.animate({opacity:100}, 5000);
	// 
	// 	if(num >= 5){
	// 		clearInterval(timer);
	// 	}
	// }   
}

function introSplash(){
	// $('body').css("background-color", "#0D2D40")
	$('#splash_bug').css("opacity", "0");
	$('#header').css("display", "none");
	$('#content_area').css("display", "none");
	$('#menu').css("display", "none");
	$('#footer').css("display", "none");
	$('#credits').css("display", "none");
	
	$('#splash_bug').animate({opacity:100}, 1000, function(){ 
		$('#splash_bug').animate({opacity:0}, 2000, init);
	});
}