var base="http://thumbtackstudios.com/";
//var base="http://thumbtackstudios.com/beta/thumbtack-studios/";

var imgArray=[];
for (var i=0;i<20;i++){
	imgArray[i]=new Image();
};
imgArray[0].src=base+"images/thumbtacks.jpg";
imgArray[1].src=base+"images/logo-header.jpg";
imgArray[2].src=base+"images/banner.jpg";
imgArray[3].src=base+"images/vertical-bar.gif";
imgArray[4].src=base+"images/process-links1.gif";
imgArray[5].src=base+"images/bullet.gif";
imgArray[6].src=base+"images/logo.gif";

var xhr_imgs1 = function() {
	$.ajax({
	   type: 'GET',
	   url: base+'js/images1.js',
	   dataType: 'script',
	   complete: function(){
		   xhr_imgs2();
	   }
	})
};
var xhr_imgs2 = function() {
	$.ajax({
	   type: 'GET',
	   url: base+'js/images2.js',
	   dataType: 'script',
	   complete: function() {
		   xhr_imgs3();
	   }
	})
};
var xhr_imgs3 = function() {
	$.ajax({
	   type: 'GET',
	   url: base+'js/images3.js',
	   dataType: 'script'
	})
};

$(function(){
	$('#overlay').fadeOut(400);
	$(window).bind("load", function() {
		xhr_imgs1();
	});
	$('#back').mouseover(function (){$(this).attr('src','images/back-hover.jpg')});
	$('#back').mouseout(function (){$(this).attr('src','images/back.jpg')});
	$('#next').mouseover(function (){$(this).attr('src','images/next-hover.jpg')});
	$('#next').mouseout(function (){$(this).attr('src','images/next.jpg')});
	$('#process-title').fadeTo(1000,1);
})