/*

	Pete Mason - pete@indigo66.co.uk
	2010-06-14
	
	Custom JS for Triton

*/

//------------------------------------------------------------------

//add the images here
var triton_carousel_images = [
	'triton_home_banner800.jpg',
	'triton_home_seq_bannerA.jpg',
	'triton_home_seq_bannerB.jpg',
	'triton_home_seq_bannerC.jpg',
	'triton_home_seq_bannerD.jpg',
	'triton_home_seq_bannerE.jpg',
	'triton_home_seq_bannerF.jpg'
];



//the root directory for the images (needs to be absolute, or relative to the HTML page)
var triton_carousel_images_dir = '/assets/carousel/';

//------------------------------------------------------------------



jQuery(document).ready(function() {
	//set up the header
	var page_header = jQuery('#pageheader');
	page_header.css( {	"position": "relative",
						'overflow': 'hidden',
						'padding': 0,
						'height': '197px' });

	//add a hidden div to the page header;
	images_div = jQuery("<div />")
					.addClass("carousel")
					.css( {	'display': 'none' });
	
	for(i=0; i < triton_carousel_images.length; i++ ) {
		//add the images to the DOM, so we can use for a
		images_div.append(
				jQuery("<img />")
					.attr( { "src": triton_carousel_images_dir + triton_carousel_images[i],
							 'alt': '' })
					.css( {	'margin-top': '-13px' } )
			);
	}
	
	page_header.prepend( images_div );
	jQuery("div.carousel").css("display", "block");
	
	page_header.css( { 'background-image': "url('/assets/carousel/triton_carousel_grey.jpg')" } );
	
	//finally, do the carousel!
	jQuery("div.carousel").innerfade( {
		timeout: 5000,
		speed: 1000
	});
});