function AppearEffect(element){
       new Effect.toggle(element, 'Slide');
   }
   
    function AppearEffectwHideOthers(element){
    	
       //hide others when toggling this one	
       //classname of content div to be hidden / shown
       //prototype getelements by classname equivalent just below
    	var elms = $$('div.extrainfo');

		var tog = function(){
		        elms.invoke('hide');
		        element.show();
		};
		
		elms.invoke('hide');
		elms.invoke('observe','click',tog); 	
    	
    	
       new Effect.toggle(element, 'Slide');
   }
   
       function AppearEffectwHideOthersNews(element, element2){
    	    	
		var elms = $$('div.extrainfonews'); //get by classname 
		var elms2 = $$('div.summaryinfonews'); //get by classname 
				
			if($(element2).getStyle('display') == 'none') {
				$(element2).style.display = "block";	
			}
			else {
				$(element2).style.display = "none";
			}
				
				
		//a simpler solution to the for below, but can I apply slide effect etc..?		
		/*elms.each(function(div) {
       			 div[div.id == element ? 'show' : 'hide']();
			     });*/
		
		for( i=0; i<elms.length; i++){
			
			elm = elms[i].id;
			elm2 = elms2[i].id;
									
			if(elms[i].id == element) {
			new Effect.toggle(element, 'Slide');
			//$(elm).observe('click',tog);
			}
			else {
				//check if its hidden or not, if not hidden then slide it instead of just hiding it
				if($(elm).getStyle('display') != 'none') {
					new Effect.SlideUp(elm, {duration:2});	
				}
				
			//$(elm).hide();		
			}
			
			
			if(elms2[i].id == element2) {
				
			}
			else {
				$(elm2).style.display = "block";	
		
			}
			

			
		}
		
		/*elms.invoke("hide"); //hides all items in the result elms
		$(element).show(); */
			
   }
 
   function slideMe(myDiv) {

        if(Element.visible(myDiv)) {
        //slide up
		new Effect.SlideUp(myDiv);
        }

        else {
        //slide down
		new Effect.SlideDown(myDiv);
        }
	}	
 
   function AppearInit(){
   	
   		for(i=1; i<9; i++) {
   		element = document.getElementById("techinfo"+i);
   		element.style.display = "none";
       	blindup(element, "div.extrainfo");	
   		}
   
   }
   
      function AppearInitmana(){
      	
      for(i=1; i<4; i++) {
   		element = document.getElementById("techinfo"+i);
   		element.style.display = "none";
       	blindup(element, "div.extrainfo");	
   		}	
       
    }
       
   
    function blindup(element, classname){
        //new Effect.SlideUp(element, {duration:0.5});
        
        //hide others when toggling this one	
        //classname of content div to be hidden / shown
        //prototype getelements by classname equivalent just below
    	var elms = $$(classname);

		var tog = function(){
		        elms.invoke('hide');
		        //element.show();
		};
		
		elms.invoke('hide');
		elms.invoke('observe','click',tog); 
        
    } 
    
    function fadeout(element){
        new Effect.Opacity(element, {duration:0.5, from:1.0, to:0.0});
    }
      
   function addLoadEvent(func) {
 	 var oldonload = window.onload;
  	if (typeof window.onload != 'function') {
    window.onload = func;
	  } else {
	    window.onload = function() {
	      if (oldonload) {
	        oldonload();
	      }
	      func();
	    }
	  }
	}

	function switchImage(element, imagename, baseurl) {
		element.src = baseurl + imagename;
	}