function gs_array_content(arrayName, linkUrl) {
	var imgUrl = 'http://silver-stage.com/wp-content/themes/silver-stage/_jsbanner/images/' + arrayName;
	var arrayID = 'array-' + arrayName;
	var arrayHtml = '<a href="' + linkUrl + '"><div id="' + arrayID + '" class="main-array"><div class="diag1"><img class="t1-l1" src="' + imgUrl + '/t1-l1.jpg" /></div><div class="diag2"><img class="t1-l2" src="' + imgUrl + '/t1-l2.jpg" /><img class="t2-l1" src="' + imgUrl + '/t2-l1.jpg" /></div><div class="diag3"><img class="t1-l3" src="' + imgUrl + '/t1-l3.jpg" /><img class="t2-l2" src="' + imgUrl + '/t2-l2.jpg" /><img class="t3-l1" src="' + imgUrl + '/t3-l1.jpg" /></div><div class="diag4"><img class="t1-l4" src="' + imgUrl + '/t1-l4.jpg" /><img class="t2-l3" src="' + imgUrl + '/t2-l3.jpg" /><img class="t3-l2" src="' + imgUrl + '/t3-l2.jpg" /></div><div class="diag5"><img class="t1-l5" src="' + imgUrl + '/t1-l5.jpg" /><img class="t2-l4" src="' + imgUrl + '/t2-l4.jpg" /><img class="t3-l3" src="' + imgUrl + '/t3-l3.jpg" /></div><div class="diag6"><img class="t1-l6" src="' + imgUrl + '/t1-l6.jpg" /><img class="t2-l5" src="' + imgUrl + '/t2-l5.jpg" /><img class="t3-l4" src="' + imgUrl + '/t3-l4.jpg" /></div><div class="diag7"><img class="t1-l7" src="' + imgUrl + '/t1-l7.jpg" /><img class="t2-l6" src="' + imgUrl + '/t2-l6.jpg" /><img class="t3-l5" src="' + imgUrl + '/t3-l5.jpg" /></div><div class="diag8"><img class="t1-l8" src="' + imgUrl + '/t1-l8.jpg" /><img class="t2-l7" src="' + imgUrl + '/t2-l7.jpg" /><img class="t3-l6" src="' + imgUrl + '/t3-l6.jpg" /></div><div class="diag9"><img class="t1-l9" src="' + imgUrl + '/t1-l9.jpg" /><img class="t2-l8" src="' + imgUrl + '/t2-l8.jpg" /><img class="t3-l7" src="' + imgUrl + '/t3-l7.jpg" /></div><div class="diag10"><img class="t2-l9" src="' + imgUrl + '/t2-l9.jpg" /><img class="t3-l8" src="' + imgUrl + '/t3-l8.jpg" /></div><div class="diag11"><img class="t3-l9" src="' + imgUrl + '/t3-l9.jpg" /></div></div><div class="main-array-info"><img src="' + imgUrl + '/' + arrayName + '-info.png" /></div></a>';
	$(arrayHtml).appendTo('#banner');
}

function gs_collage_content(collageName) {
	var imgUrl = 'http://silver-stage.com/wp-content/themes/silver-stage/_jsbanner/images/' + collageName;
	var collageHtml = '<div id="' + collageName + '" class="collage"><div class="image1"><img src="' + imgUrl + '/image1.jpg"/></div><div class="image2"><img src="' + imgUrl + '/image2.jpg"/></div><div class="image3"><img src="' + imgUrl + '/image3.jpg"/></div><div class="image4"><img src="' + imgUrl + '/image4.jpg"/></div></div>';
	$(collageHtml).appendTo('#banner');
}

function gs_collage5_content(collageName) {
	var imgUrl = 'http://silver-stage.com/wp-content/themes/silver-stage/_jsbanner/images/' + collageName;
	var collageHtml = '<div id="' + collageName + '" class="collage"><div class="image1"><img src="' + imgUrl + '/image1.jpg"/></div><div class="image2"><img src="' + imgUrl + '/image2.jpg"/></div><div class="image3"><img src="' + imgUrl + '/image3.jpg"/></div><div class="image4"><img src="' + imgUrl + '/image4.jpg"/></div><div class="image5"><img src="' + imgUrl + '/image5.jpg"/></div></div>';
	$(collageHtml).appendTo('#banner');
}

function gs_main_array(arrayID){
	$('.main-array-info').css('height', '0px').show();
	$('.main-array-info img').hide();
	$(arrayID).children('div').each(function( idx ) {
		$(this).children('img').delay( idx * 100 ).fadeIn(100, 'linear');
	});
	$(arrayID).next().delay(1500).animate({height: 60}, 500).delay(4000).fadeOut(500);
	$(arrayID).next().find('img').delay(2000).fadeIn();
	$(arrayID).find('img').delay(6000).fadeOut(500);
}

function gs_collage(divID){  
	$(divID).each(function( idx ) {
	$(this).delay( idx * 500 ).fadeIn(750);
	});
}

function gs_config_options(){
$('#config-options-titles li').css('top','-500px').show();
$('#config-options-links li a').css('left', '-500px');
$('#config-options-subtitles li').hide();
$('#config-options').fadeIn(1000);
$('#config-options-titles li.title1').delay(2000).animate({'top':'35px'}, 500).delay(6500).fadeOut(500);
$('#config-options-subtitles li.title1').delay(3500).fadeIn(500).delay(5000).fadeOut(500);

$('#config-options-titles li.title2').delay(10000).animate({'top':'35px'}, 500).delay(5000).fadeOut(500);
$('#config-options-subtitles li.title2').delay(11500).fadeIn(500).delay(3500).fadeOut(500);

$('#config-options-titles li.title3').delay(17000).animate({'top':'35px'}, 500).delay(5000).fadeOut(500);
$('#config-options-subtitles li.title3').delay(18500).fadeIn(500).delay(3500).fadeOut(500);

$('#config-options-titles li.title4').delay(24000).animate({'top':'35px'}, 500);
$('#config-options-subtitles li.title4').delay(25500).fadeIn(500);

$('li.config-options-multi a').delay(4500).animate({'left':'680px'}, 500);
$('li.config-options-tri a').delay(4750).animate({'left':'460px'}, 500);
$('li.config-options-duo a').delay(5000).animate({'left':'240px'}, 500);
$('li.config-options-single a').delay(5250).animate({'left':'20px'}, 500);

} 

function gs_banner() {
	$('#grid-overlay').delay(1000).fadeIn(1000);
/*	setTimeout(function(){gs_config_options(); parameter = null},5000); */
	setTimeout(function(){gs_collage('#collage-tri > div'); parameter = null},2000);
	setTimeout(function(){gs_main_array('#array-tri'); parameter = null},7000);
	setTimeout(function(){gs_collage('#collage-tri2 > div'); parameter = null},14000);
	setTimeout(function(){gs_collage('#collage-duo > div'); parameter = null},19000);
	setTimeout(function(){gs_main_array('#array-duo'); parameter = null},24000);
	setTimeout(function(){gs_collage('#collage-single > div'); parameter = null},31000);
	setTimeout(function(){gs_main_array('#array-single'); parameter = null},36000);
	setTimeout(function(){gs_collage('#collage-single2 > div'); parameter = null},43000);
	setTimeout(function(){gs_collage('#collage-colour > div'); parameter = null},48000);
	setTimeout(function(){gs_main_array('#array-colour'); parameter = null},53000);
	setTimeout(function(){gs_collage('#collage-multi > div'); parameter = null},60000);
	setTimeout(function(){gs_main_array('#array-multi'); parameter = null},65000);
	setTimeout(function(){gs_collage('#collage-extras > div'); parameter = null},72000);
	setTimeout(function(){gs_main_array('#array-extras'); parameter = null},77000);
	setTimeout(function(){gs_config_options(); parameter = null},83000);
}


$(function() {

$('#banner-fill').delay(500).fadeIn(1000);

$('#silver-stage-logo')
	.delay(1500)
	.animate({'top':'44px'}, 1500, 'easeOutBounce');

	
$('#loading-message')
	.delay(2500)
	.fadeIn(500);



gs_collage_content('collage-tri');
gs_array_content('tri', 'http://silver-stage.com/trispan');
gs_collage_content('collage-tri2');
gs_collage_content('collage-duo');
gs_array_content('duo', 'http://silver-stage.com/duospan');
gs_collage_content('collage-single');
gs_array_content('single', 'http://silver-stage.com/saddlespan');
gs_collage5_content('collage-single2');
gs_collage_content('collage-colour');
gs_array_content('colour', 'http://silver-stage.com/configurations');
gs_collage_content('collage-multi');
gs_array_content('multi', 'http://silver-stage.com/configurations');
gs_collage_content('collage-extras');
gs_array_content('extras', 'http://silver-stage.com/extras');



$('.replay-link').click(function() {
	$('.collage > div').hide();
	$('li.config-options-single a').animate({'left':'-500px'}, 500);
	$('li.config-options-duo a').delay(250).animate({'left':'-500px'}, 500);
	$('li.config-options-tri a').delay(500).animate({'left':'-500px'}, 500);
	$('li.config-options-multi a').delay(750).animate({'left':'-500px'}, 500);
	$('#config-options').delay(1000).fadeOut();
	gs_banner();
	return false;
});


$('#banner').imagesLoaded( function() {
	$('#loading-message').stop(true).fadeOut(500);
	$('#silver-stage-logo').stop(true).hide("explode", { pieces: 64 }, 1000);
	
	gs_banner();
});





});
