// ***** Variables *************************************************************

var popup_dragging = false;
var popup_target;
var popup_mouseX;
var popup_mouseY;
var popup_mouseposX;
var popup_mouseposY;
var popup_oldfunction;
var gameDispPage=false;

//************************************************************************/
var xpos=0;
var ypos=0;
var flag1=true;
var winpop=false;

//**********************Change color on mouse change**********************************************/


function changeColor(id1,color) {
var i; 
var num;
for(i=0;i<5;i++)
{
num=id1+"a"+i;
element = document.getElementById(num); 
element.style.backgroundColor= color; 
}
} 

/**************************************open popup*******************************************/

function getMouseUser(id1,event,popup,popcol,btncol,txtcol,udet)
{
	
	
	if(popup=="loginpopup")
	{
		if(udet==0)
		{
		document.logform.username.value="";
        document.logform.password.value="";
		document.getElementById("txtHint").innerHTML=" "
		document.getElementById("passpopup").style.display  = "none";
		}
	}
	if(popup=="passpopup")
	{    
		document.getElementById("fgp_name").value = '';
		document.getElementById("txtHint22").style.display = 'none';
		document.getElementById("forgot_pass_form1").style.display = 'block';
		document.getElementById("txtHint2").innerHTML="";
	}
	
	if(popup=="regpopup")
	{ 
	
		document.getElementById("txtHint33").style.display = 'none';
		document.getElementById("reg_form1").style.display = 'block';
		document.regform3.username.value="";
        document.regform3.pass.value="";
		document.regform3.pass2.value="";
		document.regform3.first_name.value="";
		document.regform3.email.value="";
		document.regform3.country.value="";
	    document.regform3.city.value="";
		document.regform3.gender[1].checked=false;
		document.regform3.gender[0].checked=false;
		document.regform3.gender_val.value="";
		document.regform3.dob_yy.value='';
	    document.regform3.dob_mm.value='';
	    document.regform3.dob_dd.value='';
		document.getElementById("txtHint3").innerHTML="";
		document.getElementById("txtUAvail").innerHTML="";
		
	}
	if(popup=="searchpopup")
	{    
        document.getElementById("gsearch").value ='Search all OIG games';
		
	}
	
	
/*************************************login***********************************************************/
if(popup=="loginpopup")
{
	
if(udet==0)
{
var obj = document.getElementById('logtab1');
var posX = obj.offsetLeft;
var posY = obj.offsetTop;
while(obj.offsetParent){
posX=posX+obj.offsetParent.offsetLeft;
posY=posY+obj.offsetParent.offsetTop;
if(obj==document.getElementsByTagName('body')[0])
{break}
else{obj=obj.offsetParent;}
}		
		
	var logtext= document.getElementById('logtext')
	closePopup('regpopup','regsp1','regsp2',1879,btncol,txtcol)
	closePopup('searchpopup','searchsp1','searchsp2',1881,btncol,txtcol)
	xpos=posX-75;
	    ypos=posY+28;
		var up= document.getElementById('logsp1')
		var dn= document.getElementById('logsp2')
		var lpop= document.getElementById('loginpopup')
if(up.style.display  == "block")
{
up.style.display  = "none";
dn.style.display  = "block";
changeColor(id1,popcol);
logtext.style.color  = btncol;

popup_show(popup,popcol,btncol,'mouse',xpos, ypos);	
}
else
{
lpop.style.display  = "none";
up.style.display  = "block";
dn.style.display  = "none";
changeColor(id1,btncol);
logtext.style.color  = txtcol;
 winpop=false;
 if(gameDispPage)
 {
gameDispPage=false;
gamePlay.style.display = "block"
 }
 
}
}
else
{
	
	
var obj = document.getElementById('sploguser1');
var posX = obj.offsetLeft;
var posY = obj.offsetTop;
while(obj.offsetParent){
posX=posX+obj.offsetParent.offsetLeft;
posY=posY+obj.offsetParent.offsetTop;
if(obj==document.getElementsByTagName('body')[0])
{break}
else{obj=obj.offsetParent;}
}		
	
		    
var lpop= document.getElementById('loginpopup')
var logname= document.getElementById('sploguser1')
		
	    xpos=posX-85;
	    ypos=posY+14;
		
		
if(lpop.style.display  == "block")
{
logname.style.background  = btncol;
logname.style.color  = txtcol;
logname.style.fontSize  = "12px";
lpop.style.display  = "none";
}
else
{
logname.style.background  = popcol;
logname.style.color  = btncol;
logname.style.fontSize  = "16px";
popup_show(popup,popcol,btncol,'mouse',xpos, ypos);		
}

}
}
else if(popup=="passpopup")
{
var passpop= document.getElementById('passpopup')   
if(passpop.style.display  == "block")
{
passpop.style.display  = "none";
}
else
{
passpop.style.display  = "block";
}
}

/*********************************register**********************************************/
else if(popup=="regpopup")
{	
 var regtext= document.getElementById('regtext') 
closePopup('loginpopup','logsp1','logsp2',1880,btncol,txtcol)
closePopup('searchpopup','searchsp1','searchsp2',1881,btncol,txtcol)
var gamePlay=document.getElementById('gameDisp');
var obj = document.getElementById('regtab1');
var posX = obj.offsetLeft;
var posY = obj.offsetTop;
while(obj.offsetParent){
posX=posX+obj.offsetParent.offsetLeft;
posY=posY+obj.offsetParent.offsetTop;
if(obj==document.getElementsByTagName('body')[0])
{break}
else{obj=obj.offsetParent;}
}				

	    xpos=posX-330;
	    ypos=posY+28;
		var up= document.getElementById('regsp1')
		var dn= document.getElementById('regsp2')
		var rpop= document.getElementById('regpopup')
if(up.style.display  == "block")
{
up.style.display  = "none";
dn.style.display  = "block";
changeColor(id1,popcol);
regtext.style.color  = btncol;
if(gamePlay!=null)
{					 
if(gamePlay.style.display == "block")
{
gameDispPage=true;
$("#gameDisp").slideToggle();
}
}

popup_show(popup,popcol,btncol,'mouse',xpos, ypos);	
}
else
{

rpop.style.display  = "none";
up.style.display  = "block";
dn.style.display  = "none";
changeColor(id1,btncol);
regtext.style.color  = txtcol;
 winpop=false;
 //$("#"+popup).slideToggle();	
 if(gameDispPage)
 {
gameDispPage=false;
//gamePlay.style.display = "block"
$("#gameDisp").slideToggle();
 }
}
}	
/***************************Search****************************/

else if(popup=="searchpopup")
{	
 var regtext= document.getElementById('searchtext')  
 if(udet==0)
 {
closePopup('loginpopup','logsp1','logsp2',1880,btncol,txtcol)
closePopup('regpopup','regsp1','regsp2',1879,btncol,txtcol)
 }

var obj = document.getElementById('searchtab1');
var posX = obj.offsetLeft;
var posY = obj.offsetTop;
while(obj.offsetParent){
posX=posX+obj.offsetParent.offsetLeft;
posY=posY+obj.offsetParent.offsetTop;
if(obj==document.getElementsByTagName('body')[0])
{break}
else{obj=obj.offsetParent;}
}				

	    xpos=posX-125;
	    ypos=posY+28;
		var up= document.getElementById('searchsp1')
		var dn= document.getElementById('searchsp2')
		var rpop= document.getElementById('searchpopup')
if(up.style.display  == "block")
{
up.style.display  = "none";
dn.style.display  = "block";
changeColor(id1,popcol);
regtext.style.color  = btncol;
popup_show(popup,popcol,btncol,'mouse',xpos, ypos);	
}
else
{
rpop.style.display  = "none";
up.style.display  = "block";
dn.style.display  = "none";
changeColor(id1,btncol);
regtext.style.color  = txtcol;
 winpop=false;
}
}	

/******************************************************/
}
/*************************************Out of credit Register***************************************/
function getRegister(popup,wdrag,wexit)
{ 
getMouseUser(id1,event,popup,wdrag,wexit,txtcol,udet)
//popup_show(popup,wdrag,wexit,'screen-center',0, 0);	
}
/*****************************************click button********************************************/
function getMouseUserClick(id1,event,popup,wdrag,wexit,txtcol,udet)
{   winpop=true;
	getMouseUser(id1,event,popup,wdrag,wexit,txtcol,udet);
}

/*********************************************Mouse Out*******************************************/
function getMouseUserOut(id1,event,popup,wdrag,wexit,udet)
{  

if(winpop==false)
{	
document.getElementById(popup).style.display = 'none';
}
}

/***************************************Mouse Over**************************************************/
function getMouseUserOver(id1,event,popup,wdrag,wexit,udet)
{  
if(winpop==false)
{
getMouseUser(id1,event,popup,wdrag,wexit,txtcol,udet);
}
}




/***** popup_show ************************************************************/

function popup_show(id, drag_id, exit_id, position, x, y, position_id)
{
  var element      = document.getElementById(id);
  //var drag_element = document.getElementById(drag_id);
  //var exit_element = document.getElementById(exit_id);

  var width        = window.innerWidth  ? window.innerWidth  : document.documentElement.clientWidth;
  var height       = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight;
  $("#"+id).slideToggle();
  element.style.position = "absolute";
  element.style.display  = "block";

  if (position == "element" || position == "element-right" || position == "element-bottom")
  {
    var position_element = document.getElementById(position_id);

    for (var p = position_element; p; p = p.offsetParent)
      if (p.style.position != 'absolute')
      {
        x += p.offsetLeft;
        y += p.offsetTop;
      }

    if (position == "element-right" ) x += position_element.clientWidth;
    if (position == "element-bottom") y += position_element.clientHeight;

    element.style.left = x+'px';
    element.style.top  = y+'px';
  }

  if (position == "mouse")
  {
    
	element.style.left = x;
    element.style.top  = y;
  }

}
/********************Popup close***********************************************************/

function closePopup(nm,up1,dn1,id,btncol,txtcol)
{   
    var textid;
    if(id==1879)
	{
		textid="regtext";
	}
	else if(id==1880)
	{
		textid="logtext";
	}
	else if(id==1881)
	{
		textid="searchtext";
	}
	var textch= document.getElementById(textid)
	textch.style.color  = txtcol;
	var logpop= document.getElementById(nm)
   var up= document.getElementById(up1)
   var dn= document.getElementById(dn1)
   up.style.display  = "block";
   dn.style.display  = "none";
	logpop.style.display  = "none";
	changeColor(id,btncol);
if(gameDispPage)
 {
gameDispPage=false;
$("#gameDisp").slideToggle();
//document.getElementById('gameDisp').style.display = "block";
 }
	
}