TAKBLOG

//MOUSE ACTIONS
var xx = 0,now = 0,
index,
len = img_arr.length;

$page.on("mousedown",onDowmEvent);
$page.on("mouseup",onUpEvent);

//MOUSE DOWN
function onDowmEvent(evt){
    $page.on("mousemove",onMoveEvent);
    $page.on("mouseleave",onLeaveEvent);
    now = $top.position().left;
    xx = evt.pageX;
    myevent.stop(evt);
}

//MOUSE MOVE
function onMoveEvent(evt){
    $top.stop().animate({
        "left" : now + evt.pageX - xx
    },0);
}

//MOUSE LEAVE
function onLeaveEvent(evt){
    onUpEvent(evt);
}

//MOUSE UP
function onUpEvent(evt){
    $page.off("mousemove",onMoveEvent);
    $page.off("mouseleave",onLeaveEvent);
   
    //NEXT
    if((xx - evt.pageX) > 100){
        if(ite2.current() != ite2.last()){
            ite2.next();
            $top.stop().animate({
                "left" : ite2.current() * -$width
            },300);
        }else{
            $top.stop().animate({
                "left" : now
            },300);
        }
       
    //PREV
    }else if((xx - evt.pageX) < -100){
       
        if(ite2.current() !== ite2.first()){
            ite2.prev();
            $top.stop().animate({
                "left" : ite2.current() * -$width
            },300);
        }else{
            $top.stop().animate({
                "left" : now
            },300);
        }
   
    //NO EXIST NEXT or PREV
    }else{
        $top.stop().animate({
            "left" : now
        },300);
    }
}

window.onload = function(){
   
    if(window.addEventListener){
        window.addEventListener("DOMMouseScroll",scrollEvent,false);
    }
    document.onmousewheel = scrollEvent;
   
    var delta = 0;
   
    function scrollEvent(evt){
        if(!evt){
            evt = window.event;
        }
       
        //1スクロール 12px
        if(evt.wheelDelta){
            delta += evt.wheelDelta / 10;
        }else if(evt.detail){
            delta += evt.detail * -4;
        }
       
        if(evt.preventDefault){
            evt.preventDefault();
        }else{ 
            evt.returnValue = false;
        }
    }
}

window.onload = function(){
    var m = document.getElementById("main");
    var d = document.getElementById("content");
   
    addEvent(window,"popstate",changeContent);
   
    function changeContent(){
        switch(location.hash.split('#!/')[1])
        {
            case "guide":
            setElement(d,"ガイド");
            break;
            case "company":
            setElement(d,'会社');
            break;
            case "products":
            setElement(d,'製品');
            break;
            case "news":
            setElement(d,'ニュース');
            break;
            case "contact":
            setElement(d,'お問い合わせ');
            break;
            case "member":
            setElement(d,'メンバー');
            break;
            case "privacy":
            setElement(d,'プライバシー');
            break;
            default:
            setElement(d,'HISTORY API TEST');
            break;
        }
    }
}

function setElement(target,arg){
    document.title = arg;
    target.innerHTML = arg;
}

/**********************************************************
*   クロスドメイン用イベントリスナ登録関数
*   @param {String} target  ターゲットエレメント
*   @param {String} name    イベントタイプ
*   @param {String} fn      登録するイベント
***********************************************************/
function addEvent(target,type,fn){
    if(window.addEventListener){
        addEvent = function(target,type,fn){
            target.addEventListener(type,fn,false);
        }
    }else{
        addEvent = function(target,type,fn){
            target.attachEvent('on' + type, fn);
        }
    }
   
    addEvent(target,type,fn);
}

popstate

    //IE用
    if(navigator.userAgent.match(/MSIE/)){
        changeContent();
        var a = m.getElementsByTagName("a");
        for(var i = 0;i < a.length;i++){
            addEvent(a[i],"click",clickContent);
        }
    }
   
    function clickContent(evt){
        var arr = evt.srcElement.href.split('/');
        location.hash = '!/' + arr[arr.length - 1];
        changeContent();
    }

// Determine the browser
if(navigator.userAgent.indexOf("MSIE") != -1){
    // IE
    if (typeof document.body.style.maxHeight != "undefined") {
        // IE7, IE8 more
        if(document.documentMode >=8){
            // IE8 more
            var top = $("html");
        }else{
            // IE7
            var top = $("html,body");
        }
    } else {
        // IE6
        var top = $("html");
    }
}else if(navigator.userAgent.indexOf("Safari") != -1){
    // safari, chrome
    var top = $("body");
}else if(navigator.userAgent.indexOf("Firefox") != -1){
    // firefox
    var top = $("html");
}else if(navigator.userAgent.indexOf("Opera") != -1){
    //opera
    var top = $("html");       
}else{
    var top = $("html");
}