/*-----------------------------------------------------------
    Toggles element's display value
    Input: any number of element id's
    Output: none 
    ---------------------------------------------------------*/
function toggleDisp() {
    for (var i=0;i<arguments.length;i++){
        var d = $(arguments[i]);
        if (d.style.display == 'none')
            d.style.display = 'block';
        else
            d.style.display = 'none';
    }
}
/*-----------------------------------------------------------
    Toggles tabs - Closes any open tabs, and then opens current tab
    Input:     1.The number of the current tab
                    2.The number of tabs
                    3.(optional)The number of the tab to leave open
                    4.(optional)Pass in true or false whether or not to animate the open/close of the tabs
    Output: none 
    ---------------------------------------------------------*/
function toggleTab(num,numelems,opennum,animate) {
    if ($('cNavContent'+num).style.display == 'none'){
        for (var i=1;i<=numelems;i++){
            if ((opennum == null) || (opennum != i)){
                var temph = 'cNav'+i;
                var h = $(temph);
                if (!h){
                    var h = $('tabHeaderActive');
                    h.id = temph;
                }
				h.className = h.className.replace(/On/, "");
                var tempc = 'cNavContent'+i;
                var c = $(tempc);
                if(c.style.display != 'none'){
                    if (animate || typeof animate == 'undefined')
                        Effect.toggle(tempc,'appear',{duration:0.5, queue:{scope:'menus', limit: 3}});
                    else
                        toggleDisp(tempc);
                }
            }
        }
        var h = $('cNav'+num);
        if (h)
            h.id = 'tabHeaderActive';
		h.className = h.className + "On";
        h.blur();
        var c = $('cNavContent'+num);
        /*c.style.marginTop = '2px';*/
        if (animate || typeof animate == 'undefined'){
            Effect.toggle('cNavContent'+num,'appear',{duration:0.5, queue:{scope:'menus', 
position:'end', limit: 3}});
        }else{
            toggleDisp('cNavContent'+num);
        }
    }
}

function configTabsModule() {
        if (!document.getElementsByTagName) return false;
        if (!document.getElementById) return false;
        if (!document.getElementById("cNavTabs")) return false;
        var tabs = document.getElementById("cNavTabs");
        var links = tabs.getElementsByTagName("a");
		for (var i=0; i<links.length; i++) {
			if (location.hash == links[i].hash) {
				toggleTab(i+1,links.length,null,false);
			}
			links[i].num = i+1;
			Event.observe(links[i], 'click',
				function(e) {
					toggleTab(Event.element(e).num, links.length);
					//return false;
					Event.stop(e);
				});
        }
} 

Event.observe(window, 'load', configTabsModule);