// JScript File
var lastOpenedSlide;
var lastOpenedWrapper;
var lastElement;

window.addEvent('domready', function() {
	var status = {
		'true': 'open',
		'false': 'close'
	};
	
	//-vertical

$('about_link').addEvent('click',function(e){bind(e)});
$('products_link').addEvent('click',function(e){bind(e)});
$('grafitti_link').addEvent('click',function(e){bind(e)});
$('contact_link').addEvent('click',function(e){bind(e)});
$('new_link').addEvent('click',function(e){bind(e)});

});                  

function bind(e, element){
       try{ 
            
            if(e)  
                {e.stop();element=(typeof e.target) ? e.target : e.srcElement;}
          
           var wrapper=element.parentNode.getElementsByTagName("DIV")[1];
           var slide=wrapper.getElementsByTagName("DIV")[0];
           
           if(element && element!=lastElement)
           {
               
                element.className=element.className.replace("_close","_open");
                if(lastElement) 
                    lastElement.className=lastElement.className.replace("_open","_close");
               
                slideIn();
                slideOut($(slide),$(wrapper));
                lastElement=element;
            }
        }
       catch(e)
       {
            alert(e.message);
       }
}

function slideIn(){
    if(lastOpenedSlide)
    {
    lastOpenedWrapper.set('tween', 
         {duration: 200, transition: Fx.Transitions.Bounce.easeOut}).tween('height', '0px');
    
    lastOpenedSlide.set('tween', 
         {duration: 200, transition: Fx.Transitions.Bounce.easeOut}).tween('top', '-170px');
    }
}

function slideOut(slide, wrapper,  height){
    
    wrapper.set('tween', 
         {duration: 200, transition: Fx.Transitions.Bounce.easeOut}).tween('height', '170px');
   
    slide.set('tween', 
         {duration: 200, transition: Fx.Transitions.Bounce.easeOut}).tween('top', '0px');
   
   lastOpenedWrapper=wrapper;
   lastOpenedSlide=slide;      
}