﻿// JScript 文件
var uid;
var department = 0;
var customer = "";
var cptype = "";

//web page load
function cpload()
{
    uid = getuid();
         
    if(uid == 0)
    {
        $("divlog").style.display = "";
        $("div3").style.display = "none";
    }
    else
    {
        $("divlog").style.display = "none";
        $("div3").style.display = "";
    }
}

function cplist1()
{
    //clear
    var rowcount2 = $("cp1").rows.length;
    for(var h = 0; h < rowcount2; h++)
    {
        $("cp1").removeChild($("cp1").rows.item(0));
    }
    
    url = "ashx/cpcustomer.ashx?partment=1";
    
    var myAjax = new Ajax.Request
                (   
                    url,   
                    {
                        method: "get", 
                        onComplete: cplist1do
                    }   
                );  
}
function cplist1do(xmlhttp)
{
    var xml = xmlhttp.responseXML;
    
    var html = "<table width='100%'>";
    
    if(xmlhttp.responseText != "<NewDataSet />")
    {
        var pricelist = xml.getElementsByTagName("Table");
        
        for(var i = 0; i < pricelist.length; i++)
        {
            html += "<tr>";
            
            for(var j = 0; j < 4; j ++)
            {
                html += "<td style=\"width:120px;height:20px\">";
                
                html += "<input type='radio' name='rdd' onclick='setcus(1,\"" + pricelist[i].getElementsByTagName("enName")[0].childNodes[0].nodeValue + "\")'/>";
                html += pricelist[i].getElementsByTagName("enName")[0].childNodes[0].nodeValue;
                
                html += "</td>";
                i++;
                
                if(i == pricelist.length)
                {
                    break;
                }
                
            }   
            
            i--;
            html += "</tr>";
        }
    
    html += "</table>";
    
    $("sp10").innerHTML = html;

    }
}


function cplist2()
{
    //clear
    var rowcount2 = $("cp2").rows.length;
    for(var h = 0; h < rowcount2; h++)
    {
        $("cp2").removeChild($("cp2").rows.item(0));
    }
    
    url = "ashx/cpcustomer.ashx?partment=2";
    
    var myAjax = new Ajax.Request
                (   
                    url,   
                    {
                        method: "get", 
                        onComplete: cplist2do
                    }   
                );  
}
function cplist2do(xmlhttp)
{
    var xml = xmlhttp.responseXML;
       var html = "<table width='100%'>";
    
    if(xmlhttp.responseText != "<NewDataSet />")
    {
        var pricelist = xml.getElementsByTagName("Table");
        
        for(var i = 0; i < pricelist.length; i++)
        {
            html += "<tr>";
            
            for(var j = 0; j < 4; j ++)
            {
                html += "<td style=\"width:120px;height:20px\">";
                
                html += "<input type='radio' name='rdd' onclick='setcus(1,\"" + pricelist[i].getElementsByTagName("enName")[0].childNodes[0].nodeValue + "\")'/>";
                html += pricelist[i].getElementsByTagName("enName")[0].childNodes[0].nodeValue;
                
                html += "</td>";
                i++;
                
                if(i == pricelist.length)
                {
                    break;
                }
                
            }   
            
            i--;
            
            html += "</tr>";
        }
    
    html += "</table>";
    
    $("sp20").innerHTML = html;

    }
}


function cplist3()
{
    //clear
    var rowcount2 = $("cp3").rows.length;
    for(var h = 0; h < rowcount2; h++)
    {
        $("cp3").removeChild($("cp3").rows.item(0));
    }
    
    url = "ashx/cpcustomer.ashx?partment=3";
    
    var myAjax = new Ajax.Request
                (   
                    url,   
                    {
                        method: "get", 
                        onComplete: cplist3do
                    }   
                );  
}
function cplist3do(xmlhttp)
{
    var xml = xmlhttp.responseXML;
       var html = "<table width='100%'>";
    
    if(xmlhttp.responseText != "<NewDataSet />")
    {
        var pricelist = xml.getElementsByTagName("Table");
        
        for(var i = 0; i < pricelist.length; i++)
        {
            html += "<tr>";
            
            for(var j = 0; j < 4; j ++)
            {
                html += "<td style=\"width:120px;height:20px\">";
                
                html += "<input type='radio' name='rdd' onclick='setcus(1,\"" + pricelist[i].getElementsByTagName("enName")[0].childNodes[0].nodeValue + "\")'/>";
                html += pricelist[i].getElementsByTagName("enName")[0].childNodes[0].nodeValue;
                
                html += "</td>";
                i++;
                
                if(i == pricelist.length)
                {
                    break;
                }
                
            }   
            html += "</tr>";
        }
    
    html += "</table>";
    
    $("sp30").innerHTML = html;

    }
}

var sn,us1,us2,us3,usphone,nousphone,email,msn,content;

//cp input 
function cpinput()
{
    $("imgLoad").style.display="";
    $("imgbtn").style.display = "none";
    getcustomername();
    email = $F("emailtb").strip();
    msn = $F("msntb").strip();
    sn = $F("ordertb").strip();
    content = $F("contenttb").strip();
    
    var check = $("Radio4").checked;
    
    if(sn.length == 0 && !check)
    {
        alert("plaase check orderserial!");
        return;
    }

    content = $F("contenttb").strip();
    if(content.length == 0)
    {
        alert("Please fill content!");
        return;
    }
    
    if(content.length > 500)
    {
        alert("Don't more than 500!");
        return;
    }

    var res = /^[0-9a-zA-Z_\-\.]+@[0-9a-zA-Z_\-]+(\.[0-9a-zA-Z_\-]+)*$/;  
    var re = new RegExp(res);
    if(!re.test($F("emailtb").strip()))
    {
        alert("Please check Email");
        return;
    }

    content = cptype + "---" + content;
    var xmlStr = "<userinputs>";
    
    xmlStr += "<sn>" + sn + "</sn>";
    xmlStr += "<usphone>" + "" + "</usphone>";
    xmlStr += "<nousphone>" + "" + "</nousphone>";
    xmlStr += "<email>" + email + "</email>";
    xmlStr += "<msn>" + msn + "</msn>";
    xmlStr += "<content>" + content + "</content>";
    xmlStr += "<department>" + department + "</department>";
    xmlStr += "<enname>" + customer + "</enname>";
    xmlStr += "<uid>" + uid + "</uid>";
    
    xmlStr += "</userinputs>";
    
    var url="ashx/cpinput.ashx";
    
    
    var myAjax = new Ajax.Request(   
                                    url,   
                                    {
                                        method: "post", 
                                        postBody: xmlStr, 
                                        onComplete: spinputdo
                                    }   
                                   ); 
}

function spinputdo(xmlhttp)
{
    var result = xmlhttp.responseText;
    
  
    
    alert(result);
    
    if(result == "Thank you !")
    {
        $("divx").style.display = "";
    }
    $("imgLoad").style.display="none";
}

function setcus(dep, enname)
{
    department = dep;
    customer = enname;
}

// cp log in 
function cplogin()
{
    var email = $F("cplognametb").strip();
    var pass = $F("cplogpasstb");
    
    if(email == "" || pass == "")
    {
        alert("Please fill all!");
        return;
    }
    
    var res = /^[0-9a-zA-Z_\-\.]+@[0-9a-zA-Z_\-]+(\.[0-9a-zA-Z_\-]+)*$/;  
    var re = new RegExp(res);
    if(!re.test(email))
    {
        alert("Please check email");
        return;
    } 
    
    var xmlStr = "<loginfo>";
    xmlStr += "<email>" + escape(email) + "</email>";
    xmlStr += "<pass>" + escape(pass) + "</pass>";
    xmlStr += "</loginfo>";
    
    var url = "ashx/login.ashx";
    
    var myAjax = new Ajax.Request
                                (   
                                    url,   
                                    {
                                        method: "post", 
                                        postBody: xmlStr, 
                                        onComplete: cpcusLoginDo
                                    }   
                                );  
}

function cpcusLoginDo(xmlhttp)
{
    var result = xmlhttp.responseText;
    
    if(result == "")
    {
        alert("Email or password is not true,please check!");
        return;
    }
    
    setCookie("customerinfo", result, 1000);
    
    $("divlog").style.display = "none";
    $("div3").style.display = "";
        
    readcustomercookielog();
}

//select complain type
function selectcptype()
{
    if($("cptype1").checked)
    {
        $("row1").style.display = "";
        $("row3").style.display = "none";
        $("row4").style.display = "none";
        $("row5").style.display = "none";
        return;
    }
    
    if($("cptype2").checked)
    {
        $("row1").style.display = "none";
        $("row3").style.display = "";
        $("row4").style.display = "";
        $("row5").style.display = "";
    }
}

//select complain type2
function selectcptype2()
{
    $("table1").style.display = "none";
    $("table2").style.display = "none";
    $("table3").style.display = "none";
    $("row4").style.display = "";
        
    if($("Radio1").checked)
    {
        $("Radio5").checked = true;
        $("table1").style.display = "";
        cptype = "Service Timeliness";
        department = "Live chatter";
        cpcustomerbind(1);
    }
    
    if($("Radio2").checked)
    {
        $("Radio8").checked = true;
        $("table2").style.display = "";
        cptype = "Service Professional";
        department = "Customer Rep";
        cpcustomerbind(2);
    }
    
    if($("Radio3").checked)
    {
        $("Radio11").checked = true;
        $("table3").style.display = "";
        cptype = "Service Attitude";
        department = "Logistics Center";
        cpcustomerbind(3);
    }
    
    $("cell1").innerHTML = "Your Order Comments";
    
    if($("Radio4").checked)
    {
        $("cell1").innerHTML = "Your Suggestion";
        $("cplist").innerHTML = "";
        $("row4").style.display = "none";
        customer = "";
        cptype = "Suggestion";
        department = "";
    }
}

//select complain type2
function selectcptype3()
{
    if($("Radio5").checked || $("Radio8").checked || $("Radio11").checked)
    {
        cptype = "Service Timeliness";
    }
    
    if($("Radio6").checked || $("Radio9").checked || $("Radio12").checked)
    {
        cptype = "Service Professional";
    }
    
    if($("Radio7").checked || $("Radio10").checked || $("Radio13").checked)
    {
        cptype = "Service Attitude";
    }
}
//bind cp customer
function cpcustomerbind(id)
{
    $("cplist").innerHTML = "";
    
    url = "ashx/cpcustomer.ashx?partment=" + id;
    
    var myAjax = new Ajax.Request
                (   
                    url,   
                    {
                        method: "get", 
                        onComplete: cplistbinddo
                    }   
                );  
}

function cplistbinddo(xmlhttp)
{
    var result = xmlhttp.responseXML;
    var getserverdll = $("cplist");
    
    if(xmlhttp.responseText != "<NewDataSet />")
    { 
        var pricelist = result.getElementsByTagName("Table");
        for(var i = 0; i < pricelist.length; i++)
        {
            var op = document.createElement("option"); 
            
            var optext = pricelist[i].getElementsByTagName("enName")[0].childNodes[0].nodeValue;
            op.appendChild(document.createTextNode(optext));
            
            getserverdll.appendChild(op);
        }
    }
    
}

//get cp name
function getcustomername()
{
    var dll = $("cplist");
    
    if(dll.length > 0)
    {
        customer = $F("cplist");
    }
    else
    {
        customer = "";
    }
}
