$(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"); }); });