/********************************************************
 * Created By Trinh Duc Thien - Developer
 * ChannelVN - 7th Floor, VinCom City Tower
 ********************************************************/
 var XMLPath = "/adv/";
function CJL_loadXmlDocument(xmlFile)
{
   var xdoc;
   if( window.ActiveXObject && /Win/.test(navigator.userAgent) ) // IE
   {
      xdoc = new ActiveXObject("Microsoft.XMLDOM");
      xdoc.async = false;
      xdoc.load(xmlFile);
      return xdoc;
   }
   else if( document.implementation && document.implementation.createDocument ) //FF or Nescape
   {    
      xdoc = document.implementation.createDocument("", "", null);   
      xdoc.async = false;   
      xdoc.load(xmlFile);
      return xdoc;
   }
   else
   {
      return null;
   }
}

function LoadXMLAndBoxGirlSpace(ctrID)
{
    var date = new Date();
   // alert(""+date.getDate()+"/"+date.getMonth()+"/"+date.getFullYear()+"/"+date.getHours());
    var path = XMLPath + "GirlSpace.xml?date="+date.getDate()+"/"+date.getMonth()+"/"+date.getFullYear();
    var xmlDoc =  null;
    if(ctrID == null || ctrID =='' )
        return;
    else
    {
        var control = document.getElementById(ctrID);
        if(control == null)
            return;
        else
        {
            xmlDoc = CJL_loadXmlDocument(path);
            GenBOX(control,xmlDoc);
        }
    }
}


function LoadXMLAndBoxGirlSpaceNews(ctrID)
{
    var date = new Date();
   // alert(""+date.getDate()+"/"+date.getMonth()+"/"+date.getFullYear()+"/"+date.getHours());
    var path = XMLPath + "GirlSpace.xml?date="+date.getDate()+"/"+date.getMonth()+"/"+date.getFullYear();
    var xmlDoc =  null;
    if(ctrID == null || ctrID =='' )
        return;
    else
    {
        var control = document.getElementById(ctrID);
        if(control == null)
            return;
        else
        {
            xmlDoc = CJL_loadXmlDocument(path);
            GenBOXNews(control,xmlDoc);
        }
    }
}

function GenBOX(ctrl,xmlDoc)
{
    if(xmlDoc == null)
        return;
    else
    {
        var xmlElement = xmlDoc.getElementsByTagName("question-item");
           
           var no1 = Math.floor(Math.random()*20);
           var no2;
           do
           {
                 no2 = Math.floor(Math.random()*20);
           }
           while(no2 ==  no1)
           
           var question1 = xmlElement[no1].getElementsByTagName("question");
           var answer1 = xmlElement[no1].getElementsByTagName("answer");
           var question2 = xmlElement[no2].getElementsByTagName("question");
           var answer2 = xmlElement[no2].getElementsByTagName("answer");
            var strVar="";
 
            strVar += "			    <div class=\"o_f\" style=\"padding-top:10px\">";
            strVar += "			        <div style=\"float:left;width:33px\"><img src=\"\/adv\/Kotex\/girlsSpace1_03.gif\" \/><\/div>";
            strVar += "			        <div style=\"float:left;width:240px;\"><b>"+question1[0].firstChild.nodeValue+"<\/b><\/div>";
            strVar += "			    <\/div>";
            strVar += "			    <div class=\"of\">";
            strVar += "			        <div><img src=\"\/adv\/Kotex\/234_03.gif\" \/><\/div>";
            strVar += "			        <div style=\"background:url(\/adv\/Kotex\/234_05.gif);width:272px;\">";
            strVar += "			            <div style=\"padding:5px 10px\">"+answer1[0].firstChild.nodeValue+"<\/div>";
            strVar += "			        <\/div>";
            strVar += "			        <div><img src=\"\/adv\/Kotex\/234_07.gif\" \/><\/div>";
            strVar += "			    <\/div>";
            strVar += "			     <div class=\"o_f\" style=\"padding-top:10px\">";
            strVar += "			        <div style=\"float:left;width:33px\"><img src=\"\/adv\/Kotex\/girlsSpace1_03.gif\" \/><\/div>";
            strVar += "			        <div style=\"float:left;width:240px;\"><b>"+question2[0].firstChild.nodeValue+"<\/b><\/div>";
            strVar += "			    <\/div>";
            strVar += "			    <div class=\"of\">";
            strVar += "			        <div><img src=\"\/adv\/Kotex\/234_03.gif\" \/><\/div>";
            strVar += "			        <div style=\"background:url(\/adv\/Kotex\/234_05.gif);width:272px;\">";
            strVar += "			            <div style=\"padding:5px 10px\">"+answer2[0].firstChild.nodeValue+"<\/div>";
            strVar += "			        <\/div>";
            strVar += "			        <div><img src=\"\/adv\/Kotex\/234_07.gif\" \/><\/div>";
            strVar += "			    <\/div>";
   

           ctrl.innerHTML =     strVar;
            
        
       
    }
}

function GenBOXNews(ctrl,xmlDoc)
{
    if(xmlDoc == null)
        return;
    else
    {
        var xmlElement = xmlDoc.getElementsByTagName("question-item");
           
           var no1 = Math.floor(Math.random()*20);
           var no2;
           do
           {
                 no2 = Math.floor(Math.random()*20);
           }
           while(no2 ==  no1)
           
           var question1 = xmlElement[no1].getElementsByTagName("question");
           var answer1 = xmlElement[no1].getElementsByTagName("answer");
           var question2 = xmlElement[no2].getElementsByTagName("question");
           var answer2 = xmlElement[no2].getElementsByTagName("answer");
            var strVar="";
            strVar += " <div class=\"o_f\" style=\"padding-top:10px\">";
            strVar += "			            <div style=\"float:left;width:33px\"><img src=\"\/adv\/Kotex\/girlsSpace1_03.gif\" \/><\/div>";
            strVar += "			            <div style=\"float:left;width:260px;\"><b>"+question1[0].firstChild.nodeValue+"<\/b><\/div>";
            strVar += "			        <\/div>";
            strVar += "			        <div class=\"of\">";
            strVar += "			            <div><img src=\"\/adv\/Kotex\/girlsSpace1_07.gif\" \/><\/div>";
            strVar += "			            <div style=\"background:url(\/adv\/Kotex\/girlsSpace1_09.gif);width:288px;\">";
            strVar += "			                <div style=\"padding:5px 10px\">"+answer1[0].firstChild.nodeValue+"<\/div>";
            strVar += "			            <\/div>";
            strVar += "			            <div><img src=\"\/adv\/Kotex\/girlsSpace1_11.gif\" \/><\/div>";
            strVar += "			        <\/div>";
            strVar += "			          <div class=\"o_f\" style=\"padding-top:10px\">";
            strVar += "			            <div style=\"float:left;width:33px\"><img src=\"\/adv\/Kotex\/girlsSpace1_03.gif\" \/><\/div>";
            strVar += "			            <div style=\"float:left;width:260px;\"><b>"+question2[0].firstChild.nodeValue+"<\/b><\/div>";
            strVar += "			        <\/div>";
            strVar += "			        <div class=\"of\">";
            strVar += "			            <div><img src=\"\/adv\/Kotex\/girlsSpace1_07.gif\" \/><\/div>";
            strVar += "			            <div style=\"background:url(\/adv\/Kotex\/girlsSpace1_09.gif);width:288px;\">";
            strVar += "			                <div style=\"padding:5px 10px\">"+answer2[0].firstChild.nodeValue+"<\/div>";
            strVar += "			            <\/div>";
            strVar += "			            <div><img src=\"\/adv\/Kotex\/girlsSpace1_11.gif\" \/><\/div>";
            strVar += "			        <\/div>";

   

           ctrl.innerHTML =     strVar;
            
        
       
    }
}