var Tabs = Class.create({
   initialize: function(){},
   select: function(tab,n){
      $$('#'+tab+' li').each(function(li, i) {
         if(li==n){
            if($(tab+i)){
               li.removeClassName('last').addClassName('selected');
               Element.show($(tab+i));
               if (!li.hasClassName('loaded')){
                       new Ajax.Request(n.down('a').href, {
                         parameters: {format: 'ajax'},
				         method: 'POST',
				         onSuccess: function(transport){
				            $(tab+i).update(transport.responseText);
				            li.addClassName('loaded');
				         },
				         onLoading: function(transport){
				            $(tab+i).update('<img style="margin: 10px 0 10px 250px;" src="'+staticDomain+'/img/ajax-loader4.gif" />'); 
				         }
				     });
               }
            }   
         } else {
            if($(tab+i)){
               li.removeClassName('selected').addClassName('last');
               Element.hide($(tab+i));
            }   
         }   
      });
   }
});

document.observe("dom:loaded", function(event){
   tab = new Tabs();  
   
	    
  $$('.tabevent').each(function(n){
       Event.observe(n, 'click', function(event){
         Event.stop(event);
         liElement=Event.element(event).up('li');
         ulElement=liElement.up('ul');
         tab.select(ulElement.identify(),liElement);         
     });
  });    
      
});