var treeFunPage = Class.create();
  treeFunPage.prototype = {
  initialize : function(closetext,showtext) {
	this.treeNodeList=document.getElementsByClassName("listTree");
	this.dataShortList=document.getElementsByClassName("dataShort");
	this.dataExpanded=document.getElementsByClassName("dataExpanded");
	this.closeText=closetext;
	this.showText=showtext;
	this.hideTreeData();
	},
	hideTreeData:function(){
		$A(this.dataShortList).each(function(div,index) {
			if((div.next()!=undefined)&& (div.next().hasClassName("dataExpanded"))){
				if(div.previous().nodeName=="SPAN"){
				this.treeNodeList[index].removeClassName("hide");	
				this.treeNodeList[index].addClassName("listTreeON");
				this.treeNodeList[index].addClassName("show");
				try{
				div.next().innerHTML=div.innerHTML+div.next().innerHTML;
				}catch(e){}
				this.treeNodeList[index].innerHTML=this.showText //+div.previous(1).innerHTML  //commented code as wel new required to hide title 
				Event.observe(this.treeNodeList[index],'click',this.showTreeData.bind(this))
				}
			} 
		}.bind(this))
		
	
	},		
	showTreeData:function(evnt){
		Event.stop(evnt);
		var elem = Event.element(evnt);
		try{
		 if(elem.hasClassName("listTreeON")){
		  elem.removeClassName("listTreeON")
		  elem.addClassName("listTreeOFF")
		  elem.next().addClassName("hide");
 		  elem.next().removeClassName("show"); 								
		  elem.next(1).addClassName("show");
  		  elem.next(1).removeClassName("hide");
		  elem.innerHTML=this.closeText//+elem.previous().innerHTML //commented code as wel new required to hide title 
		}else{
		  elem.removeClassName("listTreeOFF")
		  elem.addClassName("listTreeON")
	 	  elem.next(1).addClassName("hide");
 		  elem.next(1).removeClassName("show"); 								
		  elem.next().addClassName("show");
  		  elem.next().removeClassName("hide");
		  elem.innerHTML=this.showText//+elem.previous().innerHTML //commented code as wel new required to hide title 
		}
		}catch(e){
		}
		
	
			
	}
  
  }



  var treeFunGallery = Class.create();
  treeFunGallery.prototype = {
  initialize : function(id,treeClassName,closetext,showtext) {
	this.id=$(id);
	this.titleValue=this.id.up().firstChild.nodeValue;
	this.treeClass=treeClassName;
	this.closeText=closetext;
	this.showText=showtext;

	this.listVideos=document.getElementsByClassName(this.treeClass);
	this.hideTree();
	Event.observe(this.id, 'click', this.showTree.bind(this) );
	},
	hideTree:function(){
		if(this.listVideos.length>3){
			 this.id.addClassName("show");	 	
			   $A(this.listVideos).each(function(div,index) {
					 if(index>2){
					  div.removeClassName("show");
					 div.addClassName("hide");
					 }	   
			   });
			}
	
	},
	showTree:function(evnt){
	Event.stop(evnt);
	  var elem = Event.element(evnt);
			if(elem.hasClassName("listTreeON")){
			  elem.removeClassName("listTreeON")
  			  elem.addClassName("listTreeOFF")
			  elem.innerHTML=this.closeText//+this.titleValue;
			  $A(this.listVideos).each(function(div,index) {
					  div.removeClassName("hide");
					  div.addClassName("show");				 
			   });
			}else{
  			  elem.innerHTML=this.showText //+ this.titleValue;
			  elem.removeClassName("listTreeOFF")
  			  elem.addClassName("listTreeON") 
			 this.hideTree();
			}
	}
  
  }