var state='';
function alienSlider(el,dir) {
	if (dir=='close') 
		el = $('visible');
	if (dir == 'close' && el.id=='visible' && state=='') {
		//close if open;
		var elclose = el.parentNode.id+'-body';
		state='active';
		new Effect.SlideUp(elclose,{duration: 0.99});
		setTimeout("state=''",1000);
        $('visible').id = '';
		el.id = '';
		var closebtn = 'close_'+el.parentNode.id+''
		var viewbtn = 'view_'+el.parentNode.id+''
		$(closebtn).style.display='none';
		$(viewbtn).style.display='block';
		return;
    }
	if ($('visible') && el.id!='visible' && state==''){
		var eldown = el.parentNode.id+'-body';
		var closebtn = 'close_'+el.parentNode.id+''
		var viewbtn = 'view_'+el.parentNode.id+''
		$(closebtn).style.display='block';
		$(viewbtn).style.display='none';
        var elup = $('visible').parentNode.id+'-body';	
		state='active';
		new Effect.Parallel(
        [
            new Effect.SlideUp(elup),
            new Effect.SlideDown(eldown)
        ], {
            duration: 0.99
        });
		setTimeout("state=''",1000);
		var closebtn = 'close_'+$('visible').parentNode.id+''
		var viewbtn = 'view_'+$('visible').parentNode.id+''
		$(closebtn).style.display='none';
		$(viewbtn).style.display='block';
        $('visible').id = '';
		el.id = 'visible';
	}
	if (!$('visible') && state==''){
		//open if closed;
		var elopen = el.parentNode.id+'-body';
		state='active';
		new Effect.SlideDown(elopen,{duration: 0.99});
		setTimeout("state=''",1000);
        el.id = 'visible';
		var closebtn = 'close_'+el.parentNode.id+''
		var viewbtn = 'view_'+el.parentNode.id+''
		$(closebtn).style.display='block';
		$(viewbtn).style.display='none';
    }
}

function alienSliderInit() {
    // hide all elements apart from the one with id visible
	var acc = document.getElementById('sliderBody');
    var apanels = acc.getElementsByTagName('div');
    for (i = 0; i < apanels.length; i++) {
        if (apanels[i].className == 'panel_body') {
            apanels[i].style.display = 'none';
        }
    }
    var avis = document.getElementById('visible').parentNode.id+'-body';
    document.getElementById(avis).style.display = 'block';
}


function addEvent(elm, evType, fn, useCapture) {
    elm["on"+evType]=fn;return;
}

addEvent(window, "load", alienSliderInit);