var service_visible = {};
var service_fetched = {};


function showTab(artId, tabNo, url) {
   var id = artId + '-' + tabNo;
   var idTab = 'tab-' + artId + '-' + tabNo;
   var prevId = artId + '-' + service_visible[artId];
   var prevIdTab = 'tab-' + artId + '-' + service_visible[artId];

   $(prevId).hide();
   $(id).show();

   //alert (idTab + "/" + prevIdTab);
   $(prevIdTab).removeClassName('active');
   $(prevIdTab).addClassName('inactive');
   $(idTab).addClassName('active');
   $(idTab).removeClassName('inactive');

   if (url != '') { // fetch with AJAX
      fetchServicePage(url,id);
   }

   service_visible[artId] = tabNo;
   //alert("showing " + id + '  old: ' + prevId);
}

  function fetchServicePage(url,id) {
    var innerId = id + '-inner';  // the div inside the border etc 
                                  // that is without the rss and view
				  // all buttons which is not fetched
				  // with AJAX
                            
    if (service_fetched[id]) {
       return; // already fetched
    }
    new Ajax.Request(url+'?service=showService',
    {
      method:'get',
      onSuccess: function(transport){
        var response = transport.responseText || "no response text";
	$(innerId).update(response);
	service_fetched[id] = 1;
	
      },
      onFailure: function() {$(innerId).update("Error fetching content"); }
    });
  }