// JavaScript Document
(function($){
	
	$.fn.tabbed_interface = function(options) {
		
		var defaults = {
			switch_duration: 500,
			auto_switch: true,
			auto_switch_delay: 5000,
			initial_pane: ""
		};
		
		var options = $.extend(defaults, options);
		
		return this.each(function(el) {
			
			el = this;
			var thisTimer;
			var thisTab = options.initial_pane;

			if(thisTab == "") {
				$('ul li:first a', $(el)).addClass("active");
				$(el).children("div").not(":first").hide();
			} else {
				$('ul li a[rel="'+thisTab+'"]', $(el)).addClass("active");
				$(el).children("div").not(thisTab).hide();
			}
			
			function showPane(paneId) {
				if(paneId != thisTab)
				{
					thisTab = paneId;
					$(el).children("div").fadeOut(options.switch_duration/2).filter(paneId).fadeIn(options.switch_duration/2);
					$(el).children("ul").children("li").children("a").removeClass('active');
					$('ul li a[rel="'+thisTab+'"]', $(el)).addClass("active");
				}
				else
				{
					if(options.initial_pane != "") { showPane(options.initial_pane); }
				}
			}
			
			$(el).children("ul").children("li").children("a").click(function(){
				showPane($(this).attr("rel"));
				$(this).blur();
				return false;
			});

			if(options.auto_switch)
			{
				$(el).bind("tabTimer", function() {
					clearTimeout(thisTimer);
					thisTimer = setTimeout(function(){
						var my_id = 
							$(el).children("div").not(":hidden").next().attr("id") || 
							$(el).children("div").not(":hidden").siblings("div").filter(":first").attr("id");
						showPane("#" + my_id);
						$(el).trigger("tabTimer");
					},options.auto_switch_delay);
				});
				$(el).trigger("tabTimer");
			}
			
			$(el).hover(
				function(){
					clearTimeout(thisTimer);
					$(el).addClass("over");
				},
				function(){
					$(el).removeClass("over").trigger("tabTimer");
				}
			);
			
		});
	}
	
})(jQuery);


$(document).ready(function(){
	$("#paneGroup").tabbed_interface({auto_switch_delay:6000, switch_duration:1000, initial_pane:'#default'});

	// preload images
	var imgs = ['tab-first-dn.png','tab-last-dn.png','tab-dn.png'];
	for(var x=0; x<imgs.length; x++)
		$('<img />').attr('src', '/corporate/sustainability/2010/images/' + imgs[x]);
});