//Khởi tạo một đối tượng HttpRequest
var HttpRequest = false; 
// Internet Explorer   or  // Other browsers  
if (window.XMLHttpRequest) { HttpRequest = new XMLHttpRequest(); } else { HttpRequest = new ActiveXObject("Microsoft.XMLHTTP"); }
var HttpRequest1 = false; // Internet Explorer  or// Other browsers
if (window.XMLHttpRequest) { HttpRequest1 = new XMLHttpRequest(); } else { HttpRequest1 = new ActiveXObject("Microsoft.XMLHTTP"); }
var HttpRequest2 = false; // Internet Explorer  or// Other browsers
if (window.XMLHttpRequest) { HttpRequest2 = new XMLHttpRequest(); } else { HttpRequest2 = new ActiveXObject("Microsoft.XMLHTTP"); }
var HttpRequest3 = false; // Internet Explorer  or// Other browsers
if (window.XMLHttpRequest) { HttpRequest3 = new XMLHttpRequest(); } else { HttpRequest3 = new ActiveXObject("Microsoft.XMLHTTP"); }
/*===================================*/
//Lấy tin tiêu biểu
function showTinTieuBieu() {
    if (!HttpRequest) return;
    var url = "modul/trangchu/Topmoinhat.aspx";
    HttpRequest.open("GET", url);
    HttpRequest.onreadystatechange = function() {
        if (HttpRequest.readyState == 4 && HttpRequest.status == 200) {
            var xml = HttpRequest.responseXML;
            var c = xml.getElementsByTagName("hanghoa");
            var strRespone = "";
            for (i = 0; i < c.length; i++) {
                var value = c[i].firstChild.nodeValue;
                var _id = c[i].attributes[0].value;
                strRespone += "<div id=" + _id + " onmouseover='getTinByID(" + _id + ");mouseOverTTB(this);' onmouseout='mouseOutTTB(this)' class='cthnNews'><a href='Tintuc.aspx?h=" + _id + "'  style='text-decoration:none'> " + value + "</a> </div>";
            }
            $("#tinTB").html(strRespone);

        }
    }
    HttpRequest.send(null);
}
//over của tin tiêu biểu
function mouseOverTTB(tId) {
    tId.className = "cthnNewsSelect";
}
//outr của tin tiêu biểu
function mouseOutTTB(tId) {
    tId.className = "cthnNews";
}
/*===================================*/
//Lấy nội dung tiêu biểu đầu
function getTinByID(id) {
    var ctpBgConent = document.getElementById("ctpBgConent");
    if (!HttpRequest) return;
    var url = "modul/hanghoa/Hang_Anh.aspx?id=" + id;
    HttpRequest.open("GET", url);
    HttpRequest.onreadystatechange = function() {
        if (HttpRequest.readyState == 4 && HttpRequest.status == 200) {
            var xml = HttpRequest.responseXML;
            var c = xml.getElementsByTagName("hanghoa");
            var strRespone = "";
            var value = c[0].firstChild.nodeValue;
            var _id = c[0].attributes[0].value;
            var im = c[0].attributes[1].value;
            var t = c[0].attributes[2].value;
            //Chèn vào khung chi tiết tin
            strRespone = "<a id=" + _id + " href='Tintuc.aspx?h=" + _id + "'><img id='imgTMD1' border='0' src='" + im + "' class='imgNone' onmouseover=\"mouseOver('imgTMD1', 1000)\" onmouseout=\"mouseOut('imgTMD1', 1000)\" /></a>"
                       + "<div class='anTitle'></div><div id='aNews'><div id='data_anTitle'><a href='Tintuc.aspx?h=" + _id + "'>" + t.substring(0, 40) + " ...</a></div><div class='data_anContent'>" + value.substring(0, 200) + " ...</div></div>";
            ctpBgConent.innerHTML = strRespone;
        }
    }
    HttpRequest.send(null);
}
//lấy hàng khi chuột over lên hàng
function getHangByID(id) {
    var pnConent = document.getElementById("pnConent");
    if (!HttpRequest) return;
    var url = "modul/hanghoa/Hang_Anh.aspx?id=" + id;
    HttpRequest.open("GET", url); 
    HttpRequest.onreadystatechange = function() {
        if (HttpRequest.readyState == 4 && HttpRequest.status == 200) {
            var xml = HttpRequest.responseXML;
            var c = xml.getElementsByTagName("hanghoa");
            var strRespone = "";
            var value = c[0].firstChild.nodeValue;
            var _id = c[0].attributes[0].value;
            var im = c[0].attributes[1].value;
            //khi mouser over trên hàng thì hiển thị lên tin chi tiết
            strRespone = "<div id='data_pnContent' border='0'><a href='Chitiethanghoa.aspx?h=" + _id + "' style='text-decoration:none'><img id='imgHMD' src='" + c[0].attributes[1].value + "' class='imgNone' onmouseover=\"mouseOver('imgHMD', 1000)\" onmouseout=\"mouseOut('imgHMD', 1000)\"/></a>" 
                       + "<div class='data_pnText'> " + value.substring(0,100) + "</div></div>";
            pnConent.innerHTML = strRespone;
        }
    }
    HttpRequest.send(null);
}
/*===================================================================*/
//Lấy hàng mới đăng
function getHangmoidang() {    
    if (!HttpRequest2) return;
    var url = "modul/trangchu/TopHangmoinhat.aspx";
    HttpRequest2.open("GET", url);
    HttpRequest2.onreadystatechange = function() {        
        if (HttpRequest2.readyState == 4 && HttpRequest2.status == 200) {
            var xml = HttpRequest2.responseXML;
            var c = xml.getElementsByTagName("hanghoa");
            var strRespone = "";
            //Đưa dữ liệu vào khung chi tiết hàng góc bên phải
            var strView = "<div id='data_pnContent' border='0'><a href='Chitiethanghoa.aspx?h=" + c[0].attributes[0].value + "'><img id='imgHMD' src='" + c[0].attributes[2].value + "' class='imgNone' onmouseover=\"mouseOver('imgHMD', 1000)\" onmouseout=\"mouseOut('imgHMD', 1000)\" /></a>" +
            "<div class='data_pnText'> " + c[0].firstChild.nodeValue.substring(0, 100) + "</div></div>";
            //Đưa dữ liệu vào khung gồm hàng hai mặt hàng tiêu biểu
            var strView1 = "<div class='cthnPic'><a href='Chitiethanghoa.aspx?h=" + c[0].attributes[0].value + "'><img id='imgHMD1' src='" + c[0].attributes[2].value + "' class='imgNone' onmouseover=\"mouseOver('imgHMD1', 1000)\" onmouseout=\"mouseOut('imgHMD1', 1000)\" /></a></div>"
                          + "<div class='cthnPic'><a href='Chitiethanghoa.aspx?h=" + c[1].attributes[0].value + "'><img id='imgHMD2' src='" + c[1].attributes[2].value + "' class='imgNone' onmouseover=\"mouseOver('imgHMD2', 1000)\" onmouseout=\"mouseOut('imgHMD2', 1000)\" /></a></div>";
            //Đưa dữ liệu vào khung gồm hàng 4 mặt hàng tiêu biểu
            for (i = 0; i < c.length-1; i++) {
                var value = c[i].firstChild.nodeValue;
                var _id = c[i].attributes[0].value;
                var t = c[i].attributes[1].value
                strRespone += "<div class=\"pnNextNews\"><div id='divHMD" + _id + "' class='pnnIcon'></div>"
                           + "<div id=\"divHMDF" + _id + "\" class='pnnBg'><a href='Chitiethanghoa.aspx?h="+_id+"' style='text-decoration:none' onmouseover=\"getHangByID(" + _id + "); mOverHang('divHMD" + _id + "', 'divHMDF" + _id + "')\" onmouseout=\"mOutHang('divHMD" + _id + "', 'divHMDF" + _id + "')\">" + t.substring(0, 35) + "...</a></div></div>";
            }
            $("#cthnContent").html(strView1);
            $("#pnConent").html(strView);
            $("#pnConent1").html(strRespone);
        }
    }
    HttpRequest2.send(null);
}
//Đổi class khi chuột over hàng bên góc trên phải
function mOverHang(DivId, DivIdF) {
    document.getElementById(DivId).className = "pnnIconSelect";
    document.getElementById(DivIdF).className = "pnnBgSelect";
    
}
//Đổi class khi chuột out hàng bên góc trên phải
function mOutHang(DivId, DivIdF) {
    document.getElementById(DivId).className = "pnnIcon";
    document.getElementById(DivIdF).className = "pnnBg";
}
//Lấy tin mới  đăng để chèn vào khung tin chi tiết góc trên trái
function getTinmoidang() {
    var url = "modul/trangchu/Tindautin.aspx";
    var ctpBgConent = document.getElementById("ctpBgConent");
    if (!HttpRequest1) return;
    HttpRequest1.open("GET", url);
    HttpRequest1.onreadystatechange = function() {
        if (HttpRequest1.readyState == 4 && HttpRequest1.status == 200) {
            var xml = HttpRequest1.responseXML;
            var c = xml.getElementsByTagName("hanghoa"); 
            var strRespone = "";
            var value = c[0].firstChild.nodeValue;
            var _id = c[0].attributes[0].value;
            var im = c[0].attributes[1].value;
            var t = c[0].attributes[2].value;
            //chèn dữ liệu vào góc trên trái chi tiết hàng
            strRespone = "<a id=" + _id + " href='Tintuc.aspx?h=" + _id + "'><img id='imgTMD1' border='0' src='" + im + "' class='imgNone' onmouseover=\"mouseOver('imgTMD1', 1000)\" onmouseout=\"mouseOut('imgTMD1', 1000)\"  /></a>"
                       + "<div class='anTitle'></div>"
                       + "<div id='aNews'><div id='data_anTitle'><a href='Tintuc.aspx?h=" + _id + "' >" + t + "</a></div>"
                       + "<div class='data_anContent'>" + value.substring(0,200) + "...</div></div>";
            ctpBgConent.innerHTML = strRespone;
        }
    }
    HttpRequest1.send(null);
   // HttpRequest1.Dispose();
}
//lay tin duoc xem nhieu nhat
function Xemnhieunhat() {
    if (!HttpRequest3) return;
    var url = "modul/trangchu/Xemnhieunhat.aspx";
    HttpRequest3.open("GET", url);

    HttpRequest3.onreadystatechange = function() {

        if (HttpRequest3.readyState == 4 && HttpRequest3.status == 200) {
            var xml = HttpRequest3.responseXML;
            var c = xml.getElementsByTagName("hanghoa");
            var strRespone = "";
            for (i = 0; i < c.length; i++) {
                var value = c[i].firstChild.nodeValue;
                var _id = c[i].attributes[0].value;
                var t = c[i].attributes[1].value;
                var img = c[i].attributes[2].value;
                //chèn vào khung tin được quan tâm nhiều nhất
                if (i != 2) 
                       strRespone += "<div id='tncItem" + _id + "' class='tncItem' onmouseover='mouseOverXNN(this)' onmouseout='mouseOutXNN(this)'>"
                                  + "<a href='Tintuc.aspx?h=" + _id + "'><img id='img" + _id + "' src='" + img + "' border='0' class='imgNone' onmouseover=\"mouseOver('img" + _id + "', 1000)\" onmouseout=\"mouseOut('img" + _id + "', 1000)\" /></a>"
                                  +    "<div id='tncText1' class='tncText'>"
                                  +    "<a href='Tintuc.aspx?h=" + _id + "'>" + value.substring(0, 100) + "...</a>"
				                  +    "</div>"
                                  +  "</div>";
                   else 
                       strRespone += "<div id='tncItem" + _id + "' class='tncItemEnd' onmouseover='mouseOverXNN(this)' onmouseout='mouseOutXNN(this)'>"
                                      + "<a href='Tintuc.aspx?h=" + _id + "'><img id='img" + _id + "' src='" + img + "' border='0' class='imgNone' onmouseover=\"mouseOver('img" + _id + "', 1000)\" onmouseout=\"mouseOut('img" + _id + "', 1000)\" /></a>"
                                      + "<div id='tncText1' class='tncText'>"
                                      + "<a href='Tintuc.aspx?h=" + _id + "'>" + value.substring(0, 100) + "...</a>"
					                  + "</div><input id='hXNN' type='hidden' value='tncItem" + _id + "'/>"
                                  +  "</div>";
            }
            $("#tnConent").html(strRespone);
        }
    }
    HttpRequest3.send(null);
}
//lay Hang duoc xem nhieu nhat
function HangXemnhieunhat() {
    var XHR = null;
    if (window.XMLHttpRequest) { XHR = new XMLHttpRequest(); } else { XHR = new ActiveXObject("Microsoft.XMLHTTP"); }
    if (!XHR) return;
    var url = "modul/trangchu/HangXemnhieunhat.aspx";
    XHR.open("GET", url);
    XHR.onreadystatechange = function() {
    if (XHR.readyState == 4 && XHR.status == 200) {
        var xml = XHR.responseXML;
            var c = xml.getElementsByTagName("hanghoa");
            var strRespone = "";
            for (i = 0; i < c.length; i++) {
                var value = c[i].firstChild.nodeValue;
                var _id = c[i].attributes[0].value;
                var t = c[i].attributes[1].value;
                var img = c[i].attributes[2].value;
                //chèn vào khung tin được quan tâm nhiều nhất
                strRespone += "<div id='tncItem" + _id + "' class='tncItem' onmouseover='mouseOverXNN(this)' onmouseout='mouseOutXNN(this)'>"
                              + "<a href='Chitiethanghoa.aspx?h=" + _id + "'><img id='img" + _id + "' src='" + img + "' border='0' class='imgNone' onmouseover=\"mouseOver('img" + _id + "', 1000)\" onmouseout=\"mouseOut('img" + _id + "', 1000)\" /></a>"
                              + "<div id='tncText1' class='tncText'>"
                              + "<a href='Chitiethanghoa.aspx?h=" + _id + "'>" + value.substring(0, 100) + "...</a>"
			                  + "</div>"
                              + "</div>";
            }
            $("#HangXNN").html(strRespone);
        }
    }
    XHR.send(null);
}
//over của hàng được quan tâm nhất
function mouseOverXNN(cId) {
    var hXNN = document.getElementById("hXNN");
    if (cId.id != hXNN.value) cId.className = "tncItemSelect";
    else cId.className = "tncItemSelect";
}
//out của hàng được quan tâm nhất
function mouseOutXNN(cId) {
    var hXNN = document.getElementById("hXNN");
    if (cId.id != hXNN.value) { cId.className = "tncItem"; }
    else cId.className = "tncItemEnd";
}
/*
*hàng đặc biệt
*
*/
function getItemFuture() {
    var XHR = null;
    if (window.XMLHttpRequest) { XHR = new XMLHttpRequest(); } else { XHR = new ActiveXObject("Microsoft.XMLHTTP"); }
    if (!XHR) return;
    var url = "modul/trangchu/HangDacBiet.aspx";
    XHR.open("GET", url);
    XHR.onreadystatechange = function() {
    
        if (XHR.readyState == 4 && XHR.status == 200) {
            var xml = XHR.responseXML;
            var c = xml.getElementsByTagName("hanghoa");
            var strRespone = ""; 
            for (i = 0; i < c.length; i++) {
                var value = c[i].firstChild.nodeValue;
                var _id = c[i].attributes[0].value;
                var t = c[i].attributes[1].value;
                var img = c[i].attributes[2].value;
                //chèn vào khung tin được quan tâm nhiều nhất
                strRespone += "<div id='tncItem" + _id + "' class='tncItem' onmouseover='mouseOverXNN(this)' onmouseout='mouseOutXNN(this)'>"
                                  + "<a href='Chitiethanghoa.aspx?h=" + _id + "'><img id='img" + _id + "' src='" + img + "' border='0' class='imgNone' onmouseover=\"mouseOver('img" + _id + "', 1000)\" onmouseout=\"mouseOut('img" + _id + "', 1000)\" /></a>"
                                  + "<div id='tncText1' class='tncText'>"
                                  + "<a href='Chitiethanghoa.aspx?h=" + _id + "'>" + value.substring(0, 100) + "...</a>"
				                  + "</div>"
                                  + "</div>";
            } 
            $("#HangDB").html(strRespone); 
        }
    }
    XHR.send(null);
}