$(document).ready(function(){
	$pause = false;
	$timeout = null;
	$('.featureGraphic').css('opacity', '0');
	$('.featurePromo').css('opacity', '0');
	$('.featureButton').css('opacity', '0');
	window.onload = startSlideshow;
	$('#slideSelector1').click(function(){
		$pause = true;
		clearTimeout($timeout);
		$('#slideSelector2').css('background-image','url("images/slideSelector.png")');
		$('#slideSelector3').css('background-image','url("images/slideSelector.png")');
		setUpSlide1();
		$('#featureGraphic').animate({
			left : '50%', opacity : '1'
			},
			750,
			function(){
				$('#featurePromo').animate({
					left : '50%', opacity : '1'
					},
					500,
					function(){
						$('.featureButton').animate({
							opacity : '1'
							},
							750
						);
					}
				);
			}
		);
		$('#slideSelector1').css('background-image','url("images/slideSelectorActive.png")');
	});
	$('#slideSelector2').click(function(){
		$pause = true;
		clearTimeout($timeout);
		$('#slideSelector1').css('background-image','url("images/slideSelector.png")');
		$('#slideSelector3').css('background-image','url("images/slideSelector.png")');
		setUpSlide2();
		$('#featureGraphic').animate({
			left : '50%', opacity : '1'
			},
			750,
			function(){
				$('#featurePromo').animate({
					left : '50%', opacity : '1'
					},
					500,
					function(){
						$('#featureDetails').animate({
							opacity : '1'
							},
							750
						);
					}
				);
			}
		);
		$('#slideSelector2').css('background-image','url("images/slideSelectorActive.png")');
	});
	$('#slideSelector3').click(function(){
		$pause = true;
		clearTimeout($timeout);
		$('#slideSelector1').css('background-image','url("images/slideSelector.png")');
		$('#slideSelector2').css('background-image','url("images/slideSelector.png")');
		setUpSlide3();
		$('#featureGraphic').animate({
			top : '0px', opacity : '1'
			},
			750,
			function(){
				$('#featurePromo').animate({
					left : '50%', opacity : '1'
					},
					500,
					function(){
						$('.featureButton').animate({
							opacity : '1'
							},
							750
						);
					}
				);
			}
		);
		$('#slideSelector3').css('background-image','url("images/slideSelectorActive.png")');
	});
});
function startSlideshow(){
	slideInGraphic1();
	var preload2 = new Image();
	preload2.src = "images/featureGraphicImageSpringfield.png";
	var preload3 = new Image();
	preload3.src = "images/featureGraphicBackdropSpringfield.png";
	var preload4 = new Image();
	preload4.src = "images/featureHeaderSpringfield.png";
	var preload5 = new Image();
	preload5.src = "images/featureHeaderWedding.png";
	var preload6 = new Image();
	preload6.src = "images/featureGraphicWedding.png";
	var preload7 = new Image();
	preload7.src = "images/featureButtonSpriteWedding.png";
}
function slideInGraphic1(){
	if($pause == false){
		setUpSlide1();
		$('#featureGraphic').animate({
			left : '50%', opacity : '1'
			},
			750,
			function(){
				if($pause == false){
					slideInPromo1();
				}
			}
		);
		$('#slideSelector1').css('background-image','url("images/slideSelectorActive.png")');
	}
}
function slideInPromo1(){
	if($pause == false){
		$('#featurePromo').animate({
			left : '50%', opacity : '1'
			},
			500,
			function(){
				if($pause == false){
					$timeout = setTimeout("fadeInButton1()", 250);
				}
			}
		);
	}
}
function fadeInButton1(){
	if($pause == false){
		$('.featureButton').animate({
			opacity : '1'
			},
			750,
			function(){
				if($pause == false){
					$timeout = setTimeout("slideOutGraphic1()", 3000);
				}
			}
		);
	}
}
function slideOutGraphic1(){
	if($pause == false){
		$('#featureGraphic').animate({
			left : '100%', opacity : '0'
			},
			750
		);
		$('#featurePromo').animate({
			left : '100%', opacity : '0'
			},
			750,
			function(){
				if($pause == false){
					$timeout = setTimeout("slideInGraphic2()", 250);
				}
			}
		);
	}
}
function slideInGraphic2(){
	if($pause == false){
		setUpSlide2();
		$('#featureGraphic').animate({
			left : '50%', opacity : '1'
			},
			750,
			function(){
				if($pause == false){
					slideInPromo2();
				}
			}
		);
		$('#slideSelector2').css('background-image','url("images/slideSelectorActive.png")');
	}
}
function slideInPromo2(){
	if($pause == false){
		$('#featurePromo').animate({
			left : '50%', opacity : '1'
			},
			500,
			function(){
				if($pause == false){
					$timeout = setTimeout("fadeInButton2()", 250);
				}
			}
		);
	}
}
function fadeInButton2(){
	if($pause == false){
		$('#featureDetails').animate({
			opacity : '1'
			},
			750,
			function(){
				if($pause == false){
					$timeout = setTimeout("slideOutGraphic2()", 3000);
				}
			}
		);
	}
}
function slideOutGraphic2(){
	if($pause == false){
		$('#featureGraphic').animate({
			left : '100%', opacity : '0'
			},
			750
		);
		$('#featurePromo').animate({
			left : '100%', opacity : '0'
			},
			750,
			function(){	
				if($pause == false){
					$timeout = setTimeout("slideInGraphic3()", 250);
				}
			}
		);
	}
}
function slideInGraphic3(){
	if($pause == false){
		setUpSlide3();
		$('#featureGraphic').animate({
			top: '0px', opacity : '1'
			},
			750,
			function(){ 
				if($pause == false){
					slideInPromo3();
				}
			}
		);
		$('#slideSelector3').css('background-image','url("images/slideSelectorActive.png")');
	}
}
function slideInPromo3(){
	if($pause == false){
		$('#featurePromo').animate({
			left : '50%', opacity : '1'
			},
			500,
			function(){ 
				if($pause == false){
					$timeout = setTimeout("fadeInButton3()", 250);
				}
			}
		);
	}
}
function fadeInButton3(){
	if($pause == false){
		$('.featureButton').animate({
			opacity : '1'
			},
			750,
			function(){
				if($pause == false){
					$timeout = setTimeout("slideOutGraphic3()", 3000);
				}
			}
		);
	}
}
function slideOutGraphic3(){
	if($pause == false){
		$('#featureGraphic').animate({
			left : '100%', opacity : '0'
			},
			750
		);
		$('#featurePromo').animate({
			left : '100%', opacity : '0'
			},
			750,
			function(){	
				if($pause == false){
					$timeout = setTimeout("slideInGraphic1()", 250);
				}
			}
		);
	}
}
function setUpSlide1(){
	$('#slideSelector3').css('background-image','url("images/slideSelector.png")');
	$('#featureGraphic').attr('src','images/featureImageBusinessCards.png');
	$('#featureGraphic').css('left','-500px');
	$('#featureGraphic').css('margin-left','80px');
	$('#featureGraphic').css('margin-top','0px');
	$('#featurePromo').css('left','-500px');
	$('#featurePromo').css('margin-left','-400px');
	$('#featureHeadline').attr('src','images/500free.png');
	$('#featureDetails').attr('src','images/addedToYourPurchase.png');
	$('#featureDetails').css('display','block');
	$('#featureDetails').css('margin-left','0px');
	$('#featureDetails').css('margin-top','0px');
	$('.featureButton').attr('id','featureButtonBusinessCards');
	$('.featureButton').attr('href','orderPromo.php');
	$('.featureButton').css('display','block');
	$('.featureButton').css('opacity','0');
}
function setUpSlide2(){
	$('#slideSelector1').css('background-image','url("images/slideSelector.png")');
	$('#featureGraphic').attr('src','images/featureGraphicImageSpringfield.png');
	$('#featureGraphic').css('left','100%');
	$('#featureGraphic').css('margin-left','-400px');
	$('#featureGraphic').css('margin-top','175px');
	$('#featurePromo').css('left','-500px');
	$('#featurePromo').css('margin-left','-400px');
	$('#featureHeadline').attr('src','images/featureHeaderSpringfield.png');
	$('#featureDetails').attr('src','images/featureGraphicBackdropSpringfield.png');
	$('#featureDetails').css('display','block');
	$('#featureDetails').css('margin-left','0px');
	$('#featureDetails').css('margin-top','-100px');
	$('#featureDetails').css('opacity','0');
	$('.featureButton').css('display','none');
}
function setUpSlide3(){
	$('#slideSelector2').css('background-image','url("images/slideSelector.png")');
	$('#featureGraphic').attr('src','images/featureGraphicWedding.png');
	$('#featureGraphic').css('top','250px');
	$('#featureGraphic').css('left','50%');
	$('#featureGraphic').css('margin-left','80px');
	$('#featureGraphic').css('margin-top','50px');
	$('#featurePromo').css('left','-500px');
	$('#featurePromo').css('margin-left','-400px');
	$('#featureHeadline').attr('src','images/featureHeaderWedding.png');
	$('#featureHeadline').css('margin-left','0px');
	$('#featureHeadline').css('margin-top','0px');
	$('#featureDetails').css('display','none');
	$('.featureButton').css('display','block');
	$('.featureButton').css('opacity','0');
	$('.featureButton').attr('id','featureButtonWedding');
	$('.featureButton').attr('href','wedding-invitations.php');
}