﻿/* -----AJAX CONFIG -------------------------------------------------------------------*/

var what = "AjaxStatus(req.responseText)";
function DoCallback(url)
{
    // branch for native XMLHttpRequest object
    if (window.XMLHttpRequest) {
        req = new XMLHttpRequest();
        req.onreadystatechange = processReqChange;
        req.open('GET', url, true);
        req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
        req.send(null);
    // branch for IE/Windows ActiveX version
    } else if (window.ActiveXObject) {
        req = new ActiveXObject('Microsoft.XMLHTTP')
        if (req) {
            req.onreadystatechange = processReqChange;
            req.open('GET', url, true);
            req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
            req.send(null);
        }
    }
}

function processReqChange() {
    // only if req shows 'loaded'
    if (req.readyState == 4) {
        // only if 'OK'
        if (req.status == 200) {
            eval(what);
        } else {
            alert('There was a problem retrieving the XML data: ' + req.responseText);
        }
    }
}

function AjaxStatus(Status)
{			
	
	if(Status == "SendFriend_Success") {
        document.getElementById("ctl00_ContentPlaceHolder1_share_successmsg").innerHTML = "Success, your message has been sent!";
	    trigger_hideme("share");
	}else if(Status == "Contact_Success") {
        document.getElementById("ctl00_ContentPlaceHolder1_con_successmsg").innerHTML = "Success, your message has been sent!";
	    trigger_hideme("contact");
	}
	
}

function trigger_hideme(type) {
	if(type == "share") {
        var name1=document.getElementById('ctl00_ContentPlaceHolder1_share_Name1');
        var email1=document.getElementById('ctl00_ContentPlaceHolder1_share_Email1');
        var name2=document.getElementById('ctl00_ContentPlaceHolder1_share_Name2');
        var email2=document.getElementById('ctl00_ContentPlaceHolder1_share_Email2');
        var series=document.getElementById('ctl00_ContentPlaceHolder1_share_series');
        var msg=document.getElementById('ctl00_ContentPlaceHolder1_share_Msg');
        name1.value = "";
        name2.value = "";
        email1.value = "";
        email2.value = "";
        msg.value = "Please check out this series in development from Believe Animation.";            
            
	}else if(type == "contact") {
	    
	    var inquirytype = document.getElementById('ctl00_ContentPlaceHolder1_ddInquiry');
        var interests = document.getElementById('ctl00_ContentPlaceHolder1_ddInterests');
        var interests2 = document.getElementById('ctl00_ContentPlaceHolder1_txtOtherInterests');
        var fname=document.getElementById('ctl00_ContentPlaceHolder1_con_Firstname');
        var lname=document.getElementById('ctl00_ContentPlaceHolder1_con_Lastname');
        var organization=document.getElementById('ctl00_ContentPlaceHolder1_con_Company');
        var phone=document.getElementById('ctl00_ContentPlaceHolder1_con_Phone');
        var email=document.getElementById('ctl00_ContentPlaceHolder1_con_Email');
        var msg=document.getElementById('ctl00_ContentPlaceHolder1_con_Msg');
	    
        document.getElementById('other').style.display = "none";
        inquirytype.selectedIndex = "0";
        interests.selectedIndex = "0";
        interests2.value = "";
        fname.value = "";
        lname.value = "";
        organization.value = "";
        phone.value = "";
        email.value = "";
        msg.value = "";
	}
}

/* AJAX/JS FOR SERIES SHOWCASE */

function switchTab(tab) {
    document.getElementById("video").style.display = "none";
    document.getElementById("share").style.display = "none";
    document.getElementById("contact").style.display = "none";
    document.getElementById(tab).style.display = "block";

    if(document.getElementById("a_video"))
        document.getElementById("a_video").className = "";
    document.getElementById("a_share").className = "";
    document.getElementById("a_contact").className = "";
    document.getElementById("a_"+tab).className = "on";
    
    /*if(BrowserDetect.browser == "Explorer")
        if(document.movie)
            document.movie.Stop();*/
            
    //document.getElementById("movie").Stop();
}
    
function SendFriend(input, val){
 
    var name1=document.getElementById('ctl00_ContentPlaceHolder1_share_Name1');
    var email1=document.getElementById('ctl00_ContentPlaceHolder1_share_Email1');
    var name2=document.getElementById('ctl00_ContentPlaceHolder1_share_Name2');
    var email2=document.getElementById('ctl00_ContentPlaceHolder1_share_Email2');
    var series=document.getElementById('ctl00_ContentPlaceHolder1_share_series');
    var msg=document.getElementById('ctl00_ContentPlaceHolder1_share_Msg');
    var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
    var error = 0;
    
    document.getElementById("ctl00_ContentPlaceHolder1_share_successmsg").style.visibility = "hidden";
    // This checks to make sure these events are triggered onblur, not on the button send being clicked
    if(val == "") {
        // Check to see if the field is filled out
        if(input.value == "") {
        
            input.className = "share_txt ERROR";
                        
        }else{
        
            input.className = "share_txt";
        
            // Let's see if this input is an Email address, based on the ID name
            if(input.id.indexOf("Email") > 0) {
            
                if(reg.test(input.value) == false) {
                
                    input.className = "share_txt ERROR";
                }else{
                    input.className = "share_txt";
                }
            
            }
        }
        
        var inputs = document.getElementsByTagName("input");
        var count = 0;
        document.getElementById("share_error").style.display = "none";
        for(i = 0; i < inputs.length; i++) {
            if(inputs[i].className == "share_txt ERROR") {
                document.getElementById("share_error").style.display = "block";
                count++;
            }
        }
        
    }else if(val == "send") {

        if (name1.value == '')
        {
            error = 1;
            name1.className = "share_txt ERROR";
            
        }
        if(reg.test(email1.value) == false) 
        {
            error = 1;
            email1.className = "share_txt ERROR";
        }
        if (name2.value == '')
        {
            error = 1;
            name2.className = "share_txt ERROR";
        }
        if(reg.test(email2.value) == false) {
            error = 1;
            email2.className = "share_txt ERROR";
        }
    
        if(error != 1)
        {
            document.getElementById("share_error").style.display = "none";
            if(val == "send"){
            document.getElementById("ctl00_ContentPlaceHolder1_share_successmsg").style.visibility = "visible";
            DoCallback("http://www.believeanimation.com/App_Js/ajax.aspx?method=sendfriend&name1="+name1.value+"&email1="+email1.value+"&name2="+name2.value+"&email2="+email2.value+"&series="+series.value+"&msg="+msg.value);
            //DoCallback("http://localhost:2582/App_Js/ajax.aspx?method=sendfriend&name1="+name1.value+"&email1="+email1.value+"&name2="+name2.value+"&email2="+email2.value+"&series="+series.value+"&msg="+msg.value);
            }
        }
        else
        {
            document.getElementById("share_error").style.display = "block";
        }
    }
}

function Contact(input, val){
 
    var inquirytype = document.getElementById('ctl00_ContentPlaceHolder1_ddInquiry');
    var interests = document.getElementById('ctl00_ContentPlaceHolder1_ddInterests');
    var interests2 = document.getElementById('ctl00_ContentPlaceHolder1_txtOtherInterests');
    var fname=document.getElementById('ctl00_ContentPlaceHolder1_con_Firstname');
    var lname=document.getElementById('ctl00_ContentPlaceHolder1_con_Lastname');
    var organization=document.getElementById('ctl00_ContentPlaceHolder1_con_Company');
    var phone=document.getElementById('ctl00_ContentPlaceHolder1_con_Phone');
    var email=document.getElementById('ctl00_ContentPlaceHolder1_con_Email');
    var msg=document.getElementById('ctl00_ContentPlaceHolder1_con_Msg');
    var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
    var error = 0;

    document.getElementById("ctl00_ContentPlaceHolder1_con_successmsg").style.visibility = "hidden";
     
    // This checks to make sure these events are triggered onblur, not on the button send being clicked
    if(val == "") {
        // Check to see if the field is filled out
        if(input.value == "") {
            if(input.className == "share_txt")
                input.className = "share_txt ERROR";
            else if(input.className == "share_txtarea")
                input.className = "share_txtarea ERROR";
                        
        }else{
        
            if(input.className == "share_txt ERROR")
                input.className = "share_txt";
            else if(input.className == "share_txtarea ERROR")
                input.className = "share_txtarea";
        
            // Let's see if this input is an Email address, based on the ID name
            if(input.id.indexOf("Email") > 0) {
            
                if(reg.test(input.value) == false) {
                    if(input.className == "share_txt")
                        input.className = "share_txt ERROR";
                    else if(input.className == "share_txtarea")
                        input.className = "share_txtarea ERROR";
                }else{
                    if(input.className == "share_txt ERROR")
                        input.className = "share_txt";
                    else if(input.className == "share_txtarea ERROR")
                        input.className = "share_txtarea";
                }
            
            }
        }
        var inputs = document.getElementsByTagName("input");
        document.getElementById("con_error").style.display = "none";
        for(i = 0; i < inputs.length; i++) {
            if(inputs[i].className == "share_txt ERROR") {
                document.getElementById("con_error").style.display = "block";
            }
        }
        var txts = document.getElementsByTagName("textarea");
        for(t = 0; t < txts.length; t++) {
            if(txts[t].className == "share_txtarea ERROR") {
                document.getElementById("con_error").style.display = "block";
            }
        }
    }else if(val == "send") {
    
        if((interests.value == "Other...") && (interests2.value == "")) {
            error = 1;
            interests2.className = "share_txt ERROR";
            document.getElementById('other').style.display = "block";
        }else{
            error = 0;
            interests2.className = "share_txt";
        }
        if (fname.value == '')
        {
            error = 1;
            fname.className = "share_txt ERROR";
            
        }
        if (lname.value == '')
        {
            error = 1;
            lname.className = "share_txt ERROR";
            
        }
        if(reg.test(email.value) == false) {
            error = 1;
            email.className = "share_txt ERROR";
            
        }              
        if(msg.value == '') {
            
            error = 1;
            msg.className = "share_txtarea ERROR";

        }
        if(error != 1){    
            
            document.getElementById("con_error").style.display = "none";
            if(val == "send"){
                var name = fname.value + " " + lname.value;
                var allinterests = "";
                
                if(interests2.value != "") 
                    allinterests = interests.value + " - Specifically: " + interests2.value;
                else
                    allinterests = interests.value;
                
                document.getElementById("ctl00_ContentPlaceHolder1_con_successmsg").style.visibility = "visible";
                DoCallback("http://www.believeanimation.com/App_Js/ajax.aspx?method=contact&inquirytype="+inquirytype.value+"&interests="+allinterests+"&name="+name+"&company="+organization.value+"&phone="+phone.value+"&email="+email.value+"&msg="+msg.value);
                //DoCallback("http://localhost:2582/App_Js/ajax.aspx?method=contact&inquirytype="+inquirytype.value+"&interests="+allinterests+"&name="+name+"&company="+organization.value+"&phone="+phone.value+"&email="+email.value+"&msg="+msg.value);
            }
         }
         else
         {
            document.getElementById("con_error").style.display = "block";
         }  
    }  
}

function checkDD(dd) {
    if(dd.value == "Other...") 
        document.getElementById('other').style.display = "block";
    else
        document.getElementById('other').style.display = "none";
}
