// File: grid.js

domReady(init);

function init(){
  // initially hide all containers for tab content
  $('grid').hide();	
  var temp=[];
  
  temp= $('tags').childElements();
  
   for(var i=0,len=temp.length;i<len;i++){
	 if(temp[i].className =='selected')
  		displayGrid(temp[i].firstDescendant().id);
	
	 Event.observe(temp[i], 'click', function(event) {
		var element = Event.element(event);
		displayGrid(element.id);
		Event.stop(event);
		//applySelected(temp,this);
		
		//if ('P' == element.tagName)
		//element.hide();
		
	})
	
  }
};

function applySelected(temp,sel){
	for(var i=0,len=temp.length;i<len;i++){
	 if(temp[i].className =='selected')
  		temp[i].removeClassName('selected');
	}
	
	sel.addClassName('selected');
	
}
function displayGrid(foo){
 
  var temp =[];
  temp = $('grid').childElements();
  	

	for(var i=0,len=temp.length;i<len;i++){
	 if(temp[i].id == foo)
  		temp[i].show();
	 else
	 	temp[i].hide();
 	}
  $('grid').show();	
	
}