window.addEvent('domready', function() {

//active/nonactive array
var active = new Array();

//panel h open/close on rollover
var heads = $$('.panel .h');
heads.each(function(el, i) {
 
	var fx = new Fx.Styles(el, {duration:300, wait:false});
 
	el.addEvent('mouseenter', function(){
		fx.start({
			'height': 150,
			'color': '#000'
		});
	});
 
	el.addEvent('mouseleave', function(){
		if(active[i] != true){
			fx.start({
				'height': 75,
				'color': '#bbb'
			});
		};
	});
 
});

//panel c open/close //change to for //'#p'+i+' .h'//
var panels = $$('.panel .c');
//alert(list.length);

panels.each(function(el, i) {
				   
	panels[i] = new Fx.Slide(el, {duration:500, wait:false});
	 
	$$('#p'+(i+1)+' .h').addEvent('click', function(e){
		e = new Event(e);
		panels[i].toggle();
		e.stop();
		
		//disable/enable h's slideout
		if(active[i] != true){
			active[i] = true;
			$$('#p'+(i+1)+' .h').setStyle('background', 'url(img/panel_arrou.gif) no-repeat 860px 125px !important;');
		} else {
			active[i] = false;
			$$('#p'+(i+1)+' .h').setStyle('background', 'url(img/panel_arrod.gif) no-repeat 860px 125px !important;');
		};
	});
	
	//close all panels
	$$('#closepanels').addEvent('click', function(e){						
		e = new Event(e);
		panels[i].slideOut();
		
		//deactivate head
		active[i] = false;
		$$('#p'+(i+1)+' .h').setStyle('background', 'url(img/panel_arrod.gif) no-repeat 860px 125px !important;');
		$$('#p'+(i+1)+' .h').setStyle('height', '75px;');
		$$('#p'+(i+1)+' .h').setStyle('color', '#bbb;');
		
		e.stop();
	});
	
	panels[i].hide();

});

/*for (i=1; i<=panels.length; i++){
	
	var panel = panels[i-1];
	
    function(element) {
				   
	var mySlide = new Fx.Slide(element, {duration:500, wait:false});
	 
	$$('.panel .h').addEvent('click', function(e){
		e = new Event(e);
		mySlide.toggle();
		e.stop();
	});
	
	mySlide.hide();

	};

};


list.each(function(element) {
				   
	var mySlide = new Fx.Slide(element, {duration:500, wait:false});
	 
	$$('.panel .h').addEvent('click', function(e){
		e = new Event(e);
		mySlide.toggle();
		e.stop();
	});
	
	mySlide.hide();

});
*/
}); //keepit