// hieu ung effect
function eff_tab (num, id)
{
    
    num = parseInt(num);
    
    // duyet tat ca cac tabs cung hang -> off
    for (var i = 0; i < tabs[num].length; i++)
    {
        var obj =   document.getElementById(tabs[num][i]);
        obj.style.background   = 'url(gui/tab.gif) repeat-x top center'; 
        obj.style.color        = '#FFFFFF';
        
    }
    
    var obj2 = document.getElementById(id);
    
    obj2.style.background   = '#FFFFFF';
    obj2.style.color        = '#FF9900';    
    
     
}

function load_data (name, num)
{
    // tham van doi tuong se in ra ket qua
    var obj_main   = document.getElementById(div_content[num]);
    
    
    // get Ajax core
    var xmlHTTP = getAjaxCore();
    
    xmlHTTP.onreadystatechange = function ()
    {
        // hinh anh loading phu phia tren dau cua layout
        var divLoading  = 'loading';
        var obj         = document.getElementById(divLoading);
        
        if(xmlHTTP.readyState != 4) {
            
            var imgM        = '<center><img src="gui/loading.gif"></center>';
            var img         = '<center><img src="gui/ajax-loader3.gif"></center>';
            
            if(obj.innerHTML != img) obj.innerHTML = img;
            
            if(obj_main.innerHTML != imgM) obj_main.innerHTML = imgM;
            
            
        }  else { // nhan duoc du lieu tu server
            obj.innerHTML       = '';
            obj_main.innerHTML  = xmlHTTP.responseText;
            
            /*
             * Caching data
             */
            do_cache (name, xmlHTTP.responseText);
            //---------------------------------------------
            
        }
        
    }
    
    /*
     * Check for caching data
     */
    var content = show_cache(name);
    if (content != false) { // da duoc cache
        obj_main.innerHTML  = content;
        return;
    }
    
    // url to PHP page -> 
    var url = 'Ajax_script/show.ajax.php?name={name}&tmp={random}';
        url = url.replace('{random}', Math.random());
        url = url.replace('{name}', encodeURIComponent(name));
    
    
    xmlHTTP.open('GET', url, true);
    xmlHTTP.send(null);
    
}

var prepare_default =   function () 
{
    for(var i = 0; i < div_content.length; i++)
    {
        // effect for the first tabs
        eff_tab(i, tabs[i][0]);
        
//        load_data(tabs[i][0], i);
    }
    

    return true;
}

addLoadF(prepare_default);

//-----------------------------------------------------------------------------------------------
/* 
 * Caching text for the next click
 * ---------------------------------
 * zoejoe 2008 (zoejoe.listen@gmail.com)
 */ 

/*
 * Caching variables
 */
var _cache_content  = new Array();
var _cache_name     = new Array();
var _cache_pos      = 0;




/*
 * Function search for a value and return the last index, if not, return false
 * @param : svalue  -> search value
 * @param : sarray  -> search array
 */
function search_array(svalue, sarray)
{
    var re  = false;
    for (var i = 0; i < sarray.length; i++)
    {
        if (svalue == sarray[i]) { re = i; }
    }
    
    return re;
}

/*
 * Function cache data
 * @param : cname    -> specify cache name of tab load
 * @param : ccontent -> data to cache
 */
function do_cache (cname, ccontent)
{
    if(!cname || !ccontent) { return false; }
    
    _cache_name[_cache_pos]     = cname;
    _cache_content[_cache_pos]  = ccontent;
    _cache_pos++;
    
    return true;
}

/*
 * Function show cache data, if not isset, return false;
 * @param : cname
 */
function show_cache (cname) 
{
    var index   = search_array (cname, _cache_name);
    if (index == false) { return false; }
    
    // no problem
    return _cache_content[index];
}