function intro() {
    $('html').addClass("hide-me");
	$('html').addClass("hide-me2");	
    setTimeout('fadeintro()','1500');
};

function fadeintro() {
	$("#stagingdiv").css({'background-color' : '#000'});
	$("#newintro").fadeOut(1500);
	$("div.productintro").fadeIn("fast");
	$("#index").fadeIn("fast");
	$("#nano").fadeIn("fast");
	$('#productnav').fadeIn("slow");
	$('#subtext').fadeIn("slow");
};
// end intro

// show product one
$(document).ready(function(){
	$(".productselect1").click(function () {
	$("#index").fadeOut("fast");
	$("div.productintro").fadeOut("fast");

// begin hiding

	$("#product2").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod2text").hide();
	$("span#arrowleft2").fadeOut("fast");
	$("span#arrowright2").fadeOut("fast");

	$("#product3").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod3text").hide();
	$("span#arrowleft3").fadeOut("fast");
	$("span#arrowright3").fadeOut("fast");

	$("#product4").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod4text").hide();
	$("span#arrowleft4").fadeOut("fast");
	$("span#arrowright4").fadeOut("fast");
		
	$("#product5").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod5text").hide();
	$("span#arrowleft5").fadeOut("fast");
	$("span#arrowright5").fadeOut("fast");
		
	$("#product6").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod6text").hide();
	$("span#arrowleft6").fadeOut("fast");
	$("span#arrowright6").fadeOut("fast");
	
	$("#product7").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod7text").hide();
	$("span#arrowleft7").fadeOut("fast");
	$("span#arrowright7").fadeOut("fast");
			
	$("#product8").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod8text").hide();
	$("span#arrowleft8").fadeOut("fast");
	$("span#arrowright8").fadeOut("fast");
// end hiding

//start showing
	$("span#arrowleft1").fadeIn("fast");
	$("span#arrowright1").fadeIn("fast");
	$("div.prod1text").fadeIn(1000);
	$("#product1").show()
	 .css("opacity", "0.0")
	 .animate( { marginLeft: "-450px", opacity: "1.0" }, 700, "swing" );
	});


// show product two
	$(".productselect2").click(function () {
	$("#index").fadeOut("fast");
	$("div.productintro").fadeOut("fast");

// begin hiding
	$("#product1").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod1text").hide();
	$("span#arrowleft1").fadeOut("fast");
	$("span#arrowright1").fadeOut("fast");

	$("#product3").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod3text").hide();
	$("span#arrowleft3").fadeOut("fast");
	$("span#arrowright3").fadeOut("fast");

	$("#product4").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod4text").hide();
	$("span#arrowleft4").fadeOut("fast");
	$("span#arrowright4").fadeOut("fast");
		
	$("#product5").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod5text").hide();
	$("span#arrowleft5").fadeOut("fast");
	$("span#arrowright5").fadeOut("fast");
		
	$("#product6").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod6text").hide();
	$("span#arrowleft6").fadeOut("fast");
	$("span#arrowright6").fadeOut("fast");
	
	$("#product7").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod7text").hide();
	$("span#arrowleft7").fadeOut("fast");
	$("span#arrowright7").fadeOut("fast");
			
	$("#product8").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod8text").hide();
	$("span#arrowleft8").fadeOut("fast");
	$("span#arrowright8").fadeOut("fast");
// end hiding
	
//start showing
	$("span#arrowleft2").fadeIn("fast");
	$("span#arrowright2").fadeIn("fast");
	$("div.prod2text").fadeIn(1000);
	$("#product2").show()
	 .css("opacity", "0.0")
	 .animate( { marginLeft: "-450px", opacity: "1.0" }, 700, "swing" );
	});


// show product three
	$(".productselect3").click(function () {
	$("#index").fadeOut("fast");
	$("div.productintro").fadeOut("fast");

// begin hiding
	$("#product1").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod1text").hide();
	$("span#arrowleft1").fadeOut("fast");
	$("span#arrowright1").fadeOut("fast");

	$("#product2").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod2text").hide();
	$("span#arrowleft2").fadeOut("fast");
	$("span#arrowright2").fadeOut("fast");

	$("#product4").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod4text").hide();
	$("span#arrowleft4").fadeOut("fast");
	$("span#arrowright4").fadeOut("fast");
		
	$("#product5").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod5text").hide();
	$("span#arrowleft5").fadeOut("fast");
	$("span#arrowright5").fadeOut("fast");
		
	$("#product6").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod6text").hide();
	$("span#arrowleft6").fadeOut("fast");
	$("span#arrowright6").fadeOut("fast");
	
	$("#product7").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod7text").hide();
	$("span#arrowleft7").fadeOut("fast");
	$("span#arrowright7").fadeOut("fast");
			
	$("#product8").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod8text").hide();
	$("span#arrowleft8").fadeOut("fast");
	$("span#arrowright8").fadeOut("fast");
// end hiding
	
//start showing
	$("span#arrowleft3").fadeIn("fast");
	$("span#arrowright3").fadeIn("fast");
	$("div.prod3text").fadeIn(1000);
	$("#product3").show()
	 .css("opacity", "0.0")
	 .animate( { marginLeft: "-450px", opacity: "1.0" }, 700, "swing" );
	});


// show product four
	$(".productselect4").click(function () {
	$("#index").fadeOut("fast");
	$("div.productintro").fadeOut("fast");

// begin hiding
	$("#product1").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod1text").hide();
	$("span#arrowleft1").fadeOut("fast");
	$("span#arrowright1").fadeOut("fast");

	$("#product2").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod2text").hide();
	$("span#arrowleft2").fadeOut("fast");
	$("span#arrowright2").fadeOut("fast");

	$("#product3").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod3text").hide();
	$("span#arrowleft3").fadeOut("fast");
	$("span#arrowright3").fadeOut("fast");
		
	$("#product5").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod5text").hide();
	$("span#arrowleft5").fadeOut("fast");
	$("span#arrowright5").fadeOut("fast");
		
	$("#product6").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod6text").hide();
	$("span#arrowleft6").fadeOut("fast");
	$("span#arrowright6").fadeOut("fast");
	
	$("#product7").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod7text").hide();
	$("span#arrowleft7").fadeOut("fast");
	$("span#arrowright7").fadeOut("fast");
			
	$("#product8").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod8text").hide();
	$("span#arrowleft8").fadeOut("fast");
	$("span#arrowright8").fadeOut("fast");
// end hiding	
	
//start showing
	$("span#arrowleft4").fadeIn("fast");
	$("span#arrowright4").fadeIn("fast");
	$("div.prod4text").fadeIn(1000);
	$("#product4").show()
	 .css("opacity", "0.0")
	 .animate( { marginLeft: "-450px", opacity: "1.0" }, 700, "swing" );
	});

// show product five
	$(".productselect5").click(function () {
	$("#index").fadeOut("fast");
	$("div.productintro").fadeOut("fast");

// begin hiding
	$("#product1").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod1text").hide();
	$("span#arrowleft1").fadeOut("fast");
	$("span#arrowright1").fadeOut("fast");

	$("#product2").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod2text").hide();
	$("span#arrowleft2").fadeOut("fast");
	$("span#arrowright2").fadeOut("fast");

	$("#product3").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod3text").hide();
	$("span#arrowleft3").fadeOut("fast");
	$("span#arrowright3").fadeOut("fast");

	$("#product4").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod4text").hide();
	$("span#arrowleft4").fadeOut("fast");
	$("span#arrowright4").fadeOut("fast");
    		
	$("#product6").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod6text").hide();
	$("span#arrowleft6").fadeOut("fast");
	$("span#arrowright6").fadeOut("fast");
	
	$("#product7").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod7text").hide();
	$("span#arrowleft7").fadeOut("fast");
	$("span#arrowright7").fadeOut("fast");
			
	$("#product8").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod8text").hide();
	$("span#arrowleft8").fadeOut("fast");
	$("span#arrowright8").fadeOut("fast");
// end hiding	
	
//start showing
	$("span#arrowleft5").fadeIn("fast");
	$("span#arrowright5").fadeIn("fast");
	$("div.prod5text").fadeIn(1000);
	$("#product5").show()
	 .css("opacity", "0.0")
	 .animate( { marginLeft: "-450px", opacity: "1.0" }, 700, "swing" );
	});

// show product six
	$(".productselect6").click(function () {
	$("#index").fadeOut("fast");
	$("div.productintro").fadeOut("fast");

// begin hiding
	$("#product1").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod1text").hide();
	$("span#arrowleft1").fadeOut("fast");
	$("span#arrowright1").fadeOut("fast");

	$("#product2").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod2text").hide();
	$("span#arrowleft2").fadeOut("fast");
	$("span#arrowright2").fadeOut("fast");

	$("#product3").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod3text").hide();
	$("span#arrowleft3").fadeOut("fast");
	$("span#arrowright3").fadeOut("fast");

	$("#product4").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod4text").hide();
	$("span#arrowleft4").fadeOut("fast");
	$("span#arrowright4").fadeOut("fast");
		
	$("#product5").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod5text").hide();
	$("span#arrowleft5").fadeOut("fast");
	$("span#arrowright5").fadeOut("fast");
		
	$("#product7").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod7text").hide();
	$("span#arrowleft7").fadeOut("fast");
	$("span#arrowright7").fadeOut("fast");
			
	$("#product8").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod8text").hide();
	$("span#arrowleft8").fadeOut("fast");
	$("span#arrowright8").fadeOut("fast");
// end hiding	
	
//start showing
	$("span#arrowleft6").fadeIn("fast");
	$("span#arrowright6").fadeIn("fast");
	$("div.prod6text").fadeIn(1000);
	$("#product6").show()
	 .css("opacity", "0.0")
	 .animate( { marginLeft: "-450px", opacity: "1.0" }, 700, "swing" );
	});

// show product seven
	$(".productselect7").click(function () {
	$("#index").fadeOut("fast");
	$("div.productintro").fadeOut("fast");

// begin hiding
	$("#product1").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod1text").hide();
	$("span#arrowleft1").fadeOut("fast");
	$("span#arrowright1").fadeOut("fast");

	$("#product2").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod2text").hide();
	$("span#arrowleft2").fadeOut("fast");
	$("span#arrowright2").fadeOut("fast");

	$("#product3").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod3text").hide();
	$("span#arrowleft3").fadeOut("fast");
	$("span#arrowright3").fadeOut("fast");

	$("#product4").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod4text").hide();
	$("span#arrowleft4").fadeOut("fast");
	$("span#arrowright4").fadeOut("fast");
		
	$("#product5").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod5text").hide();
	$("span#arrowleft5").fadeOut("fast");
	$("span#arrowright5").fadeOut("fast");
		
	$("#product6").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod6text").hide();
	$("span#arrowleft6").fadeOut("fast");
	$("span#arrowright6").fadeOut("fast");
			
	$("#product8").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod8text").hide();
	$("span#arrowleft8").fadeOut("fast");
	$("span#arrowright8").fadeOut("fast");
// end hiding	
	
//start showing
	$("span#arrowleft7").fadeIn("fast");
	$("span#arrowright7").fadeIn("fast");
	$("div.prod7text").fadeIn(1000);
	$("#product7").show()
	 .css("opacity", "0.0")
	 .animate( { marginLeft: "-450px", opacity: "1.0" }, 700, "swing" );
	});

// show product eight
	$(".productselect8").click(function () {
	$("#index").fadeOut("fast");
	$("div.productintro").fadeOut("fast");

// begin hiding
	$("#product1").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod1text").hide();
	$("span#arrowleft1").fadeOut("fast");
	$("span#arrowright1").fadeOut("fast");

	$("#product2").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod2text").hide();
	$("span#arrowleft2").fadeOut("fast");
	$("span#arrowright2").fadeOut("fast");

	$("#product3").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod3text").hide();
	$("span#arrowleft3").fadeOut("fast");
	$("span#arrowright3").fadeOut("fast");

	$("#product4").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod4text").hide();
	$("span#arrowleft4").fadeOut("fast");
	$("span#arrowright4").fadeOut("fast");
		
	$("#product5").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod5text").hide();
	$("span#arrowleft5").fadeOut("fast");
	$("span#arrowright5").fadeOut("fast");
		
	$("#product6").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod6text").hide();
	$("span#arrowleft6").fadeOut("fast");
	$("span#arrowright6").fadeOut("fast");
	
	$("#product7").hide()
	 .animate( { marginLeft: "0", opacity: "0.0" }, 1, "swing" );
	$("div.prod7text").hide();
	$("span#arrowleft7").fadeOut("fast");
	$("span#arrowright7").fadeOut("fast");
// end hiding	
	
//start showing
	$("span#arrowleft8").fadeIn("fast");
	$("span#arrowright8").fadeIn("fast");
	$("div.prod8text").fadeIn(1000);
	$("#product8").show()
	 .css("opacity", "0.0")
	 .animate( { marginLeft: "-450px", opacity: "1.0" }, 700, "swing" );
	});

});



function changeNav1() {
    $("#prodnav1").addClass('subnavon1')
    $("#prodnav2").removeClass('subnavon2');
    $("#prodnav3").removeClass('subnavon3');
    $("#prodnav4").removeClass('subnavon4');
    $("#prodnav5").removeClass('subnavon5');
	$("#prodnav6").removeClass('subnavon6');
	$("#prodnav7").removeClass('subnavon7');
	$("#prodnav8").removeClass('subnavon8');
 };
function hoverNav1() {
    $("#prodnav1").addClass('subnavon1');
  };
function restoreNav1() {
    $("#prodnav1").removeClass('subnavon1');
  };

function changeNav2() {
    $("#prodnav2").addClass('subnavon2')
    $("#prodnav1").removeClass('subnavon1');
    $("#prodnav3").removeClass('subnavon3');
    $("#prodnav4").removeClass('subnavon4');
    $("#prodnav5").removeClass('subnavon5');
	$("#prodnav6").removeClass('subnavon6');
	$("#prodnav7").removeClass('subnavon7');
	$("#prodnav8").removeClass('subnavon8');
  };
function hoverNav2() {
    $("#prodnav2").addClass('subnavon2');
  };
function restoreNav2() {
    $("#prodnav2").removeClass('subnavon2');
  };

function changeNav3() {
    $("#prodnav3").addClass('subnavon3')
    $("#prodnav1").removeClass('subnavon1');
    $("#prodnav2").removeClass('subnavon2');
    $("#prodnav4").removeClass('subnavon4');
    $("#prodnav5").removeClass('subnavon5');
	$("#prodnav6").removeClass('subnavon6');
	$("#prodnav7").removeClass('subnavon7');
	$("#prodnav8").removeClass('subnavon8');
  };
function hoverNav3() {
    $("#prodnav3").addClass('subnavon3');
  };
function restoreNav3() {
    $("#prodnav3").removeClass('subnavon3');
  };

function changeNav4() {
    $("#prodnav4").addClass('subnavon4')
    $("#prodnav1").removeClass('subnavon1');
    $("#prodnav2").removeClass('subnavon2');
    $("#prodnav3").removeClass('subnavon3');
    $("#prodnav5").removeClass('subnavon5');
	$("#prodnav6").removeClass('subnavon6');
	$("#prodnav7").removeClass('subnavon7');
	$("#prodnav8").removeClass('subnavon8');
  };
function hoverNav4() {
    $("#prodnav4").addClass('subnavon4');
  };
function restoreNav4() {
    $("#prodnav4").removeClass('subnavon4');
  };

function changeNav5() {
    $("#prodnav5").addClass('subnavon5')
    $("#prodnav1").removeClass('subnavon1');
    $("#prodnav2").removeClass('subnavon2');
    $("#prodnav3").removeClass('subnavon3');
    $("#prodnav4").removeClass('subnavon4');
	$("#prodnav6").removeClass('subnavon6');
	$("#prodnav7").removeClass('subnavon7');
	$("#prodnav8").removeClass('subnavon8');
  };
function hoverNav5() {
    $("#prodnav5").addClass('subnavon5');
  };
function restoreNav5() {
    $("#prodnav5").removeClass('subnavon5');
  };

function changeNav6() {
    $("#prodnav6").addClass('subnavon6')
    $("#prodnav1").removeClass('subnavon1');
    $("#prodnav2").removeClass('subnavon2');
    $("#prodnav3").removeClass('subnavon3');
    $("#prodnav5").removeClass('subnavon5');
    $("#prodnav4").removeClass('subnavon4');
	$("#prodnav7").removeClass('subnavon7');
	$("#prodnav8").removeClass('subnavon8');
  };
function hoverNav6() {
    $("#prodnav6").addClass('subnavon6');
  };
function restoreNav6() {
    $("#prodnav6").removeClass('subnavon6');
  };

function changeNav7() {
    $("#prodnav7").addClass('subnavon7')
    $("#prodnav1").removeClass('subnavon1');
    $("#prodnav2").removeClass('subnavon2');
    $("#prodnav3").removeClass('subnavon3');
    $("#prodnav5").removeClass('subnavon5');
    $("#prodnav4").removeClass('subnavon4');
	$("#prodnav6").removeClass('subnavon6');
	$("#prodnav8").removeClass('subnavon8');
  };
function hoverNav7() {
    $("#prodnav7").addClass('subnavon7');
  };
function restoreNav7() {
    $("#prodnav7").removeClass('subnavon7');
  };

function changeNav8() {
    $("#prodnav8").addClass('subnavon8')
    $("#prodnav1").removeClass('subnavon1');
    $("#prodnav2").removeClass('subnavon2');
    $("#prodnav3").removeClass('subnavon3');
    $("#prodnav5").removeClass('subnavon5');
    $("#prodnav4").removeClass('subnavon4');
	$("#prodnav6").removeClass('subnavon6');
	$("#prodnav7").removeClass('subnavon7');
  };
function hoverNav8() {
    $("#prodnav8").addClass('subnavon8');
  };
function restoreNav8() {
    $("#prodnav8").removeClass('subnavon8');
  };





// © 1/2009  //