var Dom = YAHOO.util.Dom;
var Anim = YAHOO.util.Anim;
var Event = YAHOO.util.Event;
	
	function openClose(e, colapseBox){

		var colElem = Dom.getLastChild(colapseBox);
		var colButton = Dom.getFirstChild(colapseBox);
		
		
		if (Dom.hasClass(colElem,'closed')) {

			colButton.innerHTML='Zavøít galerii';
			
			Dom.replaceClass(colElem,'closed','opened');
			Dom.setStyle(colElem,'display','block');
			var attributes = {
				height : {
				  from : 0,
				    to : 480,
				  units:'px'
				},
				opacity : {
				  from : 0.1,
				    to : 1.0
				}
			}
		} else {
			
			colButton.innerHTML='Otevøít galerii';			
			Dom.replaceClass(colElem,'opened','closed');
			var attributes = {
				height : {
				    to : 0,
				  units:'px'
				},
				opacity : {
				  from : 1.0,
				    to : 0.0
				}
			}
		}
		var animation = new Anim(colElem,attributes,0.5,YAHOO.util.Easing.easeOut);
		animation.animate();
		

		animation.onComplete.subscribe(
					function (){
						if (Dom.hasClass(colElem,'closed')){
						Dom.setStyle(colElem,'display','none');	
							}
						}
		);
		
	}
	
	
	
	
	function colapseInit() {

		var colapseBox =  Dom.getElementsByClassName('colapseBox');

		
		for (var i=0; i<colapseBox.length; i++) {

				YAHOO.util.Event.addListener(Dom.getFirstChild(colapseBox[i]),'click', openClose, colapseBox[i]);

            }
	}
	
	
Event.onDOMReady(colapseInit);