onload=function(){
    var tab_list_array = new Array();
    tab_list_array["/index"] = ['AreaGnaviTopLinks'];

    var tab_content_array = new Array();
    tab_content_array["/index"] = [['TopImages_01','TopImages_02','TopImages_03','TopImages_04']];

    var selected_class_array = new Array();
    selected_class_array["/index"] = [['IdTopVisit_on','IdTopMedicalCare_on','IdTopHealthcareFacilit_on','IdTopAbout_on']];

    var un_selected_class_array = new Array();
    un_selected_class_array["/index"] = [['IdTopVisit','IdTopMedicalCare','IdTopHealthcareFacilit','IdTopAbout']];

    var this_location = location.pathname.split('.');
    var page_location = this_location[0].split('/');
    var this_dir="";
    var this_file="";

    for(var i = 0 ; i < page_location.length ; i++){
        if(i == page_location.length-2) this_dir = "/" + page_location[i];
        if(i == page_location.length-1) {
            this_file =  page_location[i];
            if(this_file == "") this_file = "index";
        }
    }

    var this_page = this_dir + "/" + this_file;
    if(page_location.length == "2")this_page = "/" + this_file;
    if(!tab_list_array[this_page]) return;
    var tab_list;
    var tab_content;
    var selected_class;
    var un_selected_class;

    for(i=0;i<tab_list_array[this_page].length;i++){
        tab_list = get_info(tab_list_array[this_page][i]);
        tab_content = get_pages(tab_content_array[this_page][i]);
        selected_class = selected_class_array[this_page][i];
        un_selected_class = un_selected_class_array[this_page][i];
        tab_setup(tab_content,tab_list,selected_class,un_selected_class);
    }
}

function tab_setup(tab_list,tab_content,selected_class,un_selected_class){
    for(i=0; i<tab_list.length; i++) {
        if(i != 0) tab_list[i].style.display = 'none';
        if(i == 0) {
            tab_list[i].style.display = 'none';
            //tab_content[i].className = un_selected_class[i];
        }
        tab_list[i].onmouseover = function(){this.style.display='block';};
        tab_list[i].onmouseout = function(){this.style.display='none';};

        tab_content[i].onmouseover = function(){showpage(this,tab_content,tab_list,selected_class,un_selected_class); return false;};
        tab_content[i].onmouseout = function(){un_focus(this,tab_content,tab_list,un_selected_class); return false;};
        }
}

function showpage(obj,tab_content,tab_list,selected_class,un_selected_class){
    for(var i=0; i<tab_list.length; i++) {
        if(tab_content[i] === obj) {
            tab_list[i].style.display = 'block';
            tab_content[i].className = selected_class[i];
        }else if(tab_list[i].style.display == 'block'){
            tab_list[i].style.display = 'none';
            tab_content[i].className = un_selected_class[i];
        }
    }
}

function get_info(tab){
    var tab_infomation = document.getElementById(tab).getElementsByTagName('li');
    return tab_infomation;
}

function get_pages(content){
    var set_page = new Array();
    for(var i = 0;i < content.length;i++){
        set_page[i] = document.getElementById(content[i]);
    }
    return set_page;
}

function un_focus(obj,tab_content,tab_list,un_selected_class){
    for(var i=0; i<tab_list.length; i++) {
        if(tab_content[i] === obj) {
            tab_list[i].style.display = 'none';

            tab_content[i].className = un_selected_class[i];
        }
    }
}