// JavaScript Document
$(function(){
		$('body').jpreLoader({splashID: "#jSplash",loaderVPos: '41%',autoClose: true},function(){});
});
var onScrool = false;
$(document).ready(function(e) {
    $(".nav a").on("click", function() {
		if (onScrool) {
            return;
		}
		
        onScrool = true;
        var $navon = $(".nav a.on");
        var $this = $(this);
        if ($navon.attr('data-link') === $this.attr('data-link')) {
            onScrool = false;
            return;
        } else {
            $navon.removeClass("on");
            $this.addClass("on");
        }
        var $main = $("." + $this.attr("data-link"));
        var $mainon = $("." + $navon.attr("data-link"));
        var distance = $mainon.height();
        var overflow_y = $("body").css("overflow-y");
        $("body").css("overflow-y", "hidden");
        if ($this.index() > $navon.index()) {
            TweenMax.to( $mainon, 1, { y: distance * (-1), opacity: 0, display: "none" } );
            TweenMax.fromTo(
                $main,
                1,
                { y: distance, opacity: 0, display: "block" }, { y: 0, opacity: 1, onComplete: function() {
                    $("body").css("overflow-y", overflow_y);
                    onScrool = false;
                } }
            );
        } else {
            TweenMax.to( $mainon, 1, { y: distance, opacity: 0, display: "none" } );
            TweenMax.fromTo(
                $main,
                1,
                { y: distance * (-1), opacity: 0, display: "block" }, { y: 0, opacity: 1, onComplete: function() {
                    $("body").css("overflow-y", overflow_y);
                    onScrool = false;
                } }
            );
        }
    });
    $("body").on("mousewheel", function(event) {
        //console.log(event.deltaX, event.deltaY, event.deltaFactor);
        if (onScrool) {
            return;
        }
        
        var $navon = $(".nav a.on")
        var $this = null;
        if (event.deltaY < 0) {//wheel down
            $this = $navon.next("a");
            if ($this.length > 0) {
                $this.trigger("click");
                location.hash = $this.prop("hash");
            }
        } else if (event.deltaY > 0) {//wheel up
            $this = $navon.prev("a");
            if ($this.length > 0) {
                $this.trigger("click");
                location.hash = $this.prop("hash");
            }
        }
    });
    
    $(".main3 .arr1").closest("a").on("click", function() {
        var $main3cont = $(".main3 .main3cont:visible");
        var $main3cont2 = $("#" + $main3cont.attr("data-prev"));
        var distance = $main3cont.width();
        var overflow_x = $("body").css("overflow-x");
        $("body").css("overflow-x", "hidden");
        TweenMax.to( $main3cont, 1, { x: distance, opacity: 0, display: "none" } );
        TweenMax.fromTo(
            $main3cont2,
            1,
            { x: distance * (-1), opacity: 0 }, { x: 0, opacity: 1, display: "block", onComplete: function() {
                $("body").css("overflow-x", overflow_x);
            } }
        );
    });
    $(".main3 .arr2").closest("a").on("click", function() {
        var $main3cont = $(".main3 .main3cont:visible");
        var $main3cont2 = $("#" + $main3cont.attr("data-next"));
        var distance = $main3cont.width();
        var overflow_x = $("body").css("overflow-x");
        $("body").css("overflow-x", "hidden");
        TweenMax.to( $main3cont, 1, { x: distance * (-1), opacity: 0, display: "none" } );
        TweenMax.fromTo(
            $main3cont2,
            1,
            { x: distance, opacity: 0 }, { x: 0, opacity: 1, display: "block", onComplete: function() {
                $("body").css("overflow-x", overflow_x);
            } }
        );
    });
    $(".main3 .piclist a").on("click", function() {
        $(".popup img").attr("src", $(this).children("img").attr("src"));
        $(".popup").fadeIn();
    });
    $(".popup").on("click", function() {
        $(".popup").fadeOut();
    });
    
    $(".main5 .arr1").closest("a").on("click", function() {
        //var overflow_x = $("body").css("overflow-x");
        //$("body").css("overflow-x", "hidden");
        var distance = $(".main5 .wall").width();
        var $main5wall = $(".main5 .wall .page:visible");
        var $main5wall2 = $(".main5 .wall .page." + $main5wall.attr("data-prev"));
        TweenMax.to( $main5wall, 1, { x: distance, opacity: 0, display: "none" } );
        TweenMax.fromTo(
            $main5wall2,
            1,
            { x: distance * (-1), opacity: 0 },
			{ x: 0, opacity: 1, display: "block", onComplete: function() {
                //$("body").css("overflow-x", overflow_x);
            } }
        );
    });
    $(".main5 .arr2").closest("a").on("click", function() {
        //var overflow_x = $("body").css("overflow-x");
        //$("body").css("overflow-x", "hidden");
        var distance = $(".main5 .wall").width();
        var $main5wall = $(".main5 .wall .page:visible");
        var $main5wall2 = $(".main5 .wall .page." + $main5wall.attr("data-next"));
        TweenMax.to( $main5wall, 1, { x: distance * (-1), opacity: 0, display: "none" } );
        TweenMax.fromTo(
            $main5wall2,
            1,
            { x: distance, opacity: 0 },
		    { x: 0, opacity: 1, display: "block", onComplete: function() {
                //$("body").css("overflow-x", overflow_x);
            } }
        );
    });
	
	
	var hash = window.location.hash;
	if (hash) {
		var $this = $(".nav > a[href=" + hash + "]");
        var $navon = $(".nav a.on");
        if ($navon.attr('data-link') === $this.attr('data-link')) {
            return;
        } else {
            $navon.removeClass("on");
            $this.addClass("on");
        }
        var $main = $("." + $this.attr("data-link"));
        var $mainon = $("." + $navon.attr("data-link"));
		var distance = $mainon.height();
		$mainon.css("opacity", 0).css("display", "none");
		$main.offset({ top:0, left:0}).css("opacity", 1).css("display", "block");
	}
});