$(document).ready(function() {

$("#milk").show();
	
$(".opener").click(function () {
$("#milk").slideToggle(400);
});

$(".deleteme").click(function () {
$("#cosmetic, #general, #hygiene").slideUp(400);
});

$(".hygiene").click(function () {
$("#hygiene").delay(400).slideToggle(400);
});

$(".cosmetic").click(function () {
$("#cosmetic").delay(400).slideToggle(400);
});

$(".page1").click(function () {
$("#2, #3, #4, #5").fadeOut("fast");	
$("#1").delay(200).fadeIn("fast");
});

$(".page2").click(function () {
$("#1, #3, #4, #5").fadeOut("fast");	
$("#2").delay(200).fadeIn("fast");
});

$(".page3").click(function () {
$("#1, #2, #4, #5").fadeOut("fast");	
$("#3").delay(200).fadeIn("fast");
});

$(".page4").click(function () {
$("#1, #2, #3, #5").fadeOut("fast");	
$("#4").delay(200).fadeIn("fast");
});

$(".page5").click(function () {
$("#1, #2, #3, #4").fadeOut("fast");	
$("#5").delay(200).fadeIn("fast");
});	
	
$('.fader').hover(function() {
$('.fader').stop().fadeTo("slow", 0.4)
$(this).stop().fadeTo("fast", 1.0)
},
function() {
$('.fader').stop().fadeTo("slow", 1.0)
});

$('.bookme').cycle({
fx: 'fade',
cleartype: true, 
cleartypeNoBg: true,
timeout: 3000
});

$('.bookme').hover(function(){
$('.bottom1317 img').stop().fadeTo("slow", 0.4)
$('img.scale').stop().animate({'width':'144px', 'height':'144px', 'margin-top':'-10px', 'margin-left':'-10px'}, 400);
$('.bookme').cycle('pause');
},function(){
$('.bottom1317 img').stop().fadeTo("slow", 1)
$('img.scale').stop().animate({'width':'124px', 'height':'124px', 'margin-top':'-0px', 'margin-left':'-0px'}, 400);
$('.bookme').cycle('resume');
});

$('img.blogme').hover(function() {
$(this).stop().fadeTo("slow", 0.5)
},
function() {
$(this).stop().fadeTo("slow", 1.0)
});

$('.whyinvis').hover(function() {
$(this).stop().css('background', 'transparent url(../images/whyinvisalign2.png) top left no-repeat')
},
function() {
$(this).stop().css('background', 'transparent url(../images/whyinvisalign.png) top left no-repeat')
});

$('.whyus').hover(function() {
$(this).stop().css('background', 'transparent url(../images/whyus2.png) top left no-repeat')
},
function() {
$(this).stop().css('background', 'transparent url(../images/whyus.png) top left no-repeat')
});

$('.howinvis').hover(function() {
$(this).stop().css('background', 'transparent url(../images/howinvisalign2.png) top left no-repeat')
},
function() {
$(this).stop().css('background', 'transparent url(../images/howinvisalign.png) top left no-repeat')
});

$('.formsub, #formsub').hover(function() {
$('#formsub').stop().css("background-position", "0 -14px")
},
function() {
$('#formsub').stop().css("background-position", "top left")
});

$('.linker1, #linker1').hover(function() {
$('#linker1').stop().css("background-position", "0 -14px")
},
function() {
$('#linker1').stop().css("background-position", "top left")
});

$('.linker2, #linker2').hover(function() {
$('#linker2').stop().css("background-position", "0 -14px")
},
function() {
$('#linker2').stop().css("background-position", "top left")
});

$('.linker3, #linker3').hover(function() {
$('#linker3').stop().css("background-position", "0 -14px")
},
function() {
$('#linker3').stop().css("background-position", "top left")
});

$('.linker4, #linker4').hover(function() {
$('#linker4').stop().css("background-position", "0 -14px")
},
function() {
$('#linker4').stop().css("background-position", "top left")
});

$('.linker5, #linker5').hover(function() {
$('#linker5').stop().css("background-position", "0 -14px")
},
function() {
$('#linker5').stop().css("background-position", "top left")
});

$('.linker6, #linker6').hover(function() {
$('#linker6').stop().css("background-position", "0 -14px")
},
function() {
$('#linker6').stop().css("background-position", "top left")
});

$('.linker7, #linker7').hover(function() {
$('#linker7').stop().css("background-position", "0 -14px")
},
function() {
$('#linker7').stop().css("background-position", "top left")
});


$('.before').hover(function() {
$(this).stop().fadeTo("slow", 0)
},
function() {
$(this).stop().fadeTo("slow", 0.5)
});

$('.mappercover').hover(function() {
$(this).stop().fadeTo("slow", 0)
},
function() {
$(this).stop().fadeTo("slow", 0.8)
});

$('.social').hover(function() {
$(this).stop().fadeTo("slow", 0)
},
function() {
$(this).stop().fadeTo("slow", 1)
});

$('.cosmfader').hover(function() {
$('.cosmfader').stop().fadeTo("slow", 0.4)
$(this).stop().fadeTo("fast", 1.0)
},
function() {
$('.cosmfader').stop().fadeTo("slow", 0.4)
});

$('.testfader1').hover(function() {
$(this).stop().fadeTo("fast", 0)
},
function() {
$(this).stop().fadeTo("slow", 0.3)
});

$('.testfader2').hover(function() {
$(this).stop().fadeTo("fast", 0)
},
function() {
$(this).stop().fadeTo("slow", 0.8)
});

$('.testfader3').hover(function() {
$(this).stop().fadeTo("fast", 0)
},
function() {
$(this).stop().fadeTo("slow", 0.5)
});

$('.testfader4').hover(function() {
$(this).stop().fadeTo("fast", 0)
},
function() {
$(this).stop().fadeTo("slow", 0.9)
});

$('.hyfade').hover(function() {
$('.hyfade').stop().fadeTo("slow", 0.4)
$(this).stop().fadeTo("fast", 1)
},
function() {
$('.hyfade').stop().fadeTo("slow", 0.7)
});

$('.hyfade2').hover(function() {
$('.hyfade').stop().fadeTo("slow", 0.4)
$(this).stop().fadeTo("fast", 1)
},
function() {
$('.hyfade2').stop().fadeTo("slow", 1)
$('.hyfade').stop().fadeTo("slow", 0.7)
});

$('.team1fader, .stays1').hover(function() {
$('.team1fader, .stays1').stop().fadeTo("slow", 0)
},
function() {
$('.team1fader').stop().fadeTo("slow", 0.7)
$('.stays1').stop().fadeTo("slow", 1)
});

$('.team2fader, .stays2').hover(function() {
$('.team2fader, .stays2').stop().fadeTo("slow", 0)
},
function() {
$('.team2fader').stop().fadeTo("slow", 0.7)
$('.stays2').stop().fadeTo("slow", 1)
});

$('.team3fader, .stays3').hover(function() {
$('.team3fader, .stays3').stop().fadeTo("slow", 0)
},
function() {
$('.team3fader').stop().fadeTo("slow", 0.7)
$('.stays3').stop().fadeTo("slow", 1)
});

$('.dark').hover(function() {
$('.dark, .darker').stop().fadeTo("slow", 0.2)
$(this).stop().fadeTo("fast", 1.0)
},
function() {
$('.dark').stop().fadeTo("slow", 0.5)
$('.darker').stop().fadeTo("slow", 0.8)
});

$('.darker').hover(function() {
$('.dark, .darker').stop().fadeTo("slow", 0.2)
$(this).stop().fadeTo("fast", 1.0)
},
function() {
$('.darker').stop().fadeTo("slow", 0.8)
$('.dark').stop().fadeTo("slow", 0.5)
});

$('.darker09').hover(function() {
$('.dark, .darker, .semidark, .darker02, .darker04').stop().fadeTo("slow", 0.2)
$(this).stop().fadeTo("fast", 1.0)
},
function() {
$(this).stop().fadeTo("slow", 0.9)
$('.dark, .darker').stop().fadeTo("slow", 0.5)
$('.semidark, .darker02').stop().fadeTo("slow", 0.2)
$('.darker04').stop().fadeTo("slow", 0.4)
});

$('.darker04').hover(function() {
$('.darker02, .darker09').stop().fadeTo("slow", 0.2)
$(this).stop().fadeTo("fast", 1.0)
},
function() {
$(this).stop().fadeTo("slow", 0.4)
$('.darker02').stop().fadeTo("slow", 0.2)
$('.darker09').stop().fadeTo("slow", 0.9)
});

$('.darker02').hover(function() {
$('.darker04, .darker09').stop().fadeTo("slow", 0.2)
$(this).stop().fadeTo("fast", 1.0)
},
function() {
$(this).stop().fadeTo("slow", 0.2)
$('.darker04').stop().fadeTo("slow", 0.4)
$('.darker09').stop().fadeTo("slow", 0.9)
});

$('.semidark').hover(function() {
$('.dark, .darker, .darker09').stop().fadeTo("slow", 0.2)
$(this).stop().fadeTo("fast", 1.0)
},
function() {
$(this).stop().fadeTo("slow", 0.2)
$('.dark, .darker').stop().fadeTo("slow", 0.5)
$('.darker09').stop().fadeTo("slow", 0.9)
});

$('.fader3').hover(function() {
$('.fader3').stop().fadeTo("slow", 0)
$('.fader4, .fader5').stop().fadeTo("slow", 1)
},
function() {
$('.fader3').stop().fadeTo("slow", 0.6)
$('.fader4, .fader5').stop().fadeTo("slow", 0.6)
});

$('.fader4').hover(function() {
$('.fader4').stop().fadeTo("slow", 0)
$('.fader3, .fader5').stop().fadeTo("slow", 1)
},
function() {
$('.fader4').stop().fadeTo("slow", 0.6)
$('.fader3, .fader5').stop().fadeTo("slow", 0.6)
});

$('.fader5').hover(function() {
$('.fader5').stop().fadeTo("slow", 0)
$('.fader4, .fader3').stop().fadeTo("slow", 1)
},
function() {
$('.fader5').stop().fadeTo("slow", 0.6)
$('.fader4, .fader3').stop().fadeTo("slow", 0.6)
});

$('#about1, #about4').hover(function() {
$(this).stop().fadeTo("slow", 0)
},
function() {
$(this).stop().fadeTo("slow", 1)
});

$('#about2, #about3').hover(function() {
$('#about2, #about3').stop().fadeTo("slow", 0)
},
function() {
$('#about2, #about3').stop().fadeTo("slow", 1)
});

////////////////////////////////////////////////////////////////////////////
$("#home").fadeIn(1200);
$("#menu1").animate({'margin-left':'200px'},800);
$(".home").css({'color':'#0CF'},0);

$("#home2").delay(400).animate({'margin-left':'400px'},1200);
$("#home3").delay(1200).animate({'margin-left':'720px'},1400)

////////////////////////////////////////////////////////////////////////////
$(".home").click(function() {
$(".about, .collections, .vintage, .abouttext1, .abouttext2, .abouttext3, .shop, .contact, .fine").css({'color':'#fff'},0);

$("#collect3vintage, #collect3fantasy, #collect3fine").animate({'margin-left':'-400px'},1400);
$("#collect2").delay(400).animate({'margin-left':'-200px'},1600);

$("#abouttext1, #abouttext2, #abouttext3").animate({'margin-left':'-720px'},1400);
$("#aboutintro").delay(400).animate({'margin-left':'-200'},1600);

$("#contactpage").animate({'margin-left':'-520px'},1400);
$("#shopsoon").animate({'margin-left':'-400px'},1400);

$(".home").css({'color':'#0cf'},0);
$("#home2").delay(800).animate({'margin-left':'400px'},1800);
$("#home3").delay(1400).animate({'margin-left':'720px'},2400);

$("#collections, #aboutbk, #contactbk").fadeOut(1200);
$("#home").delay(100).fadeIn(1200);
});

////////////////////////////////////////////////////////////////////////////
$(".readmore").click(function() {
$("#less").fadeOut(600);
$("#more").delay(600).fadeIn(600);
});

$(".readless").click(function() {
$("#more").fadeOut(600);
$("#less").delay(600).fadeIn(600);
});

});