/*
    JS
    --------------------------------------------------------------------------------------------
    @site            sho.com (site)
    @file            mobileDetect_iPad.js
    @author          dmccleod
    @modified        04.14.10
    @desc            Mobile browser detection
    @note            check if the user is browsing on an iPad, if true display alternate content
    
    /* =: MobileTracking
    --------------------------------------------------------------------------------------------*/
    var iPadDetection = {

		loadAltContent: function(){
			var docHead = $$('head')[0].insert('<link rel="stylesheet" type="text/css" href="../css/bc_iPadContent.css" />');
			
			var repalcementCnt = [
				'<div id="bc_iPadContent">',
					'<div id="bc_brandingLeftShade"></div>',
					'<div id="bc_brandingRightShade"></div>',
					'<div id="bc_replacement"><div class="innerMod">',
					'This section of sho.com has not yet been optimized for the iPad. To watch video from Showtime on your iPad, please ',
					'<a href="http://itunes.apple.com/app/showtime/id316082177?mt=8">download</a> the Showtime iPhone app.</div></div>',
					'<div id="bc_leftPlayerShade"></div>',
					'<div id="bc_rightPlayerShade"></div>',
					'<div id="bc_titleDetails"></div>',
				'</div>'
			].join('');	
			
			var bcContent = $('bc_rightColumnWrapper');
			if(bcContent){
				bcContent.replace(repalcementCnt);
			}		
		},
        
        /* =:Startup
        ----------------------------------------------------------------------------------------*/
        init:function()
        {            
			if($$('html')[0].hasClassName('ipad')) {
				this.loadAltContent();				
			}
        },
        
}
    
document.observe("dom:loaded", function() {         
    iPadDetection.init();
});