var xmlHttp;
    var responsetxt;
    function GetData(id) {

        xmlHttp = GetXmlHttpObject()

        if (xmlHttp == null) {
            alert("Browser does not support HTTP Request")
            return;
        }
        var url = "../xmlhttp/GetRetailerDetails.aspx?id=" + id
        xmlHttp.onreadystatechange = stateChanged
        xmlHttp.open("GET", url, true)
        xmlHttp.send(null)
    }
    function GetCity(cid) {

        xmlHttp = GetXmlHttpObject()

        if (xmlHttp == null) {
            alert("Browser does not support HTTP Request")
            return;
        }
        var url = "../xmlhttp/GetRegion.aspx?region=City&id=" + cid
        xmlHttp.onreadystatechange = stateChanged
        xmlHttp.open("GET", url, true)
        xmlHttp.send(null)
    }
    function GetTaman(tid) {

        xmlHttp = GetXmlHttpObject()

        if (xmlHttp == null) {
            alert("Browser does not support HTTP Request")
            return;
        }
        var url = "../xmlhttp/GetRegion.aspx?region=Taman&id=" + tid
        xmlHttp.onreadystatechange = stateChanged
        xmlHttp.open("GET", url, true)
        xmlHttp.send(null)
    }
    function GetTaman2(gid) {

        xmlHttp = GetXmlHttpObject()

        if (xmlHttp == null) {
            alert("Browser does not support HTTP Request")
            return;
        }
        var url = "../xmlhttp/GetRegion.aspx?region=GetTaman&id=" + gid
        xmlHttp.onreadystatechange = stateChanged
        xmlHttp.open("GET", url, true)
        xmlHttp.send(null)
    }
    function GetGamePack(gid) {

        xmlHttp = GetXmlHttpObject()

        if (xmlHttp == null) {
            alert("Browser does not support HTTP Request")
            return;
        }
        var url = "../xmlhttp/GetGamePack.aspx?act=GamePack&id=" + gid
        xmlHttp.onreadystatechange = stateChanged
        xmlHttp.open("GET", url, true)
        xmlHttp.send(null)
    }
    function GetGameList(lang){
        xmlHttp = GetXmlHttpObject()
        if (xmlHttp == null) {
            alert("Browser does not support HTTP Request")
            return;
        }
        var url = "../xmlhttp/GetGameList.aspx?lang=" + lang
        xmlHttp.onreadystatechange = stateChanged
        xmlHttp.open("GET", url, true)
        xmlHttp.send(null)
    }
    function GetGameListContent(id) {
        xmlHttp = GetXmlHttpObject()
        if (xmlHttp == null) {
            alert("Browser does not support HTTP Request")
            return;
        }
        var url = "../xmlhttp/GetGameCardContent.aspx?id=" + id
        xmlHttp.onreadystatechange = stateChanged
        xmlHttp.open("GET", url, true)
        xmlHttp.send(null)
    }
    function stateChanged() {
        if (xmlHttp.readyState == 4 || xmlHttp.readyState == "complete") {
            var response = xmlHttp.responseText;

            response = response.substring(0, response.indexOf("<!DOCTYPE") - 4);
            if (response == "Empty") {
                alert("No Record Found !!!");
            }
            else if (response == 'Error') {
                alert("An Error occured in accessing the DataBase !!!");
            }
            else {
                var arr = response.split("&");
                if (arr[0] == "RetailerDetails") {
                    document.getElementById("contentbg").style.backgroundImage = "url(images/Retailers/" + arr[1] + "/bg.jpg)";
                    document.getElementById("mapimg").src = "images/Retailers/" + arr[1] + "/map.jpg";
                    document.getElementById("mapimg").onmouseover = function showBigImg() {
                        document.getElementById('bigImg').className = "visi";
                        document.getElementById('bigImage').src = "images/Retailers/" + arr[1] + "/map.jpg";
                    };
                    document.getElementById("shopimg1").src = "images/Retailers/" + arr[1] + "/shop1.jpg";
                    document.getElementById("shopimg1").onmouseover = function showBigImg() {
                        document.getElementById('bigImg').className = "visi";
                        document.getElementById('bigImage').src = "images/Retailers/" + arr[1] + "/shop1.jpg";
                    };
                    document.getElementById("shopimg2").src = "images/Retailers/" + arr[1] + "/shop2.jpg";
                    document.getElementById("shopimg2").onmouseover = function showBigImg() {
                        document.getElementById('bigImg').className = "visi";
                        document.getElementById('bigImage').src = "images/Retailers/" + arr[1] + "/shop2.jpg";
                    };
                    document.getElementById("shopimg3").src = "images/Retailers/" + arr[1] + "/shop3.jpg";
                    document.getElementById("shopimg3").onmouseover = function showBigImg() {
                        document.getElementById('bigImg').className = "visi";
                        document.getElementById('bigImage').src = "images/Retailers/" + arr[1] + "/shop3.jpg";
                    };
                    document.getElementById("shopimg4").src = "images/Retailers/" + arr[1] + "/shop4.jpg";
                    document.getElementById("shopimg4").onmouseover = function showBigImg() {
                        document.getElementById('bigImg').className = "visi";
                        document.getElementById('bigImage').src = "images/Retailers/" + arr[1] + "/shop4.jpg";
                    };
                }
                else
                    if (arr[0] == "City") {
                    var cityvalue = arr[1].split(",");
                    var cityname = arr[2].split(",");
                    var rid = arr[3].split(",");
                    var rname = arr[4].split(",");

                    document.getElementById('ctl00_ContentPlaceHolder1_City').length = 0;
                    for (var i = 0; i < cityvalue.length; i++) {
                        var o = document.createElement("option");
                        o.value = cityvalue[i];
                        o.text = cityname[i];
						try {
                        	document.getElementById('ctl00_ContentPlaceHolder1_City').add(o);
						}
						catch(ex)
						{
							document.getElementById('ctl00_ContentPlaceHolder1_City').add(o,null);
						}
                    }

                    document.getElementById('ctl00_ContentPlaceHolder1_Taman').selectedIndex = 0;
                    document.getElementById('ctl00_ContentPlaceHolder1_listRetailer').length = 0;
                    for (var i = 0; i < rid.length; i++) {
                        var p = document.createElement("option");
                        p.value = rid[i];
                        p.text = rname[i];
						try{
							document.getElementById('ctl00_ContentPlaceHolder1_listRetailer').add(p);
						}
						catch(ex)
						{
							document.getElementById('ctl00_ContentPlaceHolder1_listRetailer').add(p,null);
						}                        
                    }
                }
                else
                    if (arr[0] == "Taman") {
                    var tamanvalue = arr[1].split(",");
                    var tamanname = arr[2].split(",");
                    var rid = arr[3].split(",");
                    var rname = arr[4].split(",");

                    document.getElementById('ctl00_ContentPlaceHolder1_Taman').length = 0;
                    for (var i = 0; i < tamanvalue.length; i++) {
                        var o = document.createElement("option");
                        o.value = tamanvalue[i];
                        o.text = tamanname[i];
						try{
							document.getElementById('ctl00_ContentPlaceHolder1_Taman').add(o);
						}
						catch(ex)
						{
							document.getElementById('ctl00_ContentPlaceHolder1_Taman').add(o,null);
						}                        
                    }
                    document.getElementById('ctl00_ContentPlaceHolder1_listRetailer').length = 0;
                    for (var i = 0; i < rid.length; i++) {
                        var p = document.createElement("option");
                        p.value = rid[i];
                        p.text = rname[i];
						try{
							document.getElementById('ctl00_ContentPlaceHolder1_listRetailer').add(p);
						}
                        catch(ex)
						{
							document.getElementById('ctl00_ContentPlaceHolder1_listRetailer').add(p,null);
						}					
                    }
                }
                else
                    if (arr[0] == "GetTaman") {
                        var rid = arr[3].split(",");
                        var rname = arr[4].split(",");

                        document.getElementById('ctl00_ContentPlaceHolder1_listRetailer').length = 0;
                        for (var i = 0; i < rid.length; i++) {
                            var p = document.createElement("option");
                            p.value = rid[i];
                            p.text = rname[i];
							try{
								document.getElementById('ctl00_ContentPlaceHolder1_listRetailer').add(p);
							}
							catch(ex)
							{
								document.getElementById('ctl00_ContentPlaceHolder1_listRetailer').add(p,null);
							}                            
                        }
                    }
                    else
                        if (arr[0] == "GamePack") {
                            document.getElementById("contentbg").style.backgroundImage = "url(images/Game_Pack/" + arr[1] + ")";
                        }
                        else
                            if (arr[0] == "GameList") {
                                document.getElementById("contentbg").style.backgroundImage = "url(images/ProductList/" + arr[1] + "/background.jpg)";
                                var linkid = arr[2].split(",")
                                var linkto = arr[4].split(",")
                                var proimg = arr[3].split(",")
                                var listname = arr[5].split(",")
                                var listid = arr[6].split(",")
                                for (i = 0; i < linkid.length; i++) {
                                    if(linkid[i] != "")
                                    document.getElementById("link" + linkid[i]).setAttribute("href", linkto[i])                                    
                                }
                                j=1
                                for (i = 0; i < 4; i++) {

                                    if (proimg[i] != "" && proimg[i] != null) { 
                                        document.getElementById("card" + j).innerHTML = "<img alt='' border='0' src='images/ProductList/" +
                                        arr[1] + "/" + proimg[i] + "' onmouseover=" +
                                        "\"showBigImg2(getBigimgName('images/ProductList/" + arr[1] +
                                         "/" + proimg[i] + "'))\" " + "onmouseout=\"showBigImg2('')\" />";
                                        var a = getBigimgName("images/ProductList/" + arr[1] + "/" + proimg[i])
                                        document.getElementById("big" + j).src = a
                                    }
                                    else {
                                        document.getElementById("card" + j).innerHTML = "";
                                    }
                                    j++;
                                }
                                document.getElementById('ctl00_ContentPlaceHolder1_GameCardList').length = 0;
                                for (var i = 0; i < listid.length; i++) {
                                    var o = document.createElement("option");
                                    o.value = listid[i];
                                    o.text = listname[i];
                                    try {
                                        document.getElementById('ctl00_ContentPlaceHolder1_GameCardList').add(o,null);
                                    }
                                    catch (ex) {

                                        document.getElementById('ctl00_ContentPlaceHolder1_GameCardList').add(o);
                                    }
                                }
                            }
                            else
                                if (arr[0] == "GameListContent") {
                                document.getElementById("contentbg").style.backgroundImage = "url(images/ProductList/" + arr[1] + "/background.jpg)";
                                var linkid = arr[2].split(",")
                                var linkto = arr[4].split(",")
                                var proimg = arr[3].split(",")
                                for (i = 0; i < linkid.length; i++) {
                                    if (linkid[i] != "")
                                        document.getElementById("link" + linkid[i]).setAttribute("href", linkto[i])
                                }
                                j = 1
                                for (i = 0; i < 4; i++) {
                                    if (proimg[i] != "" && proimg[i]!=null ) {
                                        document.getElementById("card" + j).innerHTML = "<img alt='' border='0' src='images/ProductList/" +
                                        arr[1] + "/" + proimg[i] + "' onmouseover=" +
                                        "\"showBigImg2(getBigimgName('images/ProductList/" + arr[1] +
                                         "/" + proimg[i] + "'))\" " + "onmouseout=\"showBigImg2('')\" />";
                                        document.getElementById("big"+j).src = getBigimgName("'images/ProductList/" + arr[1] +
                                         "/" + proimg[i] + "'");
                                        var a = getBigimgName("images/ProductList/" + arr[1] + "/" + proimg[i])
                                        document.getElementById("big" + j).src = a                                         
                                    }
                                    else {
                                            document.getElementById("card" + j).innerHTML = "";
                                    }
                                    j++;
                                }                                
                            }
            }
        }
    }

    function GetXmlHttpObject() {
        var objXMLHttp = null
        if (window.XMLHttpRequest) {
            objXMLHttp = new XMLHttpRequest()
        }
        else if (window.ActiveXObject) {
            objXMLHttp = new ActiveXObject("Microsoft.XMLHTTP")
        }
        return objXMLHttp
    }