function slidedown(type,load_this){
	
	var cat_Name	= $('cat_name');						//select the first button
	var cat_Content	= $('subcat');					//select the first content element
	var cat_Height	= cat_Content.getSize().scrollSize.y;//get the scrollSize of the contentElements
	var cat_Toggle 	= new Fx.Style('subcat', 'height',{duration: 500});
	
	//	 define subcat if loaded
	if(type=="subcat"){
		var subcat_Name		= $('subcat_name');						//select the first button
		var subcat_Content	= $('galleryContainer');					//select the first content element
		var subcat_Height	= subcat_Content.getSize().scrollSize.y;//get the scrollSize of the contentElements
		var subcat_Toggle = new Fx.Style('galleryContainer', 'height',{duration: 500});
	}
	
	//show if requested
   	if(load_this==1){
		if(type=="cat"){
			cat_Toggle.start(cat_Height);
		}else if(type=="subcat"){
			cat_Toggle.start(0);//hide
			subcat_Toggle.start(subcat_Height);
		}
   	}
	
	//add an onclick event listener to cat_name
	cat_Name.addEvent(
		'click', 
		function slidedown(){
			//toggle height transition (hide-show)
			if(cat_Content.getStyle('height').toInt() > 0){
    			//cat_Toggle.start(0);//hide
  			}else{
   				if(type=="subcat"){
					// hide subcat
					$('subcat_name').effect('background-color', {duration: 1000, transition:Fx.Transitions.linear}).start('#666666');
  					subcat_Toggle.start(0);//hide
				}
				// show cat
				$('cat_name').effect('background-color', {duration: 1000, transition:Fx.Transitions.linear}).start('#FF6600');
  				cat_Toggle.start(cat_Height);	
			}
			return false;
		}
	);
	cat_Content.setStyle('display','block');
	
	//	 define subcat if loaded
	if(type=="subcat"){
		//add an onclick event listener to cat_name
		subcat_Name.addEvent(
			'click', 
			function slidedown(){
				//toggle height transition (hide-show)
				if(subcat_Content.getStyle('height').toInt() > 0){
    				//cat_Toggle.start(0);//hide
  				}else{
   					// hide cat
					$('cat_name').effect('background-color', {duration: 1000, transition:Fx.Transitions.linear}).start('#666666');
  					cat_Toggle.start(0);				
					
					// show subcat
					$('subcat_name').effect('background-color', {duration: 1000, transition:Fx.Transitions.linear}).start('#FF6600');
					subcat_Toggle.start(cat_Height);	
				}
				return false;
			}
		);
		subcat_Content.setStyle('display','block');
	}
	
};