$(document).ready(function()
{
	
	$('.button').show();
	$("#subnav1").hide();
	$("#subnav2").hide();
	$("#subnav3").hide();

	$('.button').fadeTo(100,0.01);
	$('.button').hover(function(e){
		var but = $(this);
		if (but.attr('lock')!='true')
		{
			but.stop().fadeTo(100,1);
			but.attr('lock','true');
		}
		var but2 = $('.subnav');
		but2.fadeTo(100,0.01,function(){but2.attr('lock','false');
		});
		var but4 = $('.subnav');
		but4.fadeTo(100,0.01,function(){but4.attr('lock','false');
		});
		var but6 = $('.subnav');
		but6.fadeTo(100,0.01,function(){but6.attr('lock','false');
		});
		$('.subnav').hide();
	},function(e){
		var but = $(this);
		but.fadeTo(100,0.01,function(){but.attr('lock','false');});
});
	
	$('.button4').fadeTo(100,0.01);
	$('.button4').hover(function(e){
		var but = $(this);
		if (but.attr('lock')!='true')
		{
			but.stop().fadeTo(100,1);
			but.attr('lock','true');
		}
	},function(e){
		var but = $(this);
		but.fadeTo(100,0.01,function(){but.attr('lock','false');});
});
	
	
	$('.button1').show();
	$('.button1').fadeTo(100,0.01);
	$('.subnav').fadeTo(100,0.01);
	$('.button1').hover(function(e){
		var but1 = $(this);
		if (but1.attr('lock')!='true')
		{
			but1.stop().fadeTo(100,1);
			but1.attr('lock','true');
		}
		$('#subnav1').show().stop().fadeTo(100,1);
		$("#subnav1").css('z-index', 1000);
$('#subnav2').hide();$('#subnav3').hide();
	},function(e){
		var but1 = $(this);
		but1.fadeTo(100,0.01,function(){but1.attr('lock','false');});

	});
	
	
	
	$('.button2').show();
	$('.button2').fadeTo(100,0.01);
	$('.subnav').fadeTo(100,0.01);
	$('.button2').hover(function(e){
		var but3 = $(this);
		if (but3.attr('lock')!='true')
		{
			but3.stop().fadeTo(50,1);
			but3.attr('lock','true');
		}
				$('#subnav2').show().stop().fadeTo(50,1);
				$("#subnav2").css('z-index', 1000);
$('#subnav1').hide();$('#subnav3').hide();
	},function(e){
		var but3 = $(this);
		but3.fadeTo(100,0.01,function(){but3.attr('lock','false');});
	});
	
	
	
	
	$('.button3').show();
	$('.button3').fadeTo(100,0.01);
	$('.subnav').fadeTo(100,0.01);
	$('.button3').hover(function(e){
		var but5 = $(this);
		if (but5.attr('lock')!='true')
		{
			but5.stop().fadeTo(100,1);
			but5.attr('lock','true');
		}
				$('#subnav3').show().stop().fadeTo(100,1);
				$("#subnav3").css('z-index', 1000);
$('#subnav1').hide();$('#subnav2').hide();
	},function(e){
		var but5 = $(this);
		but5.fadeTo(100,0.01,function(){but5.attr('lock','false');});
	});
$("#subnav1").mouseleave( function(){
$("#subnav1").hide();
$("#subnav1").css('z-index', 100);
});
$("#subnav2").mouseleave( function(){
$("#subnav2").hide();
$("#subnav1").css('z-index', 100);
});
$("#subnav3").mouseleave( function(){
$("#subnav3").hide();
$("#subnav1").css('z-index', 100);
});
});
;
/**
 *  jQuery Fixed Position Plugin
 *  @requires jQuery v1.3
 *  http://www.socialembedded.com/labs
 *
 *  Copyright (c)  Hernan Amiune (hernan.amiune.com)
 *  Dual licensed under the MIT and GPL licenses:
 *  http://www.opensource.org/licenses/mit-license.php
 *  http://www.gnu.org/licenses/gpl.html
 * 
 *  Version: 1.0
 */
 
(function($){ $.fn.fixedPosition = function(options){

    var defaults = {
	  vpos: null,    // posible values: "top", "middle", "bottom". if it is null the original position is taken
	  hpos: null     // posible values: "left", "center", "right". if it is null the original position is taken
	};
	
    var options = $.extend(defaults, options);
	
	return this.each(function(index) {
		
		
		var $this = $(this);
		$this.css("position","absolute");
		
		if(options.vpos === "top"){
		    $this.css("top","0");
		}
		else if(options.vpos === "middle"){
		    $this.css("top",((parseInt($(window).height())/2)-($(this).height()/2))+"px");
		}
		else if(options.vpos === "bottom"){
		    $this.css("bottom","0");
		}
		
		if(options.hpos === "left"){
		    $this.css("left","0");
		}
		else if(options.hpos === "center"){
		    $this.css("left",((parseInt($(window).width())/2)-($(this).width()/2))+"px");
		}
		else if(options.hpos === "right"){
		    $this.css("right","0");
		}
		
		var top = parseInt($this.offset().top);
		var left = parseInt($this.offset().left);
		$(window).scroll(function () {
			$this.css("top",top+$(document).scrollTop()).css("left",left+$(document).scrollLeft());
		});
	});

  
}})(jQuery);