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

	$('sublinks').getElements('ul').setStyle('display', 'none');
	$('s1_m').setStyle('display', 'block');
	
	$$('#mymenu li').each(function(el){
     el.getElement('a').addEvent('mouseover', function(subLinkId){
		var layer = subLinkId+"_m";
		$('sublinks').getElements('ul').setStyle('display', 'none');
		$(layer).setStyle('display', 'block');				
          }.pass( el.id)
        );      
      });
	  
  // --------------------------------------- //
  // SHOW and HIDE Submenu with animation
  
	var mySlide = new Fx.Slide('sublinks');

$('op1').addEvent('click', function(e){

	var textLink = $('op1').innerHTML;

	if(textLink=='AltMenu Gizle')
	{
		$('op1').innerHTML='AltMenu Goster';
		$('menuBottom').setStyle('margin-top','5px');
	} 
	else if(textLink=='AltMenu Goster')
	{
		$('op1').innerHTML='AltMenu Gizle';
		$('menuBottom').setStyle('margin-top','30px');
	} 

	if(textLink=='Hide SubMenus')
	{
		$('op1').innerHTML='Show SubMenus';
		$('menuBottom').setStyle('margin-top','5px');
	} 
	else if(textLink=='Show SubMenus')
	{
		$('op1').innerHTML='Hide SubMenus';
		$('menuBottom').setStyle('margin-top','30px');
	} 

	e = new Event(e);
	mySlide.toggle();
	e.stop();
	
			
		});
});