// JavaScript Document


Event.observe ( window, 'load', function() { init_slidingpannels(); });

function init_slidingpannels() {
	$$('.additional_button').each( function(n) {Event.observe(n,'click',slidePannel.bindAsEventListener(n) ); } )
}


function slidePannel(event) {
	
	var tomove = this.up('.additional');
	//alert(tomove.positionedOffset().top);
	
	if (!tomove.readAttribute('opened')) {
		document.cookie = 'panel_opened='+tomove.id+'; path=/';
		$$('.additional').each( hide_it );
		tomove.writeAttribute('opened',true);
		move_it(tomove,-186,0.5,0.3,this.readAttribute('openimg'));
	} else {
		document.cookie = 'panel_opened=; path=/';
		tomove.writeAttribute('opened',false);
		move_it(tomove,186,0.3,0,this.readAttribute('closeimg'));
	}
	//alert(this.readAttribute('openimg'));
	Event.stop(event);
	
}

function hide_it(element) { 
	if(element.readAttribute('opened')) { 
		element.writeAttribute('opened',false); 
		move_it(element,186,0.3,0,element.down('.additional_button').readAttribute('closeimg')); 
	}
}

function move_it(tomove,shift,dur,wait,img) {
	//alert(tomove.id);
	new Effect.Move(tomove, {
	  x: shift, y: 0, mode: 'relative',
	  transition: Effect.Transitions.sinoidal,
	  duration : dur,
	  delay : wait,
	  afterFinish: function () { 
	  	if (img) tomove.down('.additional_image').src = img;  
	  }
	});
}