jQuery(document).ready(function(){
		var currentPanel = -1;
		var prevPanel = null;
		
		var interval = null;
		var FADE_SPEED = 800;
		var DELAY_SPEED = 8000;
	
		var panels = jQuery('#ff_panels #ff_panel');
		jQuery(panels.hide());
	

		//alert($("#ff_active")html());

		var inactiveHtml = jQuery('#ff_inactive').html(); //The html which displays the inactive button
		var activeHtml = jQuery('#ff_active').html(); //The html which displays the active buttons


		var html = "";
		for (var i = 0;i < panels.length ; i++){
			html += '<a id="ff_link'+i+'">'+activeHtml+'<a>';
		}
		
		jQuery("#ff_buttons").html(html);
		
		for (var i = 0;i < panels.length ; i++){
			jQuery('#ff_link'+i).bind("click",{index:i},function(event){
				currentPanel = event.data.index;
				gotoPanel(event.data.index);
			});
		};
		
		if (panels.length <= 1){
			jQuery('#ff_buttons').hide();
		}
		
		nextPanel();

		function nextPanel (){

			if (currentPanel >= panels.length -1){
				currentPanel = 0;
			}else{
				currentPanel++
			}

			gotoPanel(currentPanel);

		}
		
		
		function gotoPanel(panelNum){

			if (panelNum != prevPanel){

				if (prevPanel != null){
					jQuery(panels[prevPanel]).stop().hide();
					jQuery('#panel'+prevPanel).removeClass('selectedTab');
					jQuery('#ff_link'+prevPanel).html(activeHtml);
				}

				jQuery('#panel'+currentPanel).addClass('selectedTab');


				jQuery('#panel'+panelNum).addClass('selectedTab');
				jQuery('#panel'+prevPanel).removeClass('selectedTab');
				
				jQuery('#ff_link'+panelNum).html(inactiveHtml);

				jQuery(panels[panelNum]).stop().fadeIn(FADE_SPEED,function(){
					jQuery(this).css({opacity:4});
					if(jQuery.browser.msie){
						this.style.removeAttribute('filter');
					}
				});

				prevPanel = currentPanel;

				if (interval != null){
					clearInterval(interval);
				}
				interval = setInterval(nextPanel, DELAY_SPEED);
			}

		}
	

	});