//$(document).ready(function(){  
//
//  
// //   When mouse rolls over  
//    $("li").mouseover(function(){  
//        $(this).stop().animate({height:'40%'},{queue:false, duration:2000, easing: 'easeInOutQuint'})  
//    });  
//  
//  //  When mouse is removed  
//    $("li").mouseout(function(){  
//        $(this).stop().animate({height:'1000px'},{queue:false, duration:2000, easing: 'easeInOutQuint'})  
//    }); 
//	
//	$("li").click(function () {
//		$(this).fadeTo("slow", 1);
//	});
//
//	$(window).resize(function() {
//		var imageWidth = $(".slideshow").find("img").width();
//		
//  		$(".slideshow").find("img").css("height","100%");
//	});



$(document).ready(function(){  

	$('.slideshow').cycle({
		  fx:     'fade', 
    speed:   2000, 
    timeout: 1000, 
    next:   '.slideshow', 
    pause:   1 // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
 
    //move the image in pixel
    var move = -15;
     
    //zoom percentage, 1.2 =120%
    var zoom = 1.2;
 
    //On mouse over those thumbnail
    $('.item').hover(function() {
         
      
        //Display the caption
        $(this).find('div.caption').stop(false,true).fadeIn(200);
    },
    function() {
        //Reset the image
      $(this).find('.img').stop(false,true).animate({'width':$('.item').width(), 'height':$('.item').height(), 'top':'0', 'left':'0'}, {duration:100});   
 
        //Hide the caption
        $(this).find('div.caption').stop(false,true).fadeOut(200);
    });
	
	// hieght of content box
	  var height = $(window).height(); 
	  var height = height - 100;
	  $('#content').css("height",height + "px");
	
	setInterval(function() {
      var height = $(window).height(); 
	  var height = height - 100;
	  $('#content').css("height",height + "px");
	}, 1000);
	  //When mouse rolls over
	 // $('.submenu').css("display","none");
    $(".projects").mouseover(function(){
        $(this).stop().animate({height:'240px'},{queue:false, duration:1000, easing: 'easeInOutQuint'})
    });

    //When mouse is removed
    $(".projects").mouseout(function(){
        $(this).stop().animate({height:'60px'},{queue:false, duration:1000, easing: 'easeInOutQuint'})
    });

});
	
	//  SUBMENU
	//$('.submenu').css("display","none");
//	
//   $(".projects").hover(function () {
//	$(".submenu").slideToggle("slow");
//   });
   
   // stop slider   
   // $('.start-stop').trigger('click');