$(document).ready(function(){
		$(".detail,.dark,.colortag").stop().css("opacity", 0);
		$("#darkme,#lightme").stop().css("opacity", 1);
		$(".nexpre").stop().css("opacity", 0.2);
		$("#aboutsection").hide();
		$(".hidespanmenu span,.hidespan span,.logo a.kjlogo span,.hidespanican span.cc").stop().css("opacity", 0);
		$(".story,.location,.htaboutl,.htaboutw,.whopar").stop().css("opacity", 0);

		


	$(".hidespanican").hover(
				      	function() {
									       $(this).children("span.cc").stop().animate({opacity: "1"},{queue:false,duration:300});
var str = $(this).children("span.icantext").text();
    $(".icanthen").html(str);
											 $(".icanthen").animate({opacity: "1"},{duration:800});

	
		},
						function() {
										$(this).children("span.cc").stop().animate({opacity: "0"},{queue:false,duration:300});
										 $(".icanthen").stop().animate({opacity: "0"},{queue:false,duration:300});
	});


		
		$(".menutop li a").hover(
				      	function() {
									                        $(this).stop().animate({color: "#ff0"},{queue:false,duration:500});
		},
						function() {  $(this).stop().animate({color: "#000"},{queue:false,duration:500});
	});
	
	
		$(".slidebox,.nexpre").hover(
				      	function() {
									                        $(this).parent("#featured-area").children(".nexpre").stop().animate({opacity: "1"},{queue:false,duration:500});
		},
						function() {  $(this).parent("#featured-area").children(".nexpre").stop().animate({opacity: "0.2"},{queue:false,duration:500});
	});
					
		
		$(".hidespanmenu").hover(
				      	function() {
									       $(this).children("a").children("span").stop().animate({opacity: "1"},{queue:false,duration:300});
									       $(this).children("span").stop().animate({opacity: "1",top:"-30px"},{queue:false,duration:1400,easing: 'easeOutElastic'});
		},
						function() {
										$(this).children("a").children("span").stop().animate({opacity: "0"},{queue:false,duration:300});
										$(this).children("span").stop().animate({opacity: "0",top:"-10px"},{queue:false,duration:300});
	});
	
			$(".logo").hover(
				      	function() {
									       $(this).children("a").children("span").stop().animate({opacity: "1"},{queue:false,duration:300});
									       $(this).children("span").stop().animate({opacity: "1",width:"200px"},{queue:false,duration:600,easing: 'easeOutExpo'});
		},
						function() {
										$(this).children("a").children("span").stop().animate({opacity: "0"},{queue:false,duration:300});
										$(this).children("span").stop().animate({opacity: "0",width:"0px"},{queue:false,duration:600,easing: 'easeInExpo'});
	});
	
	
	
	
$(".hidespan").hover(
				      	function() {
									       $(this).children("a").children("span").stop().animate({opacity: "1"},{queue:false,duration:300});
									       $(this).children("span").stop().animate({opacity: "1",top:"-30px"},{queue:false,duration:300});
		},
						function() {
										$(this).children("a").children("span").stop().animate({opacity: "0"},{queue:false,duration:300});
										$(this).children("span").stop().animate({opacity: "0",top:"-10px"},{queue:false,duration:300});
	});
					
				
					   
					   
					   
					   
			$("a.contactlink").click(
				      	function() {
							$("#contactsection").delay(5000).animate({left: "50%"},{queue:false,duration:1000,easing: 'easeInQuint'});
							$("#darkme").fadeIn();
							$("body").css("overflow", "hidden");
		                });	
						
			$("#darkme").click(
				      	function() {
							$("body").css("overflow", "auto");
							$("#contactsection").stop().animate({left: "-100%"},{queue:false,duration:1500,easing: 'easeOutQuint'});
$("#darkme").delay(500).fadeOut();

		                });	
						
												
			$("#lightme").click(
				      	function() {
							$("body").css("overflow", "auto");
$(this).fadeOut("7000");
container.slideUp({duration:1000,easing: 'easeOutExpo'});

		                });				   
					   			   
					   
// Get a reference to the container.
var container = $( "#aboutsection" );
 
 
// Bind the link to toggle the slide.
$( "a.aboutlink" ).click(
function( event ){
// Prevent the default event.
event.preventDefault();
 
// Toggle the slide based on its current
// visibility.
if (container.is( ":visible" )){
 
$(".story,.location,.htaboutl,.htaboutw,.whopar").animate({opacity: "0"},{duration:1000});
$("body").css("overflow", "auto");
// Hide - slide up.
container.slideUp({duration:1000,delay:3000,easing: 'easeOutElastic'});
$("#lightme").fadeOut();



 
} else {
 
// Show - slide down.
container.slideDown({duration:2500,easing: 'easeOutElastic'} );
$("#lightme").fadeIn();
$("body").css("overflow", "hidden");
$(".story").delay(500).animate({opacity: "1"},{duration:700});
$(".htaboutl").delay(700).animate({opacity: "1"},{duration:700});
$(".location").delay(800).animate({opacity: "1"},{duration:700});
$(".htaboutw").delay(1000).animate({opacity: "1"},{duration:700});
$(".whopar").delay(1200).animate({opacity: "1"},{duration:700});

}
}
);	

$(".closeabout").click(function(){$(".story,.location,.htaboutl,.htaboutw,.whopar").delay(3000).animate({opacity: "0"},{queue:false,duration:1000});
$("body").css("overflow", "auto");
// Hide - slide up.
container.slideUp({duration:1000,easing: 'easeOutExpo'});
$("#lightme").fadeOut();

});
										


				$(".fadein").stop().css("opacity", 0.5);
				$(".fadein").hover(
				      	function() {
									$(this).stop().animate({opacity: "1"},{queue:false,duration:300});			},
						function() {
						$(this).stop().animate({opacity: "0.5"},{queue:false,duration:300});			});
					
				
	
				
				
				

							$(".thumbbox").hover(
				      	function() {
                        $(this).children(".detail").stop().animate({top:'50px',opacity: "1"},{queue:false,duration:800,easing: 'easeInExpo'});
						
						$(this).children(".colortags").children(".c1").animate({top:'100px',opacity: "1"},{queue:false,duration:500,easing: 'easeInQuint'});
						$(this).children(".colortags").children(".c2").animate({top:'100px',opacity: "1"},{queue:false,duration:550,easing: 'easeInQuint'});
						$(this).children(".colortags").children(".c3").animate({top:'100px',opacity: "1"},{queue:false,duration:600,easing: 'easeInQuint'});
						$(this).children(".colortags").children(".c4").animate({top:'100px',opacity: "1"},{queue:false,duration:650,easing: 'easeInQuint'});
						$(this).children(".colortags").children(".c5").animate({top:'100px',opacity: "1"},{queue:false,duration:700,easing: 'easeInQuint'});
						
						
						
						
						
                        $(this).children(".dark").animate({opacity: "0.95"},{duration:500});
						},
						
						
						function()
						
						 {
						$(this).children(".detail").stop().animate({top:'20px',opacity: "0"},{queue:false,duration:800,easing: 'easeOutExpo'});
						
						
						$(this).children(".colortags").children(".c1").animate({top:'160px',opacity: "0"},{queue:false,duration:500,easing: 'easeInQuint'});
						$(this).children(".colortags").children(".c2").animate({top:'160px',opacity: "0"},{queue:false,duration:600,easing: 'easeInQuint'});
						$(this).children(".colortags").children(".c3").animate({top:'160px',opacity: "0"},{queue:false,duration:700,easing: 'easeInQuint'});
						$(this).children(".colortags").children(".c4").animate({top:'160px',opacity: "0"},{queue:false,duration:800,easing: 'easeInQuint'});
						$(this).children(".colortags").children(".c5").animate({top:'160px',opacity: "0"},{queue:false,duration:900,easing: 'easeInQuint'});
						
						
						
                        $(this).children(".dark").stop().delay(100).animate({opacity: "0"},{duration:500});				});
					
				
			});