$(document).on('touchstart.scrollable',  function (e) {
  
      
      if (e.currentTarget.scrollTop === 0) {
        e.currentTarget.scrollTop = 1;
      } else if (e.currentTarget.scrollHeight === e.currentTarget.scrollTop + e.currentTarget.offsetHeight) {
        e.currentTarget.scrollTop -= 1;
      }
    
   
     
  });
 

$(window).on("load resize", function(){
	
	var window_h = $(window).height();
	$(".slide_cell").css("height", window_h );
	 
	var minus_hundred = - window_h ;
	var minus_twohundred = -2 * window_h ;
	var minus_threehundred = -3 * window_h ;
	if( $(".main_slide_paging div:nth-of-type(1)").hasClass("ac") ) {
            $('.main_slide').css("top","0px");
			 
			}
	if( $(".main_slide_paging div:nth-of-type(2)").hasClass("ac") ) {
            $('.main_slide').css("top", minus_hundred);
			 
			}
	if( $(".main_slide_paging div:nth-of-type(3)").hasClass("ac") ) {
            $('.main_slide').css("top", minus_twohundred);
			 
			}
	if( $(".main_slide_paging div:nth-of-type(4)").hasClass("ac") ) {
            $('.main_slide').css("top", minus_threehundred);
			 
			}

			
            
	$(".main_slide_paging div:nth-of-type(1)").click(function(){
			$('header').removeClass("w");
			$(".main_slide_paging").removeClass("main_slide_paging_b");
			$(".toggle").removeClass("toggle_w");
			$(".service_btn").removeClass("service_btn_w");
			$("footer").removeClass("b");
			$(".logo").removeClass("black_l");
			$('.main_slide').css("display","block");
			$(".bg_effect").css("display","block");
			$(".fourth_cell").stop().animate({bottom: "-100%"},300);
			$('.main_slide').stop().animate({top : "0px", opacity: '1'},300);
			$(".main_slide_paging div").removeClass("ac");
			$(".main_slide_paging div:nth-of-type(1)").addClass("ac");
			$(".bg_effect").removeClass("bg_effect_2");
		    $(".slide_cell h1").removeClass("now");
		    $(".slide_cell:nth-of-type(1) h1").addClass("now");
			
		});
		$(".main_slide_paging div:nth-of-type(2)").click(function(){
			$('header').removeClass("w");
			$(".main_slide_paging").removeClass("main_slide_paging_b");
			$(".toggle").removeClass("toggle_w");
			$(".service_btn").removeClass("service_btn_w");
			$("footer").removeClass("b");
			$(".logo").removeClass("black_l");
			$('.main_slide').css("display","block");
			$(".bg_effect").css("display","block");
			$(".fourth_cell").stop().animate({bottom: "-100%"},300);
			$('.main_slide').stop().animate({top : minus_hundred, opacity: '1'},300);
			$(".main_slide_paging div").removeClass("ac");
			$(".main_slide_paging div:nth-of-type(2)").addClass("ac");	
			$(".bg_effect").addClass("bg_effect_2");
			$(".slide_cell h1").removeClass("now");
			$(".slide_cell:nth-of-type(2) h1").addClass("now");
			
		});

		$(".main_slide_paging div:nth-of-type(3)").click(function(){
			$('header').removeClass("w");
			$(".main_slide_paging").removeClass("main_slide_paging_b");
			$(".toggle").removeClass("toggle_w");
			$(".service_btn").removeClass("service_btn_w");
			$("footer").removeClass("b");
			$(".logo").removeClass("black_l");
			$('.main_slide').css("display","block");
			$(".bg_effect").css("display","block");
			$(".fourth_cell").stop().animate({bottom: "-100%"},300);
			$('.main_slide').stop().animate({top : minus_twohundred, opacity: '1'},300);
			$(".main_slide_paging div").removeClass("ac");
		    $(".main_slide_paging div:nth-of-type(3)").addClass("ac");
		    $(".slide_cell h1").removeClass("now");
			$(".slide_cell:nth-of-type(3) h1").addClass("now");
			
		});

		$(".main_slide_paging div:nth-of-type(4)").click(function(){
			$('header').addClass("w");
			$(".main_slide_paging").addClass("main_slide_paging_b");
			$(".toggle").addClass("toggle_w");
			$(".service_btn").addClass("service_btn_w");
			$("footer").addClass("b");
			$(".logo").addClass("black_l");

			$('.main_slide').stop().animate({top : minus_threehundred, opacity: '0'},300, function(){ $(this).css("display:none");$(".bg_effect").css("display","none"); });
			$(".fourth_cell").stop().animate({bottom: "0"},300);
			$(".main_slide_paging div").removeClass("ac");
			$(".main_slide_paging div:nth-of-type(4)").addClass("ac");
			
		});	


	$(".slide_cell:nth-of-type(1) h1").addClass("now");
	$('body').bind('mousewheel', function(e){
        if(e.originalEvent.wheelDelta /1200 > 0) {
			if( $('.main_slide').css("top") == "0px" ) {
            $('.main_slide').stop().animate({top : "0px"},300);
			 $(".main_slide_paging div").removeClass("ac");
					$(".main_slide_paging div:nth-of-type(1)").addClass("ac");
					 $(".slide_cell h1").removeClass("now");
					$(".slide_cell:nth-of-type(1) h1").addClass("now");
			}

			else {
				if ($('.slide_cell:nth-of-type(2)').offset().top == 0)
				{
					$('.main_slide').stop().animate({top : "0px"},300);
					$(".main_slide_paging div").removeClass("ac");
					$(".main_slide_paging div:nth-of-type(1)").addClass("ac");
					$(".bg_effect").removeClass("bg_effect_2");
					 $(".slide_cell h1").removeClass("now");
					$(".slide_cell:nth-of-type(1) h1").addClass("now");
				
				}
				if ($('.slide_cell:nth-of-type(3)').offset().top == 0)
				{
					$('.main_slide').stop().animate({top : minus_hundred},300);
					$(".main_slide_paging div").removeClass("ac");
				   $(".main_slide_paging div:nth-of-type(2)").addClass("ac");
				   $(".bg_effect").removeClass("bg_effect_3");
				    $(".slide_cell h1").removeClass("now");
					$(".slide_cell:nth-of-type(2) h1").addClass("now");
				} 
				if ($('.slide_cell:nth-of-type(3)').offset().top == minus_hundred )
				
				{
				
					$('header').removeClass("w");
					$(".main_slide_paging").removeClass("main_slide_paging_b");
					$(".toggle").removeClass("toggle_w");
					$(".service_btn").removeClass("service_btn_w");
					$("footer").removeClass("b");
					$(".logo").removeClass("black_l");
					$('.main_slide').css("display","block");
					$(".bg_effect").css("display","block");
					$(".fourth_cell").stop().animate({bottom: "-100%"},300);
					$('.main_slide').stop().animate({top : minus_twohundred, opacity: '1'},300);
					$(".main_slide_paging div").removeClass("ac");
				   $(".main_slide_paging div:nth-of-type(3)").addClass("ac");
				   $(".slide_cell h1").removeClass("now");
					$(".slide_cell:nth-of-type(3) h1").addClass("now");
					
				}
            
			}
			
        }
        else{
		 if( $('.main_slide').css("top") == "0px" ) {
            $('.main_slide').stop().animate({top : minus_hundred},300);
			$(".main_slide_paging div").removeClass("ac");
			$(".main_slide_paging div:nth-of-type(2)").addClass("ac");	
			$(".bg_effect").addClass("bg_effect_2");
			$(".slide_cell h1").removeClass("now");
			$(".slide_cell:nth-of-type(2) h1").addClass("now");
		 }
		  else {
				if ($('.slide_cell:nth-of-type(2)').offset().top == 0)
				{
					$('.main_slide').stop().animate({top : minus_twohundred},300);
					$(".main_slide_paging div").removeClass("ac");
				   $(".main_slide_paging div:nth-of-type(3)").addClass("ac");
				   $(".bg_effect").addClass("bg_effect_3");
				   $(".slide_cell h1").removeClass("now");
					$(".slide_cell:nth-of-type(3) h1").addClass("now");
					
				}
				if ($('.slide_cell:nth-of-type(3)').offset().top == 0)
				{
					$('header').addClass("w");
					$(".main_slide_paging").addClass("main_slide_paging_b");
					$(".toggle").addClass("toggle_w");
					$(".service_btn").addClass("service_btn_w");
					$("footer").addClass("b");
					$(".logo").addClass("black_l");

					$('.main_slide').stop().animate({top : minus_threehundred, opacity: '0'},300, function(){ $(this).css("display:none");$(".bg_effect").css("display","none"); });
					$(".fourth_cell").stop().animate({bottom: "0"},300);
					$(".main_slide_paging div").removeClass("ac");
				   $(".main_slide_paging div:nth-of-type(4)").addClass("ac");
				  
					
				}
		 }

		
        }

		
    });
	 $( ".draggable" ).draggable({axis : "y" ,stop: function( event, ui ) {
	
		var ff = $(".draggable").position();
		var ff2 = ff.top;
		
		if( ff2 > 0  ) {

			$(".draggable").css("top","0px");
			$(".draggable").css("left","0px");
			$( ".draggable" ).draggable({refreshPositions: true});
			if( $('.main_slide').css("top") == "0px" ) {
            $('.main_slide').stop().animate({top : "0px"},300);
			 $(".main_slide_paging div").removeClass("ac");
					$(".main_slide_paging div:nth-of-type(1)").addClass("ac");
					 $(".slide_cell h1").removeClass("now");
					$(".slide_cell:nth-of-type(1) h1").addClass("now");
			}

			else {
				if ($('.slide_cell:nth-of-type(2)').offset().top == 0)
				{
					$('.main_slide').stop().animate({top : "0px"},300);
					$(".main_slide_paging div").removeClass("ac");
					$(".main_slide_paging div:nth-of-type(1)").addClass("ac");
					$(".bg_effect").removeClass("bg_effect_2");
					 $(".slide_cell h1").removeClass("now");
					$(".slide_cell:nth-of-type(1) h1").addClass("now");
				
				}
				if ($('.slide_cell:nth-of-type(3)').offset().top == 0)
				{
					$('.main_slide').stop().animate({top : minus_hundred},300);
					$(".main_slide_paging div").removeClass("ac");
				   $(".main_slide_paging div:nth-of-type(2)").addClass("ac");
				   $(".bg_effect").removeClass("bg_effect_3");
				    $(".slide_cell h1").removeClass("now");
					$(".slide_cell:nth-of-type(2) h1").addClass("now");
				} 
				if ($('.slide_cell:nth-of-type(3)').offset().top == minus_hundred )
				
				{
				
					$('header').removeClass("w");
					$(".main_slide_paging").removeClass("main_slide_paging_b");
					$(".toggle").removeClass("toggle_w");
					$(".service_btn").removeClass("service_btn_w");
					$("footer").removeClass("b");
					$(".logo").removeClass("black_l");
					$('.main_slide').css("display","block");
					$(".bg_effect").css("display","block");
					$(".fourth_cell").stop().animate({bottom: "-100%"},300);
					$('.main_slide').stop().animate({top : minus_twohundred, opacity: '1'},300);
					$(".main_slide_paging div").removeClass("ac");
				   $(".main_slide_paging div:nth-of-type(3)").addClass("ac");
				   $(".slide_cell h1").removeClass("now");
					$(".slide_cell:nth-of-type(3) h1").addClass("now");
					
				}
            
			}
			
		}if( ff2 < 0  ){
			$(".draggable").css("top","0px");
			$(".draggable").css("left","0px");
			$( ".draggable" ).draggable({refreshPositions: true});
			if( $('.main_slide').css("top") == "0px" ) {
            $('.main_slide').stop().animate({top : minus_hundred},300);
			$(".main_slide_paging div").removeClass("ac");
			$(".main_slide_paging div:nth-of-type(2)").addClass("ac");	
			$(".bg_effect").addClass("bg_effect_2");
			$(".slide_cell h1").removeClass("now");
			$(".slide_cell:nth-of-type(2) h1").addClass("now");
		 }
		  else {
				if ($('.slide_cell:nth-of-type(2)').offset().top == 0)
				{
					$('.main_slide').stop().animate({top : minus_twohundred},300);
					$(".main_slide_paging div").removeClass("ac");
				   $(".main_slide_paging div:nth-of-type(3)").addClass("ac");
				   $(".bg_effect").addClass("bg_effect_3");
				   $(".slide_cell h1").removeClass("now");
					$(".slide_cell:nth-of-type(3) h1").addClass("now");
					
				}
				if ($('.slide_cell:nth-of-type(3)').offset().top == 0)
				{
					$('header').addClass("w");
					$(".main_slide_paging").addClass("main_slide_paging_b");
					$(".toggle").addClass("toggle_w");
					$(".service_btn").addClass("service_btn_w");
					$("footer").addClass("b");
					$(".logo").addClass("black_l");

					$('.main_slide').stop().animate({top : minus_threehundred, opacity: '0'},300, function(){ $(this).css("display:none");$(".bg_effect").css("display","none"); });
					$(".fourth_cell").stop().animate({bottom: "0"},300);
					$(".main_slide_paging div").removeClass("ac");
				   $(".main_slide_paging div:nth-of-type(4)").addClass("ac");
				  
					
				}
		 }
		} 
		
		}
	});







				




$(".fourth_cell_inner").on('move', function(e) {

});




$('.fourth_cell_inner').bind('touchmove', function(event){ 
      $('header').removeClass("w");
					$(".main_slide_paging").removeClass("main_slide_paging_b");
					$(".toggle").removeClass("toggle_w");
					$(".service_btn").removeClass("service_btn_w");
					$("footer").removeClass("b");
					$(".logo").removeClass("black_l");
					$('.main_slide').css("display","block");
					$(".bg_effect").css("display","block");
					$(".fourth_cell").stop().animate({bottom: "-100%"},300);
					$('.main_slide').stop().animate({top : minus_twohundred, opacity: '1'},300);
					$(".main_slide_paging div").removeClass("ac");
				   $(".main_slide_paging div:nth-of-type(3)").addClass("ac");
				   $(".slide_cell h1").removeClass("now");
					$(".slide_cell:nth-of-type(3) h1").addClass("now");
}); 

});