$(document).ready(function() {
	var imageArray = new Array(
		setImage("images/slide1-photo.jpg"),
		setImage("images/slide2-photo.jpg"),
		setImage("images/slide3-photo.jpg"),
		setImage("images/slide4-photo.jpg")
	);

	var vectorArray = new Array(
		new Array(
			setVector(18,73,146,932,255,255,255,0.8),
			setVector(62,73,219,0,185,176,158,0.7),
			setVector(131,73,219,760,255,255,255,0.3),
			setVector(59,73,219,891,173,160,142,0.7),
			setVector(200,73,292,498,255,255,255,1),
			setVector(252,73,292,698,255,255,255,0.6)
		),
		new Array(
			setVector(97,73,146,853,134,42,38,0.6),
			setVector(62,73,219,0,134,42,38,1),
			setVector(176,73,219,495,255,255,255,1),
			setVector(279,73,219,671,134,42,38,0.3),
			setVector(309,73,292,0,255,255,255,0.2),
			setVector(0,73,0,0,0,0,0,0)
		),
		new Array(
			setVector(380,73,146,0,255,255,255,1),
			setVector(143,73,219,0,173,160,141,0.7),
			setVector(99,73,219,851,255,255,255,0.6),
			setVector(556,73,292,0,255,255,255,0.3),
			setVector(23,73,292,927,182,172,156,0.7),
			setVector(0,73,0,0,0,0,0,0)
		),
		new Array(
			setVector(148,73,0,0,174,170,87,0.8),
			setVector(479,73,73,0,255,255,255,0.8),
			setVector(420,73,292,498,255,255,255,1),
			setVector(32,73,292,918,170,170,87,0.6),
			setVector(0,73,0,0,0,0,0,0),
			setVector(0,73,0,0,0,0,0,0)
		)
	);

	initInterval = setInterval(animInit,30);

	function animInit() {
		var allLoaded = true;
		for(var i = imageArray.length-1; i>=0; i--) {
			if(!imageArray[i].loaded) {
				allLoaded = false;

				var img = new Image();
				img.src = imageArray[i].source;
				if(img.complete) {
					imageArray[i].image = img;
					imageArray[i].loaded = true;
				}
			}
		}

		if(allLoaded) {
			clearInterval(initInterval);
			draw();

			return true;
		} else {
			return false;
		}
	}

	function draw() {
		var vectorDraw = 2000;
		var vectorWait = 2500;
		var vectorFade = 500;
		
		var photoDraw = 500;
		var photoWait = 4000;
		var photoFade = 500;
		
		var textDraw = 2500;

		for(var i = vectorArray[0].length-1; i>=0; i--) {
			$("#fancy"+(i+1)).css({top:vectorArray[0][i].top+"px",left:vectorArray[0][i].left+"px",background:"rgb("+vectorArray[0][i].red+","+vectorArray[0][i].green+","+vectorArray[0][i].blue+")"}).animate({width:vectorArray[0][i].width+"px",opacity:vectorArray[0][i].opacity},vectorDraw).delay(vectorWait).animate({opacity:0},vectorFade);
		}
		$("#fancy5 div").html("Find your Style").css({top:vectorArray[0][4].top+"px",left:vectorArray[0][4].left+"px",background:"none",width:vectorArray[0][4].width+"px"}).delay(textDraw).animate({opacity:"1"});
		$("#bannerimg").delay(photoDraw + photoWait).animate({opacity:0},photoFade,function() {
			$("#fancy5 div").css({opacity:"0",width:"0"});
			for(var i = vectorArray[1].length-1; i>=0; i--) {
				$("#fancy"+(i+1)).css({top:vectorArray[1][i].top+"px",left:vectorArray[1][i].left+"px",background:"rgb("+vectorArray[1][i].red+","+vectorArray[1][i].green+","+vectorArray[1][i].blue+")"}).animate({width:vectorArray[1][i].width+"px",opacity:vectorArray[1][i].opacity},vectorDraw).delay(vectorWait).animate({opacity:0},vectorFade);
			}
			$("#fancy3 div").html("Get inspired").css({top:vectorArray[1][2].top+"px",left:vectorArray[1][2].left+"px",background:"none",width:vectorArray[1][2].width+"px"}).delay(textDraw).animate({opacity:"1"});
			$("#bannerimg").attr("src",imageArray[1].source).animate({opacity:1},photoDraw).delay(photoWait).animate({opacity:0},photoFade,function() {
				$("#fancy3 div").css({opacity:"0",width:"0"});
				for(var i = vectorArray[2].length-1; i>=0; i--) {
					$("#fancy"+(i+1)).css({top:vectorArray[2][i].top+"px",left:vectorArray[2][i].left+"px",background:"rgb("+vectorArray[2][i].red+","+vectorArray[2][i].green+","+vectorArray[2][i].blue+")"}).animate({width:vectorArray[2][i].width+"px",opacity:vectorArray[2][i].opacity},vectorDraw).delay(vectorWait).animate({opacity:0},vectorFade);
				}
				$("#fancy1 div").html("Imagine").css({top:vectorArray[2][0].top+"px",left:vectorArray[2][0].left+"px",background:"none",width:vectorArray[2][0].width+"px"}).delay(textDraw).animate({opacity:"1"});
				$("#bannerimg").attr("src",imageArray[2].source).animate({opacity:1},photoDraw).delay(photoWait).animate({opacity:0},photoFade,function() {
					$("#fancy1 div").css({opacity:"0",width:"0"});
					for(var i = vectorArray[3].length-1; i>=0; i--) {
						$("#fancy"+(i+1)).css({top:vectorArray[3][i].top+"px",left:vectorArray[3][i].left+"px",background:"rgb("+vectorArray[3][i].red+","+vectorArray[3][i].green+","+vectorArray[3][i].blue+")"}).animate({width:vectorArray[3][i].width+"px",opacity:vectorArray[3][i].opacity},vectorDraw);
					}
					$("#fancy2 div").html("Because life takes place in the kitchen™").css({top:vectorArray[3][1].top+"px",left:vectorArray[3][1].left+"px",background:"none",width:vectorArray[3][1].width+"px"}).delay(textDraw).animate({opacity:"1"});
					$("#fancy3 div").html("Fine custom cabinetry").css({top:vectorArray[3][2].top+"px",left:vectorArray[3][2].left+"px",background:"none",width:vectorArray[3][2].width+"px"}).delay(textDraw).animate({opacity:"1"});
					$("#bannerimg").attr("src",imageArray[3].source).animate({opacity:1},photoDraw);
					$("#fancy3 div").delay(3000).fadeOut("fast",function() {
						$("#fancy3 div").html("<a href=\"/inspire/\">Find your style and get inspired</a>").fadeIn("fast");
					});
				});
			});
		});
	}

	function ImageObject() {
		this.image = false;
		this.source = false;
		this.loaded = false;
	}

	function VectorObject() {
		this.height = 1;
		this.width = 1;
		this.red = 255;
		this.green = 255;
		this.blue = 255;
		this.opacity = 1;
		this.top = 0;
		this.left = 0;
	}

	function setImage(imgpath) {
		var i = new ImageObject();
		i.source = imgpath;

		return i;
	}

	function setVector(width,height,top,left,red,green,blue,opacity) {
		var v = new VectorObject();
		v.red = red;
		v.green = green;
		v.blue = blue;
		v.opacity = opacity;
		v.width = width;
		v.height = height;
		v.top = top;
		v.left = left;

		return v;
	}
});