function show(elId){
      var el = $(elId);
      test=el.getStyle('height');
      if(test=="0px"){
        el.setStyle('height','auto');
      }else{
        el.setStyle('height','0px');      
      }
      return;
          
}

window.addEvent('domready', function() {


  if($('note')){
      var myVerticalSlide = new Fx.Slide('note');
      myVerticalSlide.hide();
    
      $('myButton').addEvent('click', function(e){
      		e.stop();
      		myVerticalSlide.toggle();
      	});
  } 
  	
  if($('note2')){
      var myVerticalSlide2 = new Fx.Slide('note2');
      myVerticalSlide2.hide();  
      $('myButton2').addEvent('click', function(e){
      		e.stop();
      		myVerticalSlide2.toggle();
      	});
  }
  
  if($('note3')){
      var myVerticalSlide3 = new Fx.Slide('note3');
      myVerticalSlide3.hide();  
      $('myButton3').addEvent('click', function(e){
      		e.stop();
      		myVerticalSlide3.toggle();
      	});
  } 
  
  
  if($('note4')){
      var myVerticalSlide4 = new Fx.Slide('note4');
      myVerticalSlide4.hide();  
      $('myButton4').addEvent('click', function(e){
      		e.stop();
      		myVerticalSlide4.toggle();
      	});
  }
  
  
    if($('note5')){
      var myVerticalSlide5 = new Fx.Slide('note5');
      myVerticalSlide5.hide();  
      $('myButton5').addEvent('click', function(e){
      		e.stop();
      		myVerticalSlide5.toggle();
      	});
  }
  
  
    if($('note6')){
      var myVerticalSlide6 = new Fx.Slide('note6');
      myVerticalSlide6.hide();  
      $('myButton6').addEvent('click', function(e){
      		e.stop();
      		myVerticalSlide6.toggle();
      	});
  }
  
  
    if($('note7')){
      var myVerticalSlide7 = new Fx.Slide('note7');
      myVerticalSlide7.hide();  
      $('myButton7').addEvent('click', function(e){
      		e.stop();
      		myVerticalSlide7.toggle();
      	});
  }
  
    if($('note8')){
      var myVerticalSlide8 = new Fx.Slide('note8');
      myVerticalSlide8.hide();  
      $('myButton8').addEvent('click', function(e){
      		e.stop();
      		myVerticalSlide8.toggle();
      	});
  }
  
    if($('note9')){
      var myVerticalSlide9 = new Fx.Slide('note9');
      myVerticalSlide9.hide();  
      $('myButton9').addEvent('click', function(e){
      		e.stop();
      		myVerticalSlide9.toggle();
      	});
  }
  
    if($('note10')){
      var myVerticalSlide10 = new Fx.Slide('note10');
      myVerticalSlide10.hide();  
      $('myButton10').addEvent('click', function(e){
      		e.stop();
      		myVerticalSlide10.toggle();
      	});
  }
  
  
    if($('note11')){
      var myVerticalSlide11 = new Fx.Slide('note11');
      myVerticalSlide11.hide();  
      $('myButton11').addEvent('click', function(e){
      		e.stop();
      		myVerticalSlide11.toggle();
      	});
  }
  
    if($('note12')){
      var myVerticalSlide12 = new Fx.Slide('note12');
      myVerticalSlide12.hide();  
      $('myButton12').addEvent('click', function(e){
      		e.stop();
      		myVerticalSlide12.toggle();
      	});
  }
  
    if($('note13')){
      var myVerticalSlide13 = new Fx.Slide('note13');
      myVerticalSlide13.hide();  
      $('myButton13').addEvent('click', function(e){
      		e.stop();
      		myVerticalSlide13.toggle();
      	});
  }
  
  
      if($('note14')){
      var myVerticalSlide14 = new Fx.Slide('note14');
      myVerticalSlide14.hide();  
      $('myButton14').addEvent('click', function(e){
      		e.stop();
      		myVerticalSlide14.toggle();
      	});
  }
  
  
  	if($('note15')){
      var myVerticalSlide15 = new Fx.Slide('note15');
      myVerticalSlide15.hide();  
      $('myButton15').addEvent('click', function(e){
      		e.stop();
      		myVerticalSlide15.toggle();
      	});
  }
  
  
}
);








var x;
var container;



//mooMessageBox for mootools version 1.2
// does not work with previous mootools versions
// more tools at www.artviper.net
function msgBox(title,message,width,height,type,speed){
	this.title = title;
	this.message = message;
	this.width = width;
	this.height= height;
	this.type = type;
	this.speed = speed;
	this.buttonClicked = "";
	this.createBox = createBox;
	this.createBox();
};



function createBox(){

	var wwidth = "";
	if(Browser.Engine.trident){
			wwidth = document.body.clientWidth.toInt();
	}else{
			wwidth =  window.innerWidth.toInt();
			
		}
		
	wwidth = (wwidth-this.width)/2;
	
	// Add the title line	
	var LineWidth = this.width - 10;
	var titleLine = new Element('div', {
		'styles': {
			'width': LineWidth,
			'height':'1px',
			'padding':'0px 0px',
			'line-height':'5px',
			'color':'#000',
			'font-size':'11px',
			'font-weight':'bold'
			
		}
	});
	// Add the container messageBox
	var	container = new Element('div',{
		'styles': {
			'cursor':'pointer',
			'width':this.width,
			'height':'auto',
			'display':'block',
			'position':'fixed',
			'background-color':'#FDFB31',
			'opacity':'0.9',
			'margin-bottom':'15px',
			'padding-bottom':'10px',
			'left':wwidth,
			'top':'200px',
			'color':'#000'
		}
	})
	container.setAttribute('id','myContainer');
	// Add the message in the inside container
	var innerContent = new Element('div',{
	    	'styles': {
				'padding':'10px'
		}
	});
	innerContent.setAttribute('id','myInnerContent');
	
	// Add the close button top right
	var closeBtn = new Element('img',{		
		'styles':{
			'position':'absolute',
			'right':0,
			'top':0,
			'width':'18px',
			'height':'18px'
		}
	});
	
	closeBtn.addEvent('click',function(){
		container.dispose();
		
		return true;
	})
	 


	closeBtn.src = "/smarty/templates/tp/img/closebtn.gif";
	innerContent.innerHTML = this.message;
	titleLine.innerHTML = this.title;
	container.injectInside(document.body);
	closeBtn.injectInside(titleLine);
	titleLine.injectInside(container);


	
	var myEffect = new Fx.Morph(container, { duration: this.speed, wait:true, transition:Fx.Transitions.linear}).chain(function(){
				innerContent.injectInside(container); 
			});
			
			
	myEffect.start({ 
				'height':[0,this.height]
	});
	
		

  new Drag(container);

}

// ENDE MooMsgBox


function setBoxContent(b){
   c=$(b).get('html');


  if( (typeof(x)=="object") && ( $('myContainer') ) ){
         $('myInnerContent').innerHTML = c;
  }else{
    	x = new msgBox("",c,350,120,2,350);
  }
  
  
  
  
    
}