﻿function getContent(divContent, URL) {
    var HttpRequest = false;
    var content = document.getElementById(divContent); 
    //alert(content);
    if (window.XMLHttpRequest) //IE
    {
        HttpRequest = new XMLHttpRequest();
    }
    else //Other browser
    {
        HttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
    }
    if (!HttpRequest) return;
    var thisdate = new Date();

    HttpRequest.open("GET", URL + "&t=" + thisdate);
    HttpRequest.onreadystatechange = function() {
        if (HttpRequest.readyState == 4 && HttpRequest.status == 200) {
            content.innerHTML = HttpRequest.responseText;
        }
    }
    HttpRequest.send(null);
}
//Thm v�o

var clock = null;
var clockToSlide = null;
var totalSlide=0;
var curIndex = 0;
function changeDisplay(eleID)
{
    var container = document.getElementById('divArticleCon');
    var content = document.getElementById(eleID); 
    if(content.style.display=='none')
    {
        var eles = container.getElementsByTagName('div');
        for(var i=0;i<eles.length;i++)
        {
            if(eles[i].id.indexOf('content_')>=0)
            {
                eles[i].style.display='none';
            }
        }    
        content.style.display='';
        content.style.opacity = 0.1;
        content.style.filter  = "alpha(opacity=10)";        
        clock = setInterval("SetOpacity('"+eleID+"',0);",50);
    }
}
    function StartRoll(index)
    {        
        if(clockToSlide)
        {
            clearInterval(clockToSlide);
        }
        clockToSlide = setInterval("RollImageUp("+index+",1);",5000);
    }
    
    function RollImageUp(index,flag)
    {        
        if(parseInt(index)==0)
        {
        var ele2 = document.getElementById('slide_0');        
        var ele1 = document.getElementById('slide_' + parseInt(totalSlide));
        }
        else    
        {
        var ele1 = document.getElementById('slide_' + (parseInt(index)-1));        
        var ele2 = document.getElementById('slide_' + parseInt(index));
        }
        ele1.style.display = 'none';
        ele2.style.display = '';
        ele2.style.opacity = 0.1;
        ele2.style.opacity = "alpha(opacity=10)";
        SetOpacity(ele2.id,10);        
        if(index<totalSlide)
        {
            index+=1;
        }
        else if(index==parseInt(totalSlide))
        {
            index=0;
        }        
        if(flag==1)
        {
            StartRoll(index);     
        }   
    }
    
     function RollImageDown(index,flag)
    {        
        if(parseInt(index)==parseInt(totalSlide))
        {
            var ele1 = document.getElementById('slide_0');        
            var ele2 = document.getElementById('slide_' + parseInt(totalSlide));
        }
        else    
        {
            var ele1 = document.getElementById('slide_' + (parseInt(index)+1));        
            var ele2 = document.getElementById('slide_' + parseInt(index));
        }
        ele1.style.display = 'none';
        ele2.style.display = '';
        ele2.style.opacity = 0.1;
        ele2.style.opacity = "alpha(opacity=10)";
        SetOpacity(ele2.id,10);        
        if(index>0)
        {
            index-=1;
        }
        else if(index==0)
        {
            index=totalSlide;
        }        
        if(flag==1)
        {
            StartRoll(index);     
        }   
    }
    
    function moveRight()  
    {    
        if(parseInt(curIndex)<parseInt(totalSlide))
        {
            curIndex+=1;
        }
        else if(parseInt(curIndex)==parseInt(totalSlide))
        {
            curIndex=0;
        }         
        RollImageUp(parseInt(curIndex),0);        
    } 
     
    function moveLeft()  
    {  
        if(parseInt(curIndex)>0)
        {
            curIndex-=1;
        }
        else if(parseInt(curIndex)==0)
        {
            curIndex = totalSlide;            
        }  
        RollImageDown(parseInt(curIndex),0);        
    }  
    
    function moveToCurrent(j)
    {        
        var ele = document.getElementById("SliderContainer");
        var eles = ele.getElementsByTagName("div");    
        for(var i=0;i<eles.length;i++)
        {   
            if(i==j)
            {
                curIndex=j+1;
                moveLeft();
            }
            else
            {
                eles[i].style.display='none';
            }
        }   
    }
    
    function changeClassForLeft(ele1)
    {
        var ele = document.getElementById("leftmenucon");
        var eles = ele.getElementsByTagName("a");  
        alert(eles.length);
        for(var i=0;i<eles.length;i++)
        {
            if(eles[i]!=ele1)
            {
                eles[i].className='lmenua';
            }
            else
            {
                eles[i].className='lmenuaactive';
            }
        }
    }
    
function SetOpacity(elemID, opacityAsInt)
{
    clearInterval(clock);
    var elem = document.getElementById(elemID);
    if(opacityAsInt<=100)
    {
        var opacityAsDecimal = opacityAsInt;
        opacityAsDecimal /= 100;
        if (opacityAsInt < 1)
        opacityAsInt = 1;

        elem.style.opacity = (opacityAsDecimal);
        elem.style.filter  = "alpha(opacity=" + opacityAsInt + ")";
        clock = setInterval("SetOpacity('"+elemID+"',"+parseInt(opacityAsInt+10)+");",50);
    }
}

//Th�m v�o

function encodeQueryString(s) {
    //s=escape(s); 
    s=s.replace(/([-*+@_/.])/ig,function($1){
    switch ($1){ 
    case "/": return "%2F"; 
    case ".": return "%2E";
    case "_": return "%5F";
    case "-": return "%2D";
    case '*': return "%2A";
    case "+": return "%2B";
    case "@": return "%40";}})
    return s;
}
