// JScript source code

var openSubMenu='nothing';

function changePhoto(image)
{
    document.getElementById('secondRowSecondItem').style.backgroundImage='url(images/chaging-' + image + '.png)';   
    document.getElementById('secondRowThirdItem1').style.display="none";
    document.getElementById('secondRowThirdItem2').style.display="none";
    document.getElementById('secondRowThirdItem3').style.display="none";
    
    document.getElementById('secondRowThirdItem' + image).style.display="block";

}

function removeBluring(txtBox)
{
    document.getElementById(txtBox).className = "txt-box"
    //if(document.getElementById(txtBox).value == "username" || document.getElementById(txtBox).value == "password" )
	if(document.getElementById(txtBox).value == "username")
    document.getElementById(txtBox).value = ""
	if(document.getElementById(txtBox).value == "password")
    document.getElementById(txtBox).value = ""
}

function removeBluring1(txtBox)
{
    document.getElementById(txtBox).className = "txt-box"
    if(document.getElementById(txtBox).value == "password" )
    document.getElementById(txtBox).value = ""
	document.getElementById(txtBox).type = "password"
}

function reBluring(txtBox)
{

    if(document.getElementById(txtBox).value == "" || document.getElementById(txtBox).value == "password" )
    {
        document.getElementById(txtBox).className = "txt-box water-mark"
        if(txtBox == "usernameTxt")
            document.getElementById(txtBox).value = "username"  
        else
            document.getElementById(txtBox).value = "password"   
    }
    
}

function showSubMenu(sourceBtn)
{
    var subMenuName;
    
    if(sourceBtn=='menuItemOne')
    {
		
        document.getElementById('subMenuOne').style.left = document.getElementById('menuItemOne').parentNode.offsetParent.offsetLeft + 'px';
        if(openSubMenu!='nothing')
            document.getElementById(openSubMenu).style.display='none';
        document.getElementById('subMenuOne').style.display='block';
        openSubMenu='subMenuOne'
        subMenuName= 'subMenuOne';
    }   
    else if(sourceBtn=='menuItemTwo')
    {
		//alert(document.getElementById('subMenuTwo').parentNode.offsetParent.offsetLeft + 'px');
        document.getElementById('subMenuTwo').style.left = document.getElementById('menuItemTwo').parentNode.offsetParent.offsetLeft +125+ 'px';
	    //document.getElementById('subMenuTwo').style.left = 180+'px';
       
        if(openSubMenu!='nothing')
            document.getElementById(openSubMenu).style.display='none';
        document.getElementById('subMenuTwo').style.display='block';
        openSubMenu='subMenuTwo'
        subMenuName= 'subMenuTwo';
    }
    else if(sourceBtn=='menuItemThree')
    {
        document.getElementById('subMenuThree').style.left = document.getElementById('menuItemThree').parentNode.offsetParent.offsetLeft + 250 + 'px';
        if(openSubMenu!='nothing')    
            document.getElementById(openSubMenu).style.display='none';
        document.getElementById('subMenuThree').style.display='block';
        openSubMenu='subMenuThree'
        subMenuName= 'subMenuThree';
    }
    else if(sourceBtn=='menuItemFour')
    {
        document.getElementById('subMenuFour').style.left = document.getElementById('menuItemFour').parentNode.offsetParent.offsetLeft + 355 + 'px';
        if(openSubMenu!='nothing')
            document.getElementById(openSubMenu).style.display='none';
        document.getElementById('subMenuFour').style.display='block';
        openSubMenu='subMenuFour'
        subMenuName= 'subMenuFour';
    }
    else if(sourceBtn=='menuItemFive')
    {
        document.getElementById('subMenuFive').style.left = document.getElementById('menuItemFive').parentNode.offsetParent.offsetLeft + 401 + 'px';
        if(openSubMenu!='nothing')
            document.getElementById(openSubMenu).style.display='none';
        document.getElementById('subMenuFive').style.display='block';
        openSubMenu='subMenuFive'
        subMenuName= 'subMenuFive';
    }
    else if(sourceBtn=='menuItemSix')
    {
        document.getElementById('subMenuSix').style.left = document.getElementById('menuItemSix').parentNode.offsetParent.offsetLeft + 535 + 'px';
        if(openSubMenu!='nothing')
            document.getElementById(openSubMenu).style.display='none';
        document.getElementById('subMenuSix').style.display='block';
        openSubMenu='subMenuSix'
        subMenuName= 'subMenuSix';
    }
    else if(sourceBtn=='menuItemSeven')
    {
        document.getElementById('subMenuSeven').style.left = document.getElementById('menuItemSeven').parentNode.offsetParent.offsetLeft + 650 + 'px';
        if(openSubMenu!='nothing')
            document.getElementById(openSubMenu).style.display='none';
        document.getElementById('subMenuSeven').style.display='block';
        openSubMenu='subMenuSeven'
        subMenuName= 'subMenuSeven';
    }
    else if(sourceBtn=='menuItemEight')
    {
        document.getElementById('subMenuEight').style.left = document.getElementById('menuItemEight').parentNode.offsetParent.offsetLeft + 600 + 'px';
        if(openSubMenu!='nothing')
            document.getElementById(openSubMenu).style.display='none';
        document.getElementById('subMenuEight').style.display='block';
        openSubMenu='subMenuEight'
        subMenuName= 'subMenuEight';
     }
     else if(sourceBtn=='menuItemNine')
     {
        document.getElementById('subMenuNine').style.left = document.getElementById('menuItemNine').parentNode.offsetParent.offsetLeft + 667 + 'px';
        if(openSubMenu!='nothing')
            document.getElementById(openSubMenu).style.display='none';
        document.getElementById('subMenuNine').style.display='block';
        openSubMenu='subMenuNine'
        subMenuName= 'subMenuNine';
     }
     document.getElementById(subMenuName).style.top = '102' + 'px';
}

function changeSingle()
{
	
	document.getElementById("frm_multiAccounts").style.display="none";
    document.getElementById("frm_singleAccount").style.display="block";
   
    
}

function changeMultiple()
{
	document.getElementById("frm_multiAccounts").style.display="block";
    document.getElementById("frm_singleAccount").style.display="none";
    
}