$(document).ready(function() {
/*
	 $("body").prepend('<div id="overlay"><img src="comps/secondaryComp.jpg"></div>');
	 $("#overlay").css({'position' : 'absolute', 'top' : '0px', 'left' : '-47px', 'z-index' : '1000'});
	 $("#overlay").fadeTo(1, 0.5);   
	 $("#overlay").toggle(
			function () {
				$(this).fadeTo(2, 1.0);   
    	},
			function () {
				$(this).fadeTo(2, 0.5);   
    	},
			function () {
				$(this).fadeTo(2, 0.01);   
			},
			function () {
				$(this).fadeTo(2, 0.5);   
    	}
			);*/
	$('#product1').hover(function(){leftShow($(this))}, function(){});
	$('#product3').hover(function(){leftShow($(this))}, function(){});
	$('#product2').hover(function(){rightShow($(this))}, function(){});
	$('#product4').hover(function(){rightShow($(this))}, function(){});

  $("li.menu a").hover(function(){showPopdown()}, function(){hidePopdown()});
  $("li.menu ul").hover(function(){showPopdown()}, function(){hidePopdown()});

	$(".subNavAlpha").click(function(){shownav($(this))});

});

function leftShow(nohide){
	$(".product").stop();
	$('#rightSlideout').stop();
	$('#rightSlideout').animate({width: "0px"},10);
	$('.product').fadeTo(150, 0.5);
	$(nohide).stop();
	$(nohide).fadeTo(1,1.0);
	$('.producttext').hide();	
	idToShow=$(nohide).attr('id')+'text';
	$('#'+idToShow).show();
	if($('#leftSlideout').css("width")=="0px"){
  $('#leftSlideout').show();
	$('#leftSlideout').css("width","303px");
	$('#leftSlideout').css("left","267px");
  $('#leftSlideout').animate( { width:"570px",left:"0px"}, 200 );
	$('#leftSlideout').fadeTo(50, 1);
	}
}

function rightShow(nohide){
	$('.product').stop();
	$('#leftSlideout').stop();
	$('#leftSlideout').animate({width: "0px"},10);
	$('.product').fadeTo(150, 0.5);
	$(nohide).stop();
	$(nohide).fadeTo(1,1.0);
	$('.producttext').hide();	
	idToShow=$(nohide).attr('id')+'text';
	$('#'+idToShow).show();
	
	if($('#rightSlideout').css("width")=="0px"){
  $('#rightSlideout').show();
	$('#rightSlideout').css("width","303px");
  $('#rightSlideout').animate( { width:"570px"}, 200 );
	$('#rightSlideout').fadeTo(50, 1);
	}

}
var timeoutID=0;

function showPopdown(){	

	$('.popdown').stop();
	$('.popdown').fadeTo(1,1);
	$('.popdown').animate({height:"110px"},200);
	clearTimeout(timeoutID);
	return false;
}

function hidePopdown(e){
	$('.popdown').stop();
	timeoutID=setTimeout("$('.popdown').fadeOut()",800);
}

function shownav(selected){
	$('.subNavAlpha').removeClass('current');
	$('.subNavAlpha + div').slideUp();
	$(selected).addClass('current');
	$('.current + div').slideDown();
	return true;  //was false originally
}