$(document).ready(function() {
	var leftside=-(document.documentElement.clientWidth/2)+'px';
	$('#box').html($('#box-00').html());
    $("#logo").css("top","100px").show();
    $(".link").css("top","100px");
    $("#tag-01").css("left",leftside).show();
    $("#tag-02").css("left",leftside).show();
    $("#tag-03").css("left",leftside).show();
    $("#buttons").css("top","185px");
    //$("#login").css("top","-90px").show();
	$("img.roll").hover(
		function(){
			this.src=this.src.replace("-off","-on");
			var box=$(this).attr('id');
			$('#box-content').fadeOut('fast');
			$('#box').html($('#box-'+box).html());
			$('#box-content').fadeIn('fast');
		},
		function(){
			this.src=this.src.replace("-on","-off");
			$('#box-content').fadeOut('fast');
			$('#box').html($('#box-00').html());
			$('#box-content').fadeIn('fast');
		}
	);
//	var urls=['btn-01','btn-02','btn-03'];
//	$.preload( urls, {
//		base:'../img/',
//		ext:'-on.gif'
//	});
});
$(window).load(function() {
	$("#logo").animate({"top":"0"},1000,"easeOutBack");
	$("#nav").show();
	setTimeout( function(){ $("#info").fadeIn(3000); }, 0);
	setTimeout( function(){ $("#box-content").fadeIn(3000); }, 0);
	setTimeout( function(){ $("#buttons").show().animate({"top": "360px"},3000,"easeOutQuad"); }, 0);
	setTimeout( function(){ $("#home").animate({"top": "0"},1000,"easeOutBack"); }, 100);
	setTimeout( function(){ $("#bbuild").animate({"top":"0"},1000,"easeOutBack"); }, 200);
	setTimeout( function(){ $("#mer").animate({"top":"0"},1000,"easeOutBack"); }, 300);
	//setTimeout( function(){ $("#login").animate({"top":"0"},1000,"easeOutQuad"); }, 400);
	setTimeout( function(){ $("#sales").animate({"top":"0"},1000,"easeOutBack"); }, 400);
	setTimeout( function(){ $("#con").animate({"top":"0"},1000,"easeOutBack"); }, 500);
	setTimeout( function(){ $("#about").animate({"top":"0"},1000,"easeOutBack"); }, 600);
	setTimeout( function(){ $("#contact").animate({"top":"0"},1000,"easeOutBack"); }, 700);
	setTimeout( function(){ $("#news").animate({"top":"0"},1000,"easeOutBack"); }, 800);
	setTimeout( function(){ $("#tag-03").animate({"left":"219px"},2000,"easeOutQuad"); }, 800);
	setTimeout( function(){ $("#tag-02").animate({"left":"116px"},2000,"easeOutQuad"); }, 1200);
	setTimeout( function(){ $("#tag-01").animate({"left":"38px"},2000,"easeOutQuad"); }, 1600);
});