// -- Vars -- //

var remoteURL 			= 'http://www.dakim.com/external/brookdale/widget/';
var mainResize			= false;
//var layout 				= '<div id="dakimOverlay"></div><div id="dakimOverlayPage"><div class="inner"><div id="contentwrapper"><div id="contentcolumn"><div class="grad"><table cellpadding="0" cellspacing="0" class="main"><tr><td class="logo"><a href="#" onclick="Javascript:resizeDivs();"><img src="'+remoteURL+'assets/images/logo-top.png" border="0"></a></td><td class="top" id="innerHeader" rowspan="4"><iframe src="'+remoteURL+'overlay.games.html" id="centralFrame" name="centralFrame" scrolling="no" frameborder="0" marginheight="0" marginwidth="0"></iframe></td></tr><tr><td class="bgLeft"><img src="'+remoteURL+'assets/images/logo-inf.png"></td></tr><tr><td class="bgLeft"><!--<iframe src="" id="menuFrame" name="menuFrame" scrolling="no" frameborder="0" marginheight="0" marginwidth="0"></iframe>--><div id="innerLeft"><a class="menuLinkSelected link-games" href="'+remoteURL+'overlay.game.fplkf.html" target="centralFrame" rel="games"><span>BrainFitness Games</span></a><a class="menuLink link-optimum" href="'+remoteURL+'overlay.optimum.html" target="centralFrame" rel="optimum"><span>Dakim BrainFitness and Optimum Life</span></a><a class="menuLink link-news" href="'+remoteURL+'overlay.news.html" target="centralFrame" rel="news"><span>BrainFitness News</span></a></div></td></tr><tr><td class="bgLeft" style="height:40px;"><a href="#" onclick="Javascript:resizeDivs();"><img src="'+remoteURL+'assets/images/dakim-logo.png" border="0"></a></td></tr><tr><td class="bgLeftBottom"></td><td></td></tr></table></div></div></div><div id="rightcolumn"><div class="separator"><a href="#" id="dakimOverlayKiller"><img src="'+remoteURL+'assets/images/close.png" border="0"></a></div></div></div></div>';

// -- Code -- //

function isIE(){
  return /msie/i.test(navigator.userAgent) && !/opera/i.test(navigator.userAgent);
}

function resize_viewport(currentOverlayLink) {
	$.event.remove( this, "resize", resize_viewport);
	resizeDivs(currentOverlayLink);
	$.event.add( this, "resize", resize_viewport);
}

function resizeDivs(currentOverlayLink){
	// if ( !mainResize ){
	// 	mainResize = true;
	// 	
	// 	setTimeout(function(){
			
			// Background
			
			$('#dakimOverlay').css({ width: $(document).width()+'px', height: $(document).height()+'px' });
			
			// Main Div
			
			var centralH 	= $(window).height() - 50;
			var menuH 		= centralH - 150;
			var tablesW		= $(window).width() - 60 - 40 - 10;
			//var ajusteIE	= 0;

			var mainH = $(window).height() - 40;
			var mainW = $(window).width() - 40;

			var panelHolder 	= $('#dakimOverlayPage #panelHolder');
			var panelBgHolder 	= $('#dakimOverlayPage #panelBgHolder');

			var panel = new Array();
			panel[1] = $('#dakimOverlayPage #panelHolder #panel1');
			panel[2] = $('#dakimOverlayPage #panelHolder #panel2');
			panel[3] = $('#dakimOverlayPage #panelHolder #panel3');

			// --- HEIGHTS --- //
			//if(centralH > 400){
			if(mainH < 500){
				mainH = 500;
			}	
				$('#centralFrame').css({ height: (mainH - 10)+'px'});
				$('#innerLeft').css({ height: (mainH - 68 - 41 - 41 - 10)+'px'});
				//$('#contentwrapper').css({ width: ($(window).width()-40)+'px'});
				//$('.main').css({ width: (tablesW-ajusteIE)+'px' });
				//$('.main #innerHeader').css({ width: (tablesW-205-ajusteIE)+'px' });

				panelHolder.css({ height: mainH+'px' });
				panelBgHolder.css({ height: mainH+'px' });
				panel[1].css({ height: mainH+'px' });
				panel[2].css({ height: mainH+'px' });
				panel[3].css({ height: mainH+'px' });

			// --- WIDTHS --- //
			if(mainW < 950){
				mainW = 950;
			}
				//$('#contentwrapper').css({ width: ($(window).width()-40)+'px'});
				//$('.main').css({ width: (tablesW-ajusteIE)+'px' });
				//$('.main #innerHeader').css({ width: (tablesW-205-ajusteIE)+'px' });
				
				$('#centralFrame').css({ width: (mainW - 205 - 60 - 10)+'px'});
				panelHolder.css({ width: mainW+'px' });
				panelBgHolder.css({ width: (mainW- 60)+'px' });
				panel[1].css({ width: 205+'px' });
				panel[2].css({ width: (mainW - 205 - 60 - 10)+'px' });
				panel[3].css({ width: 60+'px' });

	

			// width - [width: menu] - [padding: .inner] - [width: rightcolumn] - [padding???]
			// var innerH		= $(window).width() - 205 - 40 - 60 -10;
			// $('#innerHeader').css({ width: innerH+'px' });

		// 	mainResize = false;
		// 	
		// }, 200);
}

function killOverlay(){
	$('#dakimOverlayPage').fadeOut(500, function(){
		$('#dakimOverlay').fadeOut(300, function(){
			$('#innerRight').empty();
		});
	});
	return false;
}

function alertError(msg){
	alert("OVERLAY WIDGET:\n"+msg+"\n\nRead widget documentation for more information.")
}

$(document).ready(function(){

	var currentOverlayLink = 'games';
	
	$('head').append('<link rel="stylesheet" href="'+remoteURL+'assets/styles/main.css" type="text/css" />');
	
	resize_viewport();
	
	$(window)
	.load(function(){ resize_viewport(currentOverlayLink); /*resizeDivs(currentOverlayLink);*/ })
	.resize(function(){ resize_viewport(currentOverlayLink); /*resizeDivs(currentOverlayLink);*/ });
	
	var overlayCaller = $('#dakimOverlayCaller');
	
	if ( overlayCaller.size()!=1 ){
		alertError('Caller is not properly defined.');
	} else {
		if(typeof document.body.style.maxHeight === "undefined"){
			alert("Your browser is outdated. This widget wont run.");
		} else {
			$('#dakimOverlayCaller').click(function(){
				resizeDivs(currentOverlayLink);
				$('#dakimOverlay').css({opacity: 0}).show().animate({opacity: 0.5}, 500, function(){
					$('#dakimOverlay').addClass('overlayLoading');
					$('#dakimOverlayPage').css({'opacity': 0}).show();
					
					setTimeout(function(){
						$('#dakimOverlay').removeClass('overlayLoading');
						$('#dakimOverlayPage').animate({ 'opacity':1 }, 350, function(){
						});				
					}, 3000);
				});
				return false;
			});	
			$('#dakimOverlayKiller').click(function(){
				killOverlay();
			});
		}
	}
	
	$('#innerLeft a').each(function(){
		$(this).click(function(){
			$('#innerLeft a.menuLinkSelected').each(function(){
				$(this).toggleClass('menuLinkSelected').toggleClass('menuLink');
			});	
			$(this).toggleClass('menuLinkSelected').toggleClass('menuLink');
		});
	});
});