﻿
function ShowHideCategories(num)
{
    var popupDiv;
    var languages_top;
    var include_div;
    var middle;
    switch(num)
    {
        case 1:
            if(document.getElementById("popupDiv").style.display != "none")
            {
                document.getElementById("languages_top").className = "hidden";
                document.getElementById("popupDiv").style.display = "none";
            }
            else
            {
                popupDiv = document.getElementById("popupDiv");
                languages_top = document.getElementById("languages_top");
                include_div = document.getElementById("include_header");
                AssignPosition(popupDiv,languages_top,include_div,1);
                document.getElementById("languages_top").className = "visibled";
                document.getElementById("popupDiv").style.display = "block";
            }
            break;
        case 2:
            if(document.getElementById("popupDivBlue").style.display != "none")
            {
                document.getElementById("img_select_lang").className = "hidden";
                document.getElementById("popupDivBlue").style.display = "none";
                document.getElementById("img_business").style.visibility = "visible";
                document.getElementById("img_family").style.visibility = "visible";
                document.getElementById("img_travel").style.visibility = "visible";
            }
            else
            {
                popupDiv = document.getElementById("popupDivBlue");
                languages_top = document.getElementById("img_select_lang");
                AssignPosition(popupDiv,languages_top,null,2);
                document.getElementById("img_select_lang").className = "visibled";
                document.getElementById("popupDivBlue").style.display = "block";
                document.getElementById("img_business").style.visibility = "hidden";
                document.getElementById("img_family").style.visibility = "hidden";
                document.getElementById("img_travel").style.visibility = "hidden";
            }
            break;
        case 3:
            if(document.getElementById("popupDivMenu").style.display != "none")
            {
                document.getElementById("menu_popup").className = "hidden";
                document.getElementById("popupDivMenu").style.display = "none";
            }
            else
            {
                popupDiv = document.getElementById("popupDivMenu");
                languages_top = document.getElementById("menu_popup");
                middle = document.getElementById("middle");
                AssignPosition(popupDiv,languages_top,middle,3);
                document.getElementById("menu_popup").className = "visibled";
                document.getElementById("popupDivMenu").style.display = "block";
            }
            break;
        case 4:
            if(document.getElementById("popupDivBlue").style.display != "none")
            {
                document.getElementById("img_select_lang").className = "hidden";
                document.getElementById("popupDivBlue").style.display = "none";
            }
            else
            {
                popupDiv = document.getElementById("popupDivBlue");
                languages_top = document.getElementById("img_select_lang");
                AssignPosition(popupDiv,languages_top,null,2);
                document.getElementById("img_select_lang").className = "visibled";
                document.getElementById("popupDivBlue").style.display = "block";
            }
            break;
        case 5:
            if(document.getElementById("popupDivBlue1").style.display != "none")
            {
                document.getElementById("img_select_lang1").className = "hidden";
                document.getElementById("popupDivBlue1").style.display = "none";
            }
            else
            {
                popupDiv = document.getElementById("popupDivBlue1");
                languages_top = document.getElementById("img_select_lang1");
                AssignPosition(popupDiv,languages_top,null,2);
                document.getElementById("img_select_lang1").className = "visibled";
                document.getElementById("popupDivBlue1").style.display = "block";
            }
            break;
    }
}

function AssignPosition(d,s,include_div,num) 
{
    var b_version = navigator.appVersion.toLowerCase();
    var page_name = window.location.pathname;
    var sPage = page_name.substring(page_name.lastIndexOf('/') + 1);
    sPage = sPage.toLowerCase();
    switch(num)
    {
        case 1:
            if(document.all) 
            { 
                if(b_version.indexOf("msie 6")!=-1)
                {
                    d.style.left = ((document.body.clientWidth /2) + (include_div.clientWidth /2) - s.clientWidth + 10) + "px";
	                d.style.top = (document.body.offsetTop + s.clientHeight + s.style.marginTop) + "px";
                }
                else
                {
                    d.style.left = ((document.body.clientWidth /2) + (include_div.clientWidth /2) - s.clientWidth + 15) + "px";
	                d.style.top = (document.body.offsetTop + s.clientHeight + s.style.marginTop) + "px";
	            }
	        }
	        else
	        {
	            d.style.left = ((document.body.clientWidth /2) + (include_div.clientWidth /2) - s.clientWidth + 13) + "px";
	            d.style.top = (8 + document.body.offsetTop + s.clientHeight + s.style.marginTop) + "px";
            }
            break;
       case 2:
            if(document.all) 
            {
                if((b_version.indexOf("msie 6")!=-1)&&(sPage=="about.asp"))
                {
                    d.style.left = "0px";
	                d.style.top = (s.clientHeight - 20) + "px";
	            }
	            else
	            {
	                d.style.left = "0px";
	                d.style.top = (s.clientHeight - 10) + "px";
	            }
	        }
	        else
	        {
	            d.style.left = "0px";
	            d.style.top = "27px";
            }       
            break;
        case 3:
            if(document.all)
            {
                if(b_version.indexOf("msie 6")!=-1)
                {
                    d.style.left = ((document.body.clientWidth /2)-(middle.clientWidth /2) + 18) + "px";
                    d.style.top = "97px";
                }
                else
                {
                    d.style.left = ((document.body.clientWidth /2)-(middle.clientWidth /2) + 1) + "px";
                    d.style.top = "93px";
                }
            }
            else
            {
                d.style.left = "";
                d.style.top = "86px";
            }
            break;
    }
}

function movepic(img_name,img_src) 
{
    img_name.src=img_src;
}

function movepic_new(old_pic,new_pic)
{
    document.getElementById(old_pic).style.display = "none";
    document.getElementById(new_pic).style.display = "inline";
}

function SubmitToThankYouPage(af)
{
    if(ValidateDemoDownloadForm())
    {
        var chkUpdateSend_demo;
        var fname=document.getElementById("fname_demo").value;
        var lname=document.getElementById("lname_demo").value;
        var email=document.getElementById("email_demo").value;
        var dLang=document.getElementById("dLang_demo").value;
        var sLang=document.getElementById("sLang_demo").value;
        var lp=document.getElementById("lp").value;
        if(document.getElementById("chkUpdateSend_demo").checked==true)
            chkUpdateSend_demo = 1;
        else
            chkUpdateSend_demo = 0;
        window.location = "http://www.natively.com/master_page/thank_you/demo_thank_you.asp?af=" + af + "&fname=" + fname + "&lname=" + lname + "&email=" + email + "&dLang=" + dLang + "&sLang=" + sLang + "&lp=" + lp + "&chkUpdateSend=" + chkUpdateSend_demo;
    }
}
function ValidateDemoDownloadForm()
{
    var fname;
    var lname;
    var email;
    var dLang;
    var sLang;
    fname = document.getElementById("fname_demo");
    lname = document.getElementById("lname_demo");
    email = document.getElementById("email_demo");
    dLang = document.getElementById("dLang_demo");
    sLang = document.getElementById("sLang_demo");
	
    if ((fname.value=="")||(fname.value=="Name:"))
    {
        fname.value="";
        markErrorDemo(fname,"Missing: Your Name");
        return false;
    }
    for(i=0;i<fname.value.length;i++)
    {				    
        charCode = fname.value.charCodeAt(i);
        if ((charCode> 96 && charCode<123)||(charCode> 64 && charCode<91) || charCode==32 )
        {
        }			           
        else
        {
            fname.value="";
            markErrorDemo(fname,"Enter Your Name In English Letters only!");
            return false;
        }
    }
    if ((lname.value=="")||(lname.value=="Last Name:"))
    {
        lname.value="";
        markErrorDemo(lname,"Missing: Your Last Name");
        return false;
    }
    for(i=0;i<lname.value.length;i++)
    {				    
        charCode = lname.value.charCodeAt(i);
        if ((charCode> 96 && charCode<123)||(charCode> 64 && charCode<91) || charCode==32 )
        {
        }			           
        else
        {
            lname.value="";
            markErrorDemo(lname,"Enter Your Last Name In English Letters only!");
            return false;
        }
    }
    if ((email.value=="")||(email.value=="E-mail:"))
    {
        email.value="";
        markErrorDemo(email,"Missing E-mail address.");
        return false;
    }
    if ( isEmail(email.value)== false)
    {
        email.value="";
        markErrorDemo(email,"Please insert a valid E-mail address.");
        return false;
    }
    if(dLang.value == 0)
    {
        markErrorDemo(dLang,"Please select a Language.");
        return false;
    }
//    if(sLang.value == 0)
//    {
//	    markError(sLang,"Please select a Language.");
//	    return false;
//    }
    return true;    
}

function isEmail(mail)
{
    var char1=mail.split("@");
    var y=mail.indexOf("@",0); 
    var e=mail.indexOf(".",0);
    var w=mail.lastIndexOf(".", mail.length-1);
    var sp=mail.indexOf(" ",0);
    var pl=mail.indexOf("@.",0);
    for(i=0; i<mail.length; i++) 
    {
        if (mail.charAt(i)=="/" || mail.charAt(i)==":" || mail.charAt(i)==";" || sp>0 || pl>0 ||
	        mail.charAt(i)=='"'|| char1.length>2 || y==-1 || y==0 || e==0 || w==mail.length-1 || e==-1 ){
           return false;
         }	
    }
}

function markErrorDemo(obj,strError) 
{
	alert (strError);
	obj.focus();
}

function DisplayInfo(num)
{
    var div = document.getElementById("popupDiv" + num);
    if(div.style.display != "block")
    {
        div.style.display = "block";
        if((num == 2)&&(navigator.appName=="Netscape"))
        {
            document.getElementById("right_block3").style.marginTop = "-6px";
        }
    }
    else
    {
        div.style.display = "none";
        if((num == 2)&&(navigator.appName=="Netscape"))
        {
            document.getElementById("right_block3").style.marginTop = "16px";
        }
    }
}

function showCvvImage()
{
    var div = document.getElementById("popupDivCvvImage");
    if(div.style.display != "block")
    {
        div.style.display = "block";
    }
    else
    {
        div.style.display = "none";
    }
}