function showSubMenue1() {
  document.getElementById('subFirst').style.visibility = 'visible';
  
  jQuery(document).ready(function(){
    jQuery("#subFirstMask").slideUp(500);
    jQuery("#subSecondMask").slideDown(500);
    jQuery("#subThirdMask").slideDown(500);
    jQuery("#subFourMask").slideDown(500);
    jQuery("#subFiveMask").slideDown(500);
  });	
}

function showSubMenue2() {
  document.getElementById('subSecond').style.visibility = 'visible';
  
  jQuery(document).ready(function(){
    jQuery("#subFirstMask").slideDown(500);
    jQuery("#subSecondMask").slideUp(500);
    jQuery("#subThirdMask").slideDown(500);
    jQuery("#subFourMask").slideDown(500);
    jQuery("#subFiveMask").slideDown(500);
  });	
}

function showSubMenue3() {
  document.getElementById('subThird').style.visibility = 'visible';
  
  jQuery(document).ready(function(){
    jQuery("#subFirstMask").slideDown(500);
    jQuery("#subSecondMask").slideDown(500);
    jQuery("#subThirdMask").slideUp(500);
    jQuery("#subFourMask").slideDown(500);
    jQuery("#subFiveMask").slideDown(500);
  });	
}

function showSubMenue4() {
  document.getElementById('subFour').style.visibility = 'visible';
  
  jQuery(document).ready(function(){
    jQuery("#subFirstMask").slideDown(500);
    jQuery("#subSecondMask").slideDown(500);
    jQuery("#subThirdMask").slideDown(500);
    jQuery("#subFourMask").slideUp(500);
    jQuery("#subFiveMask").slideDown(500);
  });	
}

function showSubMenue5() {
  document.getElementById('subFive').style.visibility = 'visible';
  
  jQuery(document).ready(function(){
    jQuery("#subFirstMask").slideDown(500);
    jQuery("#subSecondMask").slideDown(500);
    jQuery("#subThirdMask").slideDown(500);
    jQuery("#subFourMask").slideDown(500);
    jQuery("#subFiveMask").slideUp(500);
  });	
}


function mainMenueSlide(element) {

  jQuery(document).ready(function(){

      if(element==1){
        jQuery("#header").animate( { height:"290px" },600, function(){showSubMenue1();} );

	    document.getElementById('firstM').className = 'mMainActive';
	    document.getElementById('secondM').className = 'mMain';
	    document.getElementById('thirdM').className = 'mMain';
	    document.getElementById('fourM').className = 'mMain';
	    if(document.getElementById('fiveM')){
	    	document.getElementById('fiveM').className = 'mMain';
	    }  	 
      }	  

	  if(element==2){        
        jQuery("#header").animate( { height:"290px" },600, function(){showSubMenue2();} );

        document.getElementById('secondM').className = 'mMainActive';
	    document.getElementById('firstM').className = 'mMain';
	    document.getElementById('thirdM').className = 'mMain';
	    document.getElementById('fourM').className = 'mMain';
	    if(document.getElementById('fiveM')){
	    	document.getElementById('fiveM').className = 'mMain';
	    }
      }

	  if(element==3){
	    jQuery("#header").animate( { height:"290px" },600, function(){showSubMenue3();} );

	   	document.getElementById('thirdM').className = 'mMainActive';
	    document.getElementById('firstM').className = 'mMain';
	    document.getElementById('secondM').className = 'mMain';
	    document.getElementById('fourM').className = 'mMain';
	    if(document.getElementById('fiveM')){
	    	document.getElementById('fiveM').className = 'mMain';
	    }        
      }
	
	  if(element==4){	   
        jQuery("#header").animate( { height:"290px" },600, function(){showSubMenue4();} );
        
		document.getElementById('fourM').className = 'mMainActive';
	    document.getElementById('firstM').className = 'mMain';
	    document.getElementById('secondM').className = 'mMain';
	    document.getElementById('thirdM').className = 'mMain';
	    if(document.getElementById('fiveM')){
	    	document.getElementById('fiveM').className = 'mMain';
	    }
      }

	  if(element==5){	   
        jQuery("#header").animate( { height:"290px" },600, function(){showSubMenue5();} );

        document.getElementById('fiveM').className = 'mMainActive';
	    document.getElementById('firstM').className = 'mMain';
	    document.getElementById('secondM').className = 'mMain';
	    document.getElementById('thirdM').className = 'mMain';
	    document.getElementById('fourM').className = 'mMain';
      }
  });
};


function mainMenueSlideNo(element) {

  jQuery(document).ready(function(){
    if(element==1){
        document.getElementById('header').style.height = "290px";
		document.getElementById('subFirstMask').style.visibility = 'hidden';
		document.getElementById('subFirst').style.visibility = 'visible';
		
	    document.getElementById('firstM').className = 'mMainActive';
	    document.getElementById('secondM').className = 'mMain';
	    document.getElementById('thirdM').className = 'mMain';
	    document.getElementById('fourM').className = 'mMain';
	    if(document.getElementById('fiveM')){
	    	document.getElementById('fiveM').className = 'mMain';
	    }  	 
      }
	  
	if(element==2){
        document.getElementById('header').style.height = "290px";
		document.getElementById('subSecondMask').style.visibility = 'hidden';
		document.getElementById('subSecond').style.visibility = 'visible';
		
	    document.getElementById('firstM').className = 'mMain';
	    document.getElementById('secondM').className = 'mMainActive';
	    document.getElementById('thirdM').className = 'mMain';
	    document.getElementById('fourM').className = 'mMain';
	    if(document.getElementById('fiveM')){
	    	document.getElementById('fiveM').className = 'mMain';
	    }  	 
      }
	  
	if(element==3){
        document.getElementById('header').style.height = "290px";
		document.getElementById('subThirdMask').style.visibility = 'hidden';
		document.getElementById('subThird').style.visibility = 'visible';
		
	    document.getElementById('firstM').className = 'mMain';
	    document.getElementById('secondM').className = 'mMain';
	    document.getElementById('thirdM').className = 'mMainActive';
	    document.getElementById('fourM').className = 'mMain';
	    if(document.getElementById('fiveM')){
	    	document.getElementById('fiveM').className = 'mMain';
	    }
      }
	  
	if(element==4){
        document.getElementById('header').style.height = "290px";
		document.getElementById('subFourMask').style.visibility = 'hidden';
		document.getElementById('subFour').style.visibility = 'visible';
		
	    document.getElementById('firstM').className = 'mMain';
	    document.getElementById('secondM').className = 'mMain';
	    document.getElementById('thirdM').className = 'mMain';
	    document.getElementById('fourM').className = 'mMainActive';
	    if(document.getElementById('fiveM')){
	    	document.getElementById('fiveM').className = 'mMain';
	    }  	 
      }
	  
	if(element==5){
        document.getElementById('header').style.height = "290px";
		document.getElementById('subFiveMask').style.visibility = 'hidden';
		document.getElementById('subFive').style.visibility = 'visible';
		
	    document.getElementById('firstM').className = 'mMain';
	    document.getElementById('secondM').className = 'mMain';
	    document.getElementById('thirdM').className = 'mMain';
	    document.getElementById('fourM').className = 'mMain';
	    document.getElementById('fiveM').className = 'mMainActive';  	 
      }
	  
  });
};