// JavaScript Document
function accordionNew(el,who) {
		
		theelement = document.getElementById(who);
		
    if (Element.hasClassName(theelement.id+'-body','visible')){
        var elup = theelement.id+'-body';
		new Effect.SlideUp(elup, {duration:1.5});
		Element.removeClassName(elup,'visible');
    	Element.addClassName(elup,'invisible');
    } else {
		var eldown = theelement.id+'-body';
		new Effect.SlideDown(eldown, {duration:1.5});
		Element.removeClassName(eldown,'invisible');
    	Element.addClassName(eldown,'visible');
	
	}
    
}


//pass in ID of container element that has all instances of apanels
function accordion_init() {

	for (var j=0;j<arguments.length;j++){
	
    var apanels = document.getElementsByClassName('panel_body',arguments[j]);
    for (var i=0;i<apanels.length;i++){
        apanels[i].style.display = 'none';
    }
    var velems = document.getElementsByClassName('visible');
    for (var i=0;i<velems.length;i++){
        $(velems[i]).style.display = 'block';
    }
	}//for j
	//added on 19/2 to reset container div to visible after accordion load
	//browser_show();
}

	/*	
	Sortable.create("firstlist",
     {dropOnEmpty:true,containment:["firstlist","secondlist"],constraint:false});
   Sortable.create("secondlist",
     {dropOnEmpty:true,handle:'handle',containment:["firstlist","secondlist"],constraint:false});
*/

function accordion(el) {
    if (Element.hasClassName(el.parentNode.id+'-body','visible')){
        //do not need to perform an actions
        return;
    }
    var eldown = el.parentNode.id+'-body';
    var apanels = document.getElementsByClassName('panel_body',el.parentNode.parentNode);
    for (var i=0;i<apanels.length;i++){
        if (Element.hasClassName(apanels[i].parentNode.id+'-body','visible'))
            var elup = apanels[i].parentNode.id+'-body';
    }
    new Effect.Parallel([ new Effect.SlideUp(elup), new Effect.SlideDown(eldown) ], {duration: 0.5});
    Element.removeClassName(elup,'visible');
    Element.addClassName(eldown,'visible');
}

function browser_show() {
	if (document.getElementById) { 
	document.getElementById("container").style.display="block";
	}
	else if (document.all) { 
	document.all.container.style.display="block";	}
	else{
		document.container.display="block"; 	}
}

function browser_hide() {
	if (document.getElementById) { 
	document.getElementById("container").style.display="none";
	}
	else if (document.all) { 
	document.all.container.style.display="none";	}
	else{
		document.container.display="none"; 	}
}