function accordion(el) {
    if (Element.hasClassName(el.parentNode.id+'-body','visible')){
        //do not need to perform an actions
        Element.removeClassName(el.parentNode.id+'-body','visible');
//       Element.removeClassName(el,'hilite');
//	    var eldown = el.parentNode.id+'-body';
	    var elup= el.parentNode.id+'-body';
	    new Effect.SlideUp(elup,{duration:0.7});
//	    delite(el);
//       return;
    } else {
		var eldown = el.parentNode.id+'-body';
		var apanels = document.getElementsByClassName('panel_body',el.parentNode.parentNode);
		for (var i=0;i<apanels.length;i++){
			if (Element.hasClassName(apanels[i].parentNode.id+'-body','visible'))
				var elup = apanels[i].parentNode.id+'-body';
	    }
	    if (elup) {
			new Effect.Parallel([ new Effect.SlideUp(elup), new Effect.SlideDown(eldown) ], {duration: 0.5});
	    } else {
	    	new Effect.SlideDown(eldown, {duration:0.5});
	    }
		Element.removeClassName(elup,'visible');
		Element.addClassName(eldown,'visible');
//		Element.addClassName(el,'hilite');
//			    alert(el.id);

    }
}

//pass in ID of container element that has all instances of apanels
function accordion_init(id) {
    var apanels = document.getElementsByClassName('panel_body',id);
    for (var i=0;i<apanels.length;i++){
        apanels[i].style.display = 'none';
    }
//    var velems = document.getElementsByClassName('visible');
//    for (var i=0;i<velems.length;i++){
//        $(velems[i]).style.display = 'block';
//    }
}
//addEvent(window, "load", function(){accordion_init('myfirst_accordion');});

/*---------------------------------+
 |        ActiveTab                |
 +---------------------------------+
*/

TabToggle = function(element) {
//	Element.cleanWhitespace('tab_function');
//	Element.cleanWhitespace('tab_uitype');
  //First We control the look and feel of the active tab
  if (element=="tab_uitype" || element=="tab_function") {
//  	element=$('+element+');
  	tabs=element.parentNode.getElementsByTagName('li');
  } else {
//  	alert(element.parentNode.parentNode.id);
//  	element=$('+element+');
 	 tabs = element.parentNode.parentNode.getElementsByTagName('li');
//	alert (element.parentNode.id);
  }
  for(j = 0; j < tabs.length; j++) {
    link = tabs[j].getElementsByTagName('a')[0];
    link.id = "";
  }
  element.id = "current"
//  element.parentNode.id = "active"
  
  //Hide all content containers
  contents = document.getElementsByClassName('tabset_content');
  for(var i = 0; i < contents.length; i++) {
    contents[i].style.display = 'none';
  }

  //Extract content container id from href
  tabname = element.getAttribute('href').replace('#', '');
  ele = $(tabname);
  
  //Magic Happens
  new Effect.Appear(ele);
}

function toggle_hilite(el){
	if (el.parentNode.id!='panel3' && Element.visible('panel3-body')){
			   new Effect.SlideUp('panel3-body',{duration:0.5});
 		       Element.removeClassName('panel3-body','visible');
	}
	if (!Element.hasClassName(el,'hilite')){ var relite=1; } else { var relite=0; }
    var etitles = document.getElementsByClassName('subtitle','leopard_nav');
	for (var i=0;i<etitles.length;i++){
			Element.removeClassName(etitles[i],'hilite');
			delite(etitles[i]);
	    }
	if (relite==1) { Element.addClassName(el,'hilite'); hilite(el); }
}

function hilite(el){
	Element.setStyle(el, {'background':'url(/wp-content/themes/mars/images/highlight1.png) 0 0 no-repeat'});
	} 
function delite(el){
	if (!Element.hasClassName(el,'hilite')){
		Element.setStyle(el, {'background':'url(/wp-content/themes/mars/images/title.png) 0 0 no-repeat'});
	}
	} 
	
function updateLeopard(box, url) {
	box="lcontent";
//	new Effect.Fade(box,{duration:0.1});
	new Effect.Appear("light_loading", {from: 0, to: opaque, duration: 0.2});
   new Ajax.Updater(box, url, {
      asynchronous: true, method: "get",
       onComplete: function() {
            new Effect.Fade('light_loading');
                new Effect.Appear(box, { from: 0.0, to: opaque, duration: 0.3}); 
         }
      }); 
	setSwTab(url);
   };

function setSwTab(url){
    if (url.match("software_") && !Element.visible('panel3-body')) {
    	Element.cleanWhitespace('panel3');
    	swItem=$('panel3').firstChild;
    	toggle_hilite(swItem);
    	accordion(swItem);
    }
    if (url.match("function=") && !Element.visible('tab1')) {
		Element.cleanWhitespace('tab_function');
		tabEle=$('tab_function').firstChild;
	  	TabToggle(tabEle);
	} else if (url.match("uitype=") && !Element.visible('tab2')) { 
		Element.cleanWhitespace('tab_uitype');
		tabEle=$('tab_uitype').firstChild;
	  	TabToggle(tabEle);
	 }
	
}