$(document).ready(function() {

	
	/*
	 * Set the fade delays
	 */
	var newsdelay = 20000;
	var eventsdelay = 10000;
	var recommenddelay = 10000;

	/*
	 * Force the fading panels to overlap inside the wrapper.
	 * Perhaps not an ideal solution as it constrains the panels to the size
	 * of their parent. Although at least the panel won't be resizing all the time
	 * as the content changes.
	 */
	
	// panels
	$('#panelwrapper').height(370);
	$('#newspanel').height(370);
	$('#eventspanel').height(370);
	$('#werecommendpanel').height(370);
	$('#eventspanel').hide();
	$('#werecommendpanel').hide();
	
	// tabs
	$('.newstaboff').hide();
	$('.eventstabon').hide();
	$('.werecommendtabon').hide();
	
	runtabs();

	// run the tab effects unless browser is mise..
	/*
	if ($.browser.mise){

		$('#newstab').css({display:'inline', opacity: 1, height:370});
		$('#eventstab').css({display:'inline', opacity: 1, height:370});
		$('#werecommendtab').css({display:'inline', opacity: 1, height:370});

		// turn off events tab
		$('.eventstabon').css({display:'inline', opacity: 0});
		$('.eventstaboff').css({display:'inline', opacity: 1});
		
		// turn off recommends tab
		$('.werecommendtabon').css({display:'inline', opacity: 0});
		$('.werecommendtaboff').css({display:'inline', opacity: 1});
		
		// turn on news tab
		$('.newstabon').css({display:'inline', opacity: 1});
		$('.newstaboff').hide();
	}
	else {
		
		$('#newstab').css({display:'inline', opacity: 1, height:370, zIndex: 1});
		$('#eventstab').css({display:'inline', opacity: 1, height:370, zIndex: -1});
		$('#werecommendtab').css({display:'inline', opacity: 1, height:370, zIndex: 0});
		runtabs();
	}
	*/

	/*
	 * does panel fading...
	 */
	function runtabs(){
        $('.newswhitebackground').queue(
            function() {
		// news on - news is default so hold for 20s
		
		$('.werecommendtaboff').fadeTo(3000,1,function(){$('.newswhitebackground').dequeue()}).delay(newsdelay);
		$('.werecommendtabon').fadeTo(3000,0,function(){$('.newswhitebackground').dequeue()}).delay(newsdelay);
		$('#werecommendpanel').fadeTo(3000,0,function(){$('.newswhitebackground').dequeue();
								$('#werecommendpanel').css({zIndex:-1});
								}).delay(newsdelay);
		
		$('.eventstaboff').fadeTo(3000,1,function(){$('.newswhitebackground').dequeue()}).delay(newsdelay);
		$('.eventstabon').fadeTo(3000,0,function(){$('.newswhitebackground').dequeue()}).delay(newsdelay);
		$('#eventspanel').fadeTo(3000,0,function(){$('.newswhitebackground').dequeue();
								$('#eventspanel').css({zIndex:0});
								}).delay(newsdelay);

		$('.newstabon').fadeTo(3000,1,function(){$('.newswhitebackground').dequeue()}).delay(newsdelay);
		$('.newstaboff').fadeTo(3000,0,function(){$('.newswhitebackground').dequeue()}).delay(newsdelay);
		$('#newspanel').fadeTo(3000,1,function(){$('.newswhitebackground').dequeue();
								$('#newspanel').css({zIndex:1});
							}).delay(newsdelay);
		
		// events on
		$('.newstabon').fadeTo(3000,0,function(){$('.newswhitebackground').dequeue()}).delay(eventsdelay);
		$('.newstaboff').fadeTo(3000,1,function(){$('.newswhitebackground').dequeue()}).delay(eventsdelay);
		$('#newspanel').fadeTo(3000,0,function(){$('.newswhitebackground').dequeue();
							$('#newspanel').css({zIndex:-1});
							}).delay(eventsdelay);

		$('.werecommendtaboff').fadeTo(3000,1,function(){$('.newswhitebackground').dequeue()}).delay(eventsdelay);
		$('.werecommendtabon').fadeTo(3000,0,function(){$('.newswhitebackground').dequeue()}).delay(eventsdelay);
		$('#werecommendpanel').fadeTo(3000,0,function(){$('.newswhitebackground').dequeue();
								$('#werecommendpanel').css({zIndex:0});
								}).delay(eventsdelay);
		
		$('.eventstabon').fadeTo(3000,1,function(){$('.newswhitebackground').dequeue()}).delay(eventsdelay);
		$('.eventstaboff').fadeTo(3000,0,function(){$('.newswhitebackground').dequeue()}).delay(eventsdelay);
		$('#eventspanel').fadeTo(3000,1,function(){$('.newswhitebackground').dequeue();
							$('#eventspanel').css({zIndex:1});
							}).delay(eventsdelay);
		
		// we recommend on

		$('.newstabon').fadeTo(3000,0,function(){$('.newswhitebackground').dequeue()}).delay(recommenddelay);
		$('.newstaboff').fadeTo(3000,1,function(){$('.newswhitebackground').dequeue()}).delay(recommenddelay);
		$('#newspanel').fadeTo(3000,0,function(){$('.newswhitebackground').dequeue();
							$('#newspanel').css({zIndex:0});
							}).delay(recommenddelay);

		$('.eventstabon').fadeTo(3000,0,function(){$('.newswhitebackground').dequeue()}).delay(recommenddelay);
		$('.eventstaboff').fadeTo(3000,1,function(){$('.newswhitebackground').dequeue()}).delay(recommenddelay);
		$('#eventspanel').fadeTo(3000,0,function(){$('.newswhitebackground').dequeue();
								$('#eventspanel').css({zIndex:-1});
							}).delay(recommenddelay);
		
		$('.werecommendtabon').fadeTo(3000,1,function(){$('.newswhitebackground').dequeue()}).delay(recommenddelay);
		$('.werecommendtaboff').fadeTo(3000,0,function(){$('.newswhitebackground').dequeue()}).delay(recommenddelay);
		$('#werecommendpanel').fadeTo(3000,1,function(){$('.newswhitebackground').dequeue();
							$('#werecommendpanel').css({zIndex:1});
							}).delay(recommenddelay);
		runtabs();
            }
        );
    	}
	

	// click event handling

	$('#newstab').click(function() {

		// stop panel fading animations
		clearAnimationQueue();

		// reset the tabs
		$('#newstab').css({display:'inline', opacity: 1, height:370});
		$('#eventstab').css({display:'inline', opacity: 1, height:370});
		$('#werecommendtab').css({display:'inline', opacity: 1, height:370});
		
		// turn off events tab
		$('.eventstabon').css({display:'inline', opacity: 0});
		$('.eventstaboff').css({display:'inline', opacity: 1});
		
		// turn off recommends tab
		$('.werecommendtabon').css({display:'inline', opacity: 0});
		$('.werecommendtaboff').css({display:'inline', opacity: 1});
		
		// turn on news tab
		$('.newstabon').css({display:'inline', opacity: 1});
		$('.newstaboff').hide();
		
		// turn on news panel and turn others off
		//$('#newspanel').css({display:'inline', opacity: 1, height:370});
		//$('#eventspanel').css({display:'none'});
		//$('#werecommendpanel').css({display:'none'});

		$('#werecommendpanel').css({display:'block', position: 'absolute',opacity: 0, top: 0, left:0, height:370, zIndex:0});
		$('#eventspanel').css({display:'block', position: 'absolute',opacity: 0, top: 0, left:0, height:370, zIndex:0});
		$('#newspanel').css({display:'block', position: 'absolute', opacity: 1, top: 0, left:0, height:370, zIndex:1});
	
			
	});


	$('#eventstab').click(function() {

		// stop panel fading animations
		clearAnimationQueue();

		// reset the tab containers
		$('#eventstab').css({display:'inline', height:370, opacity: 1});
		$('#newstab').css({display:'inline', height:370, opacity: 1});
		$('#werecommendtab').css({display:'inline', height:370, opacity: 1});

		// turn off news tab
		$('.newstabon').css({display:'inline', opacity: 0});
		$('.newstaboff').css({display:'inline', opacity: 1});

		// turn off recommends tab
		$('.werecommendtabon').css({display:'inline', opacity: 0});
		$('.werecommendtaboff').css({display:'inline', opacity: 1});
		
		// turn on events tab
		$('.eventstabon').css({display:'inline', opacity: 1});
		$('.eventstaboff').hide();

		// turn on events panel and turn others off
		$('#werecommendpanel').css({display:'block', position: 'absolute', opacity: 0, top: 0, left:0, height:370, zIndex:0});
		$('#eventspanel').css({display:'block', position: 'absolute', opacity: 1, top : 0, left:0,height:370, zIndex:1});
		$('#newspanel').css({display:'block', position: 'absolute', opacity: 0, top: 0, left:0, height:370, zIndex:0});
	
	});
	

	$('#werecommendtab').click(function(){

		// stop panel fading animations
		clearAnimationQueue();

		// reset the tabs
		$('#eventstab').css({display:'inline', height:370});
		$('#newstab').css({display:'inline', height:370});
		$('#werecommendtab').css({display:'inline', height:370});

		// turn on events tab
		$('.werecommendtabon').css({display:'inline', opacity: 1});
		$('.werecommendtaboff').hide();

		// turn off news tab
		$('.newstabon').css({display:'inline', opacity: 0});
		$('.newstaboff').css({display:'inline', opacity: 1});

		// turn off recommends tab
		$('.eventstabon').css({display:'inline', opacity: 0});
		$('.eventstaboff').css({display:'inline', opacity: 1});
		
		// turn on recommends panel and turn others off
		$('#werecommendpanel').css({display:'block', position: 'absolute', opacity: 1, top: 0, left:0 , height:370, zIndex:1});
		$('#eventspanel').css({display:'block', position: 'absolute',opacity: 0, top: 0, left:0, height:370, zIndex:0});
		$('#newspanel').css({display:'block', position: 'absolute', opacity: 0, top: 0, left:0, height:370, zIndex:0});

	});
	

	// clears animation queues from animated elements.
	function clearAnimationQueue() {

		$('.newswhitebackground').clearQueue();
		$('.newswhitebackground').stop();

		$('#werecommendpanel').clearQueue();
		$('#werecommendpanel').stop();
		$('.werecommendtabon').clearQueue();
		$('.werecommendtabon').stop();
		$('.werecommendtaboff').clearQueue();
		$('.werecommendtaboff').stop();

		$('#eventspanel').clearQueue();
		$('#eventspanel').stop();
		$('.eventstabon').clearQueue();
		$('.eventstabon').stop();
		$('.eventstaboff').clearQueue();
		$('.eventstaboff').stop();

		$('#newspanel').clearQueue();
		$('#newspanel').stop();
		$('.newstabon').clearQueue();
		$('.newstabon').stop();
		$('.newstaboff').clearQueue();
		$('.newstaboff').stop();

	}
	
});