function showTopFive() {
	document.getElementById('recommendedtab').className='';
	document.getElementById('topfivetab').className='active';
	document.getElementById('recommended').style.display='none';
	document.getElementById('topfive').style.display='block';
	return false;
}

function showRecommended() {
	document.getElementById('recommendedtab').className='active';
	document.getElementById('topfivetab').className='';
	document.getElementById('recommended').style.display='block';
	document.getElementById('topfive').style.display='none';
	return false;
}




// Init the coming soon scroller
var silder;
document.addEvent('domready' , function(){
	
	if($('comingSoonScroller')){
	
		var sc = document.getElementById("comingSoonInner");
		var scOuter = document.getElementById("comingSoonScroller");
		var offOpacity = .1;
		var offCursor = 'default';
		var onCursor = 'pointer';
		var nChildren;
		var elWidth = 109;
		
		if(sc && scOuter){
			
			nChildren = getNumChildren(sc);
			sc.style.width = (elWidth * nChildren) + "px";
			
			slider = new MagicHoverScroller(scOuter , $('comingSoonPrev') , $('comingSoonNext'));
			
			slider.onMidMost = function(){
				resetOpacities();
			}
			
			if($('comingSoonNext')){
				slider.onRightMost = function(){
					$('comingSoonNext').setStyle('opacity' , offOpacity);
					$('comingSoonNext').setStyle('cursor' , offCursor);
				}
			}
			
			if($('comingSoonPrev')){
				slider.onLeftMost = function(){
					$('comingSoonPrev').setStyle('opacity' , offOpacity);
					$('comingSoonPrev').setStyle('cursor' , offCursor);
				}
			}
			
		}
		
		function resetOpacities(){
			// now resets the cursor too
			if($('comingSoonPrev')){
				$('comingSoonPrev').setStyle('opacity' , 1);
				$('comingSoonPrev').setStyle('cursor' , onCursor);
			}
			if($('comingSoonNext')){
				$('comingSoonNext').setStyle('opacity' , 1);
				$('comingSoonNext').setStyle('cursor' , onCursor);
			}
		}
			
		
			
		slider.init();
	}
});