/*
  
  Banner tabs
  Show/Hide banner content

*/

$(window).load(function(){
	
	if(!$('#banner-tabs').length) return;
	if(!$('#banner .banner-content').length) return;
	
	$('#banner .banner-content').hide();
	$('#banner-1').show();
	
	$('#banner-tabs li a').each(function(i){
		$(this).click(function(){
			$('#banner-tabs li a').removeClass('active');
			$(this).addClass('active');
			$('#banner .banner-content').hide();
			$('#banner-'+(i+1)).show();
			return false;
		});
	});
});


/*

  Simple Slideshow
	Transitions based on jquery.innerfade.js 
	by Torsten Baldes http://medienfreunde.com
	based on the work of Matt Oakes http://portfolio.gizone.co.uk/applications/slideshow/
	
	Note: may replace this with jquery.cycle in the future.

*/
(function($) {

	$.fn.jewelryfade = function(options) {

		this.each(function(){ 	
		
			var settings = {
				speed: 'normal',
				timeout: 2000
			};
		
			if(options) $.extend(settings, options);		
			var elements = $(this).children();
	
			if (elements.length > 1) {			
				for ( var i = 0; i < elements.length; i++ ) {
					$(elements[i]).css('z-index', String(elements.length-i)).css('position', 'absolute');
					$(elements[i]).hide();
				};		
				setTimeout(function(){
					$.jewelryfade.next(elements, settings, 1, 0);
				}, settings.timeout);
				$(elements[0]).show();
			}	
		});
	};

	$.jewelryfade = function() {}
	$.jewelryfade.next = function (elements, settings, current, last) {

		$(elements[last]).fadeOut(settings.speed);
		$(elements[current]).fadeIn(settings.speed);

		if ( ( current + 1 ) < elements.length ) {
			current = current + 1;
			last = current - 1;
		} else {
			current = 0;
			last = elements.length - 1;
		}
		setTimeout((function(){$.jewelryfade.next(elements, settings, current, last);}), settings.timeout);
	};
})(jQuery);

/*

	Preload images and begin rotation

*/

$(window).load(function(){
	
	if(!$("#inside-photo").length) return;

	var images = new Array(
	  	'/images/site/banner/2010_mar/banner-photo-2.jpg',
		'/images/site/banner/2010_mar/banner-photo-3.jpg',
		'/images/site/banner/2010_mar/banner-photo-4.jpg'
	);
				
	for(var i = 0; i<images.length; i++){
		var img = $("<img>").attr("src", images[i]);
		$('#inside-photo').append(img);
	}

	$("#inside-photo").jewelryfade({
		speed: 2500,
		timeout: 5000
	});
});