function tab_show(id) {
    el_id = id.substr(11);

    showcontent = 'tabcontent_'+el_id;

    contents = document.getElementsByClassName('tabcontent'); 
    for (cnt=0; cnt<contents.length; cnt++) {
		var content = null;
        content = contents[cnt];
        if (content.id == showcontent) {
            content.show();
        } else {
            content.hide();
        }
    }

    controls = document.getElementsByClassName('tabcontrol'); 
    for (cnt=0; cnt<controls.length; cnt++) {
		var control = null;
        control = controls[cnt];
        if (control.id == id) {
            control.className = 'active_tab tabcontrol';
        } else {
            control.className = 'inactive_tab tabcontrol';
        }
    }
    return false;
}

function tab_click(evnt) {
    Event.stop(evnt);
    el_id = Event.element(evnt).id.substr(11);

    showcontent = 'tabcontent_'+el_id;

    contents = document.getElementsByClassName('tabcontent'); 
    for (cnt=0; cnt<contents.length; cnt++) {
		//alert(contents);
		var content = null;
        content = contents[cnt];
        if (content.id == showcontent) {
            content.show();
        } else {
            content.hide();
        }
    }

    controls = document.getElementsByClassName('tabcontrol'); 
    for (cnt=0; cnt<controls.length; cnt++) {
		var control = null;
        control = controls[cnt];
        if (control.id == Event.element(evnt).id) {
            control.className = 'active_tab tabcontrol';
        } else {
            control.className = 'inactive_tab tabcontrol';
        }
    }
    return false;
}

function initialize_tabs() {

    try {
        controls = document.getElementsByClassName('tabcontrol'); 
        for(cnt=0; cnt<controls.length; cnt++) {
			var control = null;
            control = controls[cnt];
            Event.observe(control.id, 'click', tab_click);
        }

    } catch(e) {
        debug(e);
    }
}

//addLoadEvent(initialize_tabs);
Event.observe(window, 'load' , initialize_tabs);