// JavaScript Document

$(document).ready(function(){

	$("#lione").addClass("navHov");
    $("#one .bigpicStrip").animate({height:0},0);
    $("#one .bigpicStrip").animate({width:0},0);
    $("#one .bigpicStrip").animate({height:50},0);
    $("#one .bigpicStrip").animate({width:517},1000);


	$("#1").hover (function(){ 
		$("#one").fadeIn(800);
		$("#two").fadeOut(400);
		$("#two").fadeOut(400);
	
		$("#two .bigpicStrip").animate({height:0},0);
		$("#two .bigpicStrip").animate({width:0},0);
		$("#three .bigpicStrip").animate({height:0},0);
		$("#three .bigpicStrip").animate({width:0},0);
	
		$("#one .bigpicStrip").animate({height:50},0);
		$("#one .bigpicStrip").animate({width:517},1000);

		$("#lione").addClass("navHov");
		$("#litwo").removeClass("navHov");
		$("#lithree").removeClass("navHov");

});

	$("#2").hover (function(){ 
		$("#two").fadeIn(800);
		$("#one").fadeOut(400);
		$("#three").fadeOut(400);

		$("#one .bigpicStrip").animate({height:0},0);
		$("#one .bigpicStrip").animate({width:0},0);
		$("#three .bigpicStrip").animate({height:0},0);
		$("#three .bigpicStrip").animate({width:0},0);
			
		$("#two .bigpicStrip").animate({height:50},0);
		$("#two .bigpicStrip").animate({width:517},1000);
		
		$("#litwo").addClass("navHov");
		$("#lione").removeClass("navHov");
		$("#lithree").removeClass("navHov");

	});

	$("#3").hover (function(){ 
		$("#three").fadeIn(800);
		$("#one").fadeOut(400);
		$("#two").fadeOut(400);

		$("#one .bigpicStrip").animate({height:0},0);
		$("#one .bigpicStrip").animate({width:0},0);
		$("#two .bigpicStrip").animate({height:0},0);
		$("#two .bigpicStrip").animate({width:0},0);
	
		$("#three .bigpicStrip").animate({height:50},0);
		$("#three .bigpicStrip").animate({width:517},1000);
		
		$("#lithree").addClass("navHov");
		$("#lione").removeClass("navHov");
		$("#litwo").removeClass("navHov");

	});
	
	$("#1").mouseover (function(){
		$("#lione #1").fadeTo("slow", 0.6); 
	   });

	$("#2").mouseover (function(){
		$("#litwo #2").fadeTo("slow", 0.6); 
	   });

	$("#3").mouseover (function(){
		$("#lithree #3").fadeTo("slow", 0.6); 
		});

	$("#1, #2, #3").mouseout (function(){
		$("#lione #1").fadeTo(0, 1.0);
		$("#litwo #2").fadeTo(0, 1.0);
		$("#lithree #3").fadeTo(0, 1.0);
		});
	
});

