// JS Document

var myWidth = 0, myHeight = 0, myScroll = 0; myScrollWidth = 0; myScrollHeight = 0;
var myInterval = null;

var mV = true;

function getSize() {
	
	// Window Size

    if (self.innerHeight) { // Everyone but IE
    	myWidth = window.innerWidth;
    	myHeight = window.innerHeight;
    	myScroll = window.pageYOffset;
    } else if (document.documentElement && document.documentElement.clientHeight) { // IE6 Strict
    	myWidth = document.documentElement.clientWidth;
    	myHeight = document.documentElement.clientHeight;
    	myScroll = document.documentElement.scrollTop;
    } else if (document.body) { // Other IE, such as IE7
    	myWidth = document.body.clientWidth;
    	myHeight = document.body.clientHeight;
    	myScroll = document.body.scrollTop;
    }

    // Page size w/offscreen areas

    if (window.innerHeight && window.scrollMaxY) {	
    	myScrollWidth = document.body.scrollWidth;
    	myScrollHeight = window.innerHeight + window.scrollMaxY;
    } else if (document.body.scrollHeight > document.body.offsetHeight) { // All but Explorer Mac
    	myScrollWidth = document.body.scrollWidth;
    	myScrollHeight = document.body.scrollHeight;
    } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
    	myScrollWidth = document.body.offsetWidth;
    	myScrollHeight = document.body.offsetHeight;
    }
}

function findPosX(obj) {
  var curleft = 0;
  if(obj.offsetParent)
      while(1) {
        curleft += obj.offsetLeft;
        if(!obj.offsetParent)
          break;
        obj = obj.offsetParent;
      }
  else if(obj.x)
      curleft += obj.x;
  return curleft;
}

function findPosY(obj) {
  var curtop = 0;
  if(obj.offsetParent)
      while(1) {
        curtop += obj.offsetTop;
        if(!obj.offsetParent)
          break;
        obj = obj.offsetParent;
      }
  else if(obj.y)
      curtop += obj.y;
  return curtop;
}

function login() {
		
 	var inBody = document.getElementsByTagName('body').item(0);

	if ($('loginB').className == 'right login_b buttonSet') {
		$('loginB').className = 'right login_b';
		inBody.removeChild($('loginBox'));
	} else {
		if ($('signupB').className == 'right login_b buttonSet') {
			$('signupB').className = 'right login_b';
			inBody.removeChild($('signUpBox'));
		}
		$('loginB').className = 'right login_b buttonSet';
		
		var xPos = findPosX($('loginB'))-186;
		var yPos = findPosY($('loginB'))+21;
		
		var maskBg = document.createElement("div");
		maskBg.setAttribute('id', 'loginBox');
		maskBg.style.position = 'absolute';
		maskBg.style.zIndex = '1000';
		maskBg.style.left = xPos+'px';
		maskBg.style.top = yPos+'px';
		maskBg.className = 'loginBox';
		
		maskBg.innerHTML = '<div class="innerPad">'+
		'<form id="qLogin" name="qLogin" method="post" action="login">'+
		'	<div class="loginTit">Username</div>'+
		'	<div class="loginBg"><input type="text" maxlength="150" size="30" name="user" style="" /></div>'+
		'	<div class="loginTit">Password</div>'+
		'	<div class="loginBg"><input type="password" maxlength="150" size="30" name="pass" style="" /></div>'+
		'	<div class="padTop10 subLine"><input type="submit" name="Login" value="" class="login_sub" /> <label><input type="checkbox" name="rem" id="rem_1" value="1" style="" class="check" /><span>Remember me</span></label></div>'+
		'	<div class="padTop10"><fb:login-button v="2" size="large" onlogin="window.location.href = \'/fblogin\';">Login with Facebook</fb:login-button></div>'+
		'	<div class="links">'+
		'		<a href="/login">Forgot your password</a>'+
		'	</div>'+
		'</form>'+
		'</div>';
		
		inBody.appendChild(maskBg);
		
		FB.XFBML.Host.parseDomTree();
	}
}

function signup() {

   	var inBody = document.getElementsByTagName('body').item(0);

	if ($('signupB').className == 'right login_b buttonSet') {
		$('signupB').className = 'right login_b';
		inBody.removeChild($('signUpBox'));
	} else {
		
		if ($('loginB').className == 'right login_b buttonSet') {
			$('loginB').className = 'right login_b';
			inBody.removeChild($('loginBox'));
		}
	
		$('signupB').className = 'right login_b buttonSet';
		
		
		var xPos = findPosX($('signupB'))-185;
		var yPos = findPosY($('signupB'))+21;
		
		var maskBg = document.createElement("div");
		maskBg.setAttribute('id', 'signUpBox');
		maskBg.style.position = 'absolute';
		maskBg.style.zIndex = '1000';
		maskBg.style.left = xPos+'px';
		maskBg.style.top = yPos+'px';
		maskBg.className = 'signUpBox';
		
		maskBg.innerHTML = '<div class="innerPad"><form id="myForm" name="myForm" method="post" enctype="multipart/form-data" action="" onSubmit="return checkSubmitSU()">'+
   		' 	<div id="suHeader" class="generalHeader padBtm10" style="color: #FAFAFA;"><div class="left">Sign Up</div><div class="right"></div><div class="clear"></div></div>'+
    	'	<div class="signUpSpots">'+
    	'    	<div>First Name -</div>'+
    	'    	<div class="padBtm5"><input type="text" maxlength="150" size="30" id="nameFirst" name="nameFirst" style="" value="" /></div>'+
    	'    	<div>Last Name -</div>'+
    	'    	<div class="padBtm5"><input type="text" maxlength="150" size="30" id="nameLast" name="nameLast" style="" value="" /></div>'+
    	'    	<div>Email -</div>'+
    	'    	<div class="padBtm5"><input type="text" maxlength="150" size="30" id="email" name="email" style="" value="" /></div>'+
    	'    	<div>Username -</div>'+
    	'    	<div class="padBtm5"><input type="text" maxlength="150" size="30" id="username" name="username" style="" value="" onBlur="checkUsername()" /></div>'+
    	'    	<div>Zip Code -</div>'+
    	'    	<div class="padBtm10"><input type="text" maxlength="150" size="30" id="zip" name="zip" style="" value="" /></div>'+
    	'   </div>'+
    	'	<div id="recaptcha_widget" class="padBtm10">'+
    	'    	<div id="recaptcha_image" class="padBtm10"></div>'+
    	'    	<div class="recaptcha_only_if_incorrect_sol" style="color:red">Incorrect please try again</div>'+
    	'		<div class="padBtm5">'+
    	'    		<span class="recaptcha_only_if_image" style="font-size: 10px; font-weight: bold; color: #FFF; text-align: left;">Enter the words above:</span>'+
    	'    		<span class="recaptcha_only_if_audio" style="font-size: 10px; font-weight: bold; color: #FFF; text-align: left;">Enter the numbers you hear:</span>'+
    	'		</div>'+
    	'    	<div>'+
    	'    		<input type="text" id="recaptcha_response_field" name="recaptcha_response_field" />'+
    	'    		<span><a href="javascript:Recaptcha.reload()"><img src="img/captcha_refresh.gif" alt="Get another CAPTCHA" width="15" height="15" border="0" /></a></span>'+
    	'    		<span class="recaptcha_only_if_image"><a href="javascript:Recaptcha.switch_type(\'audio\')"><img src="img/captcha_audio.gif" alt="Get an audio CAPTCHA" width="15" height="15" border="0" /></a></span>'+
    	'    		<span class="recaptcha_only_if_audio"><a href="javascript:Recaptcha.switch_type(\'image\')"><img src="img/captcha_image.gif" alt="Get an image CAPTCHA" width="15" height="15" border="0" /></a></span>'+
    	'    		<span><a href="javascript:Recaptcha.showhelp()"><img src="img/captcha_help.gif" alt="Help" width="15" height="15" border="0" /></a></span>'+
    	'    	</div>'+
    	'    </div>'+
    	'    <div><input type="submit" value="" class="login_sub" /></div>'+
    	'</form></div>';
		
		inBody.appendChild(maskBg);
		
    	Recaptcha.create('6Le6xQQAAAAAAI_3Po-9A40Gt6rTassky9A86PkI',
    	're_div', {
    	   theme: 'custom',
    	   lang: 'en',
    	   custom_theme_widget: 'recaptcha_widget',
    	   callback: Recaptcha.focus_response_field
    	});
    }
	
}

function search() {
		
 	var inBody = document.getElementsByTagName('body').item(0);
	
	if ($('searchDropDown') != null) {
		inBody.removeChild($('searchDropDown'));
	} else {
		var xPos = findPosX($('searchDd'));
		var yPos = findPosY($('searchDd'))+17;
		
		var maskBg = document.createElement("div");
		maskBg.setAttribute('id', 'searchDropDown');
		maskBg.style.position = 'absolute';
		maskBg.style.zIndex = '1000';
		maskBg.style.left = xPos+'px';
		maskBg.style.top = yPos+'px';
		maskBg.className = 'searchDropDown';
		
		maskBg.innerHTML = '<div class="searchDropDownInner">'+
		'<a href="javascript: setSearch(\'Teams\')">Teams</a>'+
		'<a href="javascript: setSearch(\'Picks\')">Picks</a>'+
		'<a href="javascript: setSearch(\'Users\')" class="end">Users</a>'+
		'</div>';
		
		inBody.appendChild(maskBg);
	}
}

var mouseOutTimer;
function setTimer() {
	if ($('searchDropDown') != null) {
		mouseOutTimer = setTimeout('search()', 5000);
	}
}

function stopTimer() {
	clearTimeout(mouseOutTimer)
}

function setSearch(val) {
	$('typeParam').value = val;
	$('innItVal').innerHTML = val;
	search();
}

function clearIt(id) { if ($(id).value == 'Search') { $(id).value = ''; } $('sTab').className = 'right searchTab selected'; }
function blurIt(id) { if ($(id).value == '') { $(id).value = 'Search'; } $('sTab').className = 'right searchTab'; }

function checkSearchSubmit() { 
	var se = $('search').value;
	var ty = $('typeParam').value;
	if ((se != '') && (se != 'Search')) { 
		window.location.href = '/search&s='+escape(se)+'&t='+escape(ty); 
	} else { 
		alert('Please make sure you enter something in the search box before pressing submit.') 
	} 
	return false; 
}

function modalBox(width,title,content,cl,fbRen) {

	if (cl == undefined) {
		cl = 'modalBox';
	}
	if (fbRen == undefined) {
		fbRen = 0;
	}

	getSize();
	
	var inBody = document.getElementsByTagName('body').item(0);
	
	var whiteBg = document.createElement("div");
	whiteBg.setAttribute('id', 'whiteBg');
	whiteBg.style.position = 'absolute';
	whiteBg.style.zIndex = '999';
	whiteBg.style.left = '0';
	whiteBg.style.top = '0';
	whiteBg.className = 'whiteBg';
	whiteBg.style.width = (myWidth-15)+'px';
	//whiteBg.style.height = (myScroll+myHeight)+'px';
	whiteBg.style.height = (myScrollHeight)+'px';
	whiteBg.onclick = closeModalBox;
	
	var maskBg = document.createElement("div");
	maskBg.setAttribute('id', 'modalBox');
	maskBg.style.width = width+'px';
	maskBg.style.position = 'absolute';
	maskBg.style.zIndex = '1000';
	maskBg.style.left = ((myWidth/2)-(width/2))+'px';
	maskBg.style.top = (myScroll+15)+'px';
	maskBg.className = 'mb '+cl;
	
	var titl = '';
	if (title != '') {
		titl = '<div class="mb_title"><div class="left tit">'+title+'</div><div class="right"><div class="mb_close" onclick="closeModalBox()"></div></div><div class="clear"></div></div>';
	}
	
	maskBg.innerHTML = titl+'<div class="mb_content">'+content+'</div>';
		
	inBody.appendChild(whiteBg);
	inBody.appendChild(maskBg);
	
	if (fbRen == 1) {
		FB.XFBML.Host.parseDomTree();
	}
	
	myInterval = setInterval("checkModalBoxPos()", 1);
	
}

function checkModalBoxPos() {
	getSize();
	$('modalBox').style.top = (myScroll+15)+'px';
}
	
function closeModalBox() {
   	var inBody = document.getElementsByTagName('body').item(0);
    inBody.removeChild($('whiteBg'));
    inBody.removeChild($('modalBox'));
    clearInterval(myInterval);
}

function alertMe(title,content,img) {
	
	getSize();
	
	if (img == undefined) {
		img = '';
	}
	
	var inBody = document.getElementsByTagName('body').item(0);
	
	if (($('alertMe') == undefined) && ($('alertMe') == null)) {
	
		var whiteBg = document.createElement("div");
		whiteBg.setAttribute('id', 'whiteBg');
		whiteBg.style.position = 'absolute';
		whiteBg.style.zIndex = '999';
		whiteBg.style.left = '0';
		whiteBg.style.top = '0';
		whiteBg.className = 'whiteBg';
		whiteBg.style.width = (myWidth-15)+'px';
		//whiteBg.style.height = (myScroll+myHeight)+'px';
		whiteBg.style.height = (myScrollHeight)+'px';
		whiteBg.onclick = closeAlertMe;
		
		var maskBg = document.createElement("div");
		maskBg.setAttribute('id', 'alertMe');
		maskBg.style.width = '500px';
		maskBg.style.position = 'absolute';
		maskBg.style.zIndex = '1000';
		maskBg.style.left = ((myWidth/2)-250)+'px';
		maskBg.style.top = (myScroll+15)+'px';
		
		maskBg.innerHTML = '<div class="alert"><div class="top"></div><div class="mid"><div class="left m_l"></div><div class="left m_m"><div class="left m_m_l">'+img+'</div><div class="right m_m_r"><div class="innerPad"><div class="tit">'+title+'</div><div class="con">'+content+'</div><div class="cBut"><a href="javascript: closeAlertMe()"><div class="alClose"></div></a></div></div></div><div class="clear"></div></div><div class="right m_r"></div><div class="clear"></div></div><div class="btm"></div></div>';
			
		inBody.appendChild(whiteBg);
		inBody.appendChild(maskBg);
		
		myInterval = setInterval("checkAlertMePos()", 1);
	}
	
}

function checkAlertMePos() {
	getSize();
	$('alertMe').style.top = (myScroll+25)+'px';
}
	
function closeAlertMe() {
   	var inBody = document.getElementsByTagName('body').item(0);
    inBody.removeChild($('whiteBg'));
    inBody.removeChild($('alertMe'));
    clearInterval(myInterval);
}

/*function tickMove(val) {
    if (val == 1) {
    	mV = true;
    } else {
    	mV = false;
    }
}*/

/*function tickerMove() {
    if (totalTickerWidth > 814) {
    	var mL = $('ticker').style.marginLeft.substr(0,($('ticker').style.marginLeft.length - 2));
    	if (mV) {
    		if (Math.abs(mL) >= totalTickerWidth) {
    			$('ticker').style.marginLeft = '812px';
    		} else {
    			$('ticker').style.marginLeft = mL - 2+'px';
    		}
    	}
    	setTimeout('tickerMove()', 40);
    }
}*/

function updatePrivateCredits(val) {
	$('pCredits').innerHTML = number_format(val, 2, '.', ',');
}

function number_format(a, b, c, d) {
    // number_format(number, decimals, comma, formatSeparator)
    a = Math.round(a * Math.pow(10, b)) / Math.pow(10, b);
    e = a + '';
    f = e.split('.');
    if(!f[0]) f[0] = '0';
    if(!f[1]) f[1] = '';
    if(f[1].length < b){
    	g = f[1];
    	for(i = f[1].length + 1; i <= b; i++) {
    		g += '0';
    	}
    	f[1] = g;
    }
    if(d != '' && f[0].length > 3) {
    	h = f[0];
    	f[0] = '';
    	for(j = 3; j < h.length; j += 3) {
    		i = h.slice(h.length - j, h.length - j + 3);
    		f[0] = d + i +  f[0] + '';
    	}
    	j = h.substr(0, (h.length % 3 == 0) ? 3 : (h.length % 3));
    	f[0] = j + f[0];
    }
    c = (b <= 0) ? '': c;
    return f[0] + c + f[1];
}

function checkDDValue(val) {
    var options = $(val).options;
    var selIndex = $(val).selectedIndex;
    return options[selIndex].value;
}
	
function checkDDIndex(val) {
    var options = $(val).options;
    var selIndex = $(val).selectedIndex;
    var checkOp = options[selIndex].value;
    if (checkOp == '') {
    	return false;
    } else {
    	return true;
    }
}
	
function checkDD(val) {
    var options = $(val).options;
    alert(options)
}

function getLink(link) {
	window.location.href = link;
}
//tickerMove();

var resCheckInvite = function(t) {
 	//alert(t.responseText); return;
	if (t.responseText.substr(0, 5) == 'Error') {
		alert(t.responseText);
	} else {
		var cont = '<div class="innerPad">'+
		'	<div class="padBtm10"><div class="generalHeader"><div class="left">You received an Invite!</div><div class="right"><div class="mb_close_su" onclick="closeModalBox()"></div></div><div class="clear"></div></div></div>'+
		'	<div class="padBtm10"><div class="instructions">To accept this invite please review the Pools rules and regulations below and press Submit.<p>If you choose not to join you can still copy and paste the code from the email you received into the Invite Code box.</p></div></div>'+
		'	<div class="padBtm10"><div class="instructions">'+t.responseText+'</div></div>'+
		'	<div class="cen" style="padding-left: 110px;">'+
		'		<a href="javascript: addPoolInvite()"><div class="left ap_addPool" style="margin-right: 5px;"></div></a>'+
		'	    <a href="javascript: removeInvite()"><div class="left ap_nevermind"></div></a>'+
		'	    <div class="clear"></div>'+
		'	</div>'+
		'</div>';
		modalBox(450,'',cont,'sign_up_mb',1);
	}
}

function checkInvite() {
	var sendVals = 'call=getInviteInfo';
	new Ajax.Request('/classes/Invite.php', {method:'post', postBody:sendVals, onComplete:resCheckInvite});
}

var resRemoveInvite = function(t) {
 	//alert(t.responseText); return;
	if (t.responseText.substr(0, 5) == 'Error') {
		alert(t.responseText);
	} else {
		closeModalBox();
	}
}

function removeInvite() {
	var sendVals = 'call=removeInvite';
	new Ajax.Request('/classes/Invite.php', {method:'post', postBody:sendVals, onComplete:resRemoveInvite});
}

var resAddPoolInvite = function(t) {
 	//alert(t.responseText); return;
	if (t.responseText.substr(0, 5) == 'Error') {
		alert(t.responseText);
		closeModalBox();
	} else {
		window.location.href = '/manager&s=getMyPools';
	}
}

function addPoolInvite() {
	var sendVals = 'call=addPoolInvite';
	new Ajax.Request('/classes/Invite.php', {method:'post', postBody:sendVals, onComplete:resAddPoolInvite});
}

function checkInviteQ() {
	
}

function gotInvite() {
	var cont = '<div class="innerPad">'+
	'	<div class="padBtm10"><div class="generalHeader"><div class="left">You received an Invite!</div><div class="right"><div class="mb_close_su" onclick="closeModalBox()"></div></div><div class="clear"></div></div></div>'+
	'	<div class="padBtm10"><div class="instructions">To accept this invite please login below or close out of this and Sign Up by clicking sign up.</div></div>'+
	'	<div class="cen padBtm10" style="padding-left: 5px;">'+
	'		<form id="myForm" name="myForm" method="post" enctype="multipart/form-data" action="/login" onsubmit="return checkInviteInfo()">'+
	'			<div class="lef padBtm5">Username</div>'+
	'			<div class="padBtm10"><div class="cell"><div class="inn"><input type="text" maxlength="150" size="30" id="user" name="user" value="" /></div></div></div>'+
	'			<div class="lef padBtm5">Password</div>'+
	'			<div class="padBtm10"><div class="cell"><div class="inn"><input type="password" maxlength="150" size="30" id="pass" name="pass" value="" /></div></div></div>'+
	'			<div class="lef padBtm20"><input type="submit" name="Login" value="" class="login_upd" /></div>'+
	'			<div class="cen padBtm10"><fb:login-button v="2" size="large" onlogin="window.location.href = \'/fplogin.php\'">Login with Facebook</fb:login-button></div>'+
	'		</form>'+
	'	</div>'+
	'</div>';
	modalBox(350,'',cont,'sign_up_mb',1);
}

function faceBookIt(val) {
	var str = '';
	if (val == 0) {
		str = '<p>If you already have a Love the Action account, go ahead and enter the </p>';
	}
	var cont = '<div class="innerPad">'+
	'	<div class="padBtm10"><div class="generalHeader"><div class="left">Facebook Connect!</div><div class="right"><div class="mb_close_su" onclick="closeModalBox()"></div></div><div class="clear"></div></div></div>'+
	'	<div class="padBtm10"><div class="instructions"><p>We noticed that you are currently signed into Facebook, and you do not have a Love the Action account.</p><p>We have made it easy for you to sign up using your your Facebook account.  To do so go ahead and click the "Connect with Facebook" button below.</p>'+str+'</div></div>'+
	'	<div class="cen padBtm10"><fb:login-button v="2" size="large" onlogin="window.location.href = \'/fplogin.php\'">Connect with Facebook</fb:login-button></div>'+
	'</div>';
	modalBox(350,'',cont,'sign_up_mb',1);
}

function missingInfo() {
	var cont = '<div class="innerPad">'+
	'	<div class="padBtm10"><div class="generalHeader"><div class="left">Welcome to Love the Action!</div><div class="right"><div class="mb_close_su" onclick="closeModalBox()"></div></div><div class="clear"></div></div></div>'+
	'	<div class="padBtm10"><div class="instructions">We were able to pull some of your information from Facebook, however, Love the Action requires some essential info so that we can communicate with you.</div></div>'+
	'	<div class="cen padBtm10" style="padding-left: 5px;">'+
	'		<form id="myForm" name="myForm" method="post" enctype="multipart/form-data" action="" onsubmit="return checkFbInfo()">'+
	'			<div class="lef padBtm5">Desired Username</div>'+
	'			<div class="padBtm10"><div class="cell"><div class="inn"><input type="text" maxlength="150" size="30" id="userFb" value="" /></div></div></div>'+
	'			<div class="lef padBtm5">Email</div>'+
	'			<div class="padBtm10"><div class="cell"><div class="inn"><input type="text" maxlength="150" size="30" id="emailFb" value="" /></div></div></div>'+
	'			<div class="lef"><input type="submit" value="" class="login_upd" /></div>'+
	'		</form>'+
	'	</div>'+
	'</div>';
	modalBox(350,'',cont,'sign_up_mb',1);
}

var resCheckFbInfo = function(t) {
 	//alert(t.responseText); return;
	if (t.responseText.substr(0, 5) == 'Error') {
		alert(t.responseText);
	} else {
		window.location.href = 'manager';
	}
}

function checkFbInfo() {
	var us = $('userFb').value;
	var em = $('emailFb').value;
	if ((us != '') && (em != '')) {
		var sendVals = 'user='+escape(us)+'&email='+escape(em);
		new Ajax.Request('/js/ajax/FBUpdateInfo.php', {method:'post', postBody:sendVals, onComplete:resCheckFbInfo});
	} else {
		alert('Sorry, but you have to enter a Username and Email address to proceed.');
	}
	return false;
}