﻿function showTAB(id)
{
    
    var XMLhttp = getAjaxCore();
    
    var inner   = document.getElementById('showListTabs');
    
    XMLhttp.onreadystatechange  = function()
    {
       /* if(XMLhttp.readyState   != 4) {
            var img = '<div style="background: #FFFFFF; padding: 10px;" align="center"><img src="gui/ajax-loader3.gif">Đang tải...</div>';
            if(inner.innerHTML != img ) inner.innerHTML  = img;
            
        } */
        
        // nhan du lieu
       /* else { */
            if(XMLhttp.responseText == 'false') inner.innerHTML   = '<div style="background: #FFFFFF; color:red" align="center">Co loi xay ra !</div>';
            else inner.innerHTML   = XMLhttp.responseText;
       /* } */
        
    }
    
    // sendding information
    var url = 'Ajax_script/showList.ajax.php?tab={tab}&tmp={random}';
    
    // chua hoa url
    if(id   == false || id  == 'n') id  = 'n';
    url = url.replace('{random}', Math.random());
    url = url.replace('{tab}', encodeURIComponent(id));
    
    XMLhttp.open('GET', url, true);
    XMLhttp.send(null);
}



// them dong tab
function addTabLine()
{
      var XML   = getAjaxCore();
      
      // onreadystate change
      XML.onreadystatechange    = function()
      {
        if(XML.readyState == 4) {
            showTAB(tab_use);
        }
      }
      
      // sending information
      var url   = 'Ajax_script/addTabLine.ajax.php?tmp={random}';
      url       = url.replace('{random}', Math.random());
      
      XML.open('GET', url, true);
      XML.send(null);
      
}

// sua ten tab
function changeTabName(obj)
{
    var name    = document.getElementById('new_tab_name').value;
    
    document.getElementById('new_tab_name').value   = document.getElementById('new_tab_name').getAttribute('title');
    
    
    if(name.length > 20) {
        alert('Ten khong hop le, phai ngan hon 20 ki tu'); return false;
    }
    
    
    
    var XML = getAjaxCore();
    
    XML.onreadystatechange  = function()
    {
        if(XML.readyState == 4)
        {
            showTAB(tab_use);
        }
    }
    
    // sending information
    var url = 'Ajax_script/changeTabName.ajax.php?tmp={random}&tabid={tabid}&name={name}';
    url     = url.replace('{random}', Math.random());
    url     = url.replace('{name}', encodeURIComponent(name));
    
    if(tab_use == '' || tab_use == null) tab_use = 'n';
    url     = url.replace('{tabid}', tab_use);
    
    
    
    XML.open('GET', url, true);
    XML.send(null);
    
    // tat
    obj.style.display   = 'none';
    
}

// xoa dong tab
function delTabLine()
{

    // confirm
    if(!confirm('Ban co chac xoa dong TAB nay ?')) return false;
    
    var XML = getAjaxCore();
    
    XML.onreadystatechange  = function()
    {
        if(XML.readyState == 4)
        {
            showTAB(tab_use);
        }
    }
    
    // sending information
    var url = 'Ajax_script/delTabLine.ajax.php?tmp={random}&tabid={tabid}';
    url     = url.replace('{random}', Math.random());
    
    
    if(tab_use == '' || tab_use == null) tab_use = 'n';
    url     = url.replace('{tabid}', encodeURIComponent(tab_use));
    
    
    
    XML.open('GET', url, true);
    XML.send(null);
    
    
}

// show noi dung tab ...
function showListUrl()
{
    var XML = getAjaxCore();
    
    XML.onreadystatechange  = function()
    {
        if(XML.readyState == 4)
        {
            document.getElementById('show_data_url').innerHTML = XML.responseText;
        }
        // dag chuyen du lieu
        else {
            if(document.getElementById('show_data_url').innerHTML != '<div style="background: #FFFFFF; padding: 10px;" align="center"><img src="gui/ajax-loader3.gif">Đang tải...</div>') 
                document.getElementById('show_data_url').innerHTML = '<div style="background: #FFFFFF; padding: 10px;" align="center"><img src="gui/ajax-loader3.gif">Đang tải...</div>';
        }
    }
    
    // sending information
    var url = 'Ajax_script/showListUrl.ajax.php?tmp={random}&tabid={tabid}';
    url     = url.replace('{random}', Math.random());
    url     = url.replace('{name}', encodeURIComponent(name));
    
    if(tab_use == '' || tab_use == null) tab_use = 'n';
    url     = url.replace('{tabid}', tab_use);
    
    
    
    XML.open('GET', url, true);
    XML.send(null);
}

function showListUrl2(id)
{
    var XML = getAjaxCore();
    
    XML.onreadystatechange  = function()
    {
        if(XML.readyState == 4)
        {
            document.getElementById('show_data_url').innerHTML = XML.responseText;
        }
        // dag chuyen du lieu
        else {
            if(document.getElementById('show_data_url').innerHTML != '<div style="background: #FFFFFF; padding: 10px;" align="center"><img src="gui/ajax-loader3.gif">Đang tải...</div>') 
                document.getElementById('show_data_url').innerHTML = '<div style="background: #FFFFFF; padding: 10px;" align="center"><img src="gui/ajax-loader3.gif">Đang tải...</div>';
        }
    }
    
    // sending information
    var url = 'Ajax_script/showListUrl_2.ajax.php?tmp={random}&tabid={tabid}&id={id}';
    url     = url.replace('{random}', Math.random());
    url     = url.replace('{name}', encodeURIComponent(name));
    url     = url.replace('{id}', encodeURIComponent(id));
    
    if(tab_use == '' || tab_use == null) tab_use = 'n';
    url     = url.replace('{tabid}', tab_use);
    
    
    
    XML.open('GET', url, true);
    XML.send(null);
}