function tabMouseOver(id){	
	if (!Element.hasClassName($(id),'tabSelected')){
		Element.addClassName($(id),'tabMouseover');
	}

}                            

function tabMouseOut(id){
	if (Element.hasClassName($(id),'tabMouseover')){
		Element.removeClassName($(id),'tabMouseover');
	}
} 

function tabSelected(id){	
	var queue = Effect.Queues.get('tabcontent');
	queue.each(function(effect) { effect.cancel(); });
	
	if (Element.hasClassName($(id),'tabMouseover')){
		Element.removeClassName($(id),'tabMouseover');
	}
	Element.addClassName($(id),'tabSelected');
	
	/* special promo, turn main tabContent area off, need to get rid of bgimage */
	if(id == 'tab5'){
		Effect.Fade('activeTabElement',{duration: 0.5, queue: { position: 'end', scope: 'tabcontent' }});		
	}
	
	for(i=1; i<6; i++) { 
		if ($('tab'+i+'Content')){
			if (('tab'+i != id) && (Element.hasClassName($('tab'+i),'tabSelected'))){
				Element.removeClassName($('tab'+i),'tabSelected');
			}
			if (Element.visible('tab'+i+'Content') ){
				Effect.Fade('tab'+i+'Content',{duration: 0.5, queue: { position: 'end', scope: 'tabcontent' }});
	  	}
 		}
	}	

  if (Element.visible('tab5Content') || (id!='tab5' && !Element.visible('tab5Content') && !Element.visible('activeTabElement'))){
		Effect.Appear(id+'Content',{duration: 0, queue: { position: 'end', scope: 'tabcontent' }});   
		Effect.Appear('activeTabElement',{duration: 2.5, queue: { position: 'end', scope: 'tabcontent' }});   
	}else{
		if (id != 'tab5'){
			Effect.Appear('activeTabElement',{duration: 0, queue: { position: 'end', scope: 'tabcontent' }});   
		}
		Effect.Appear(id+'Content',{duration: 2.5, queue: { position: 'end', scope: 'tabcontent' }});   
	}                            
		
	
	
	
}