$(function(){

/*------------------

 globalNavigation

--------------------*/

    $("ul#gNavi").hover(
        function() {
            $("ul#myNavi, ul#myPreNavi, ul#galleryNavi").stop().animate({opacity:0.05}, 101);
        },
        function() {
            $("ul#myNavi, ul#myPreNavi, ul#galleryNavi").stop().animate({opacity:1}, 201);
        }
    );
    $("ul#gNavi li").hover(
        function() {
            $(this).addClass("hover");
            $('a:first', this).stop().animate({opacity:0.8}, 51);
            $('ul:first', this).stop().animate({
                opacity: 1
                }, 101).css({visibility: "visible", display: "block"});
        },
        function() {
            $(this).removeClass("hover");
            $('a:first', this).stop().animate({opacity: 1}, 51);
            $('ul:first', this).stop().animate({
                opacity: 0
                }, 201, function(){$(this).css({visibility: "hidden", display: "none"})});
        }
    );
    $("ul#gNavi li ul li:has(ul)").find("a:first").append(" » ");

/*------------------

 myNavigation

--------------------*/

    $("ul#myNavi li, ul#myPreNavi li, ul#galleryNavi li, ul#sortNavi li").hover(
        function() {
            $(this).addClass("hover");
            //$('ul:first', this).stop().css({opacity: 1, visibility: "visible", display: "block"});
            $('ul:first', this).stop().animate({
                opacity: 1
                }, 0).css({visibility: "visible", display: "block"});
        },
        function() {
            $(this).removeClass("hover");
            //$('ul:first', this).stop().css({opacity: 0, visibility: "hidden", display: "none"});
            $('ul:first', this).stop().animate({
                opacity: 0
                }, 201, function(){$(this).css({visibility: "hidden", display: "none"})});
        }
    );
    $("ul#myNavi li ul li:has(ul), ul#myPreNavi li ul li:has(ul), ul#galleryNavi li ul li:has(ul)").find("a:first").append(" » ");

/*-----------------------

galleryNavigation

------------------------*/
    /*
    $("ul#galleryNavi li").hover(
        function() {
            $(this).addClass("hover");
            $('ul:first', this).animate({
                opacity: 1
                }, 201).css({visibility: "visible", display: "block"});
        },
        function() {
            $(this).removeClass("hover");
            $('ul:first', this).animate({
                opacity: 0
                }, 301, function(){$(this).css({visibility: "hidden", display: "none"})});
        }
    );
    */
        
    //ロールオーバー（jquery依存）
    var aArr   = $("a");
    var imgArr = $("img");
        
        for (var i = 0; i < imgArr.length; i++) {
            if (imgArr[i].getAttribute("src").match("_off.")) {
            imgArr[i].onmouseover = function() {
                $(this).stop().animate({opacity:0.6}, {queue : true, duration : "fast", easing : "linear", complete : function () {$(this).attr("src", this.getAttribute("src").replace("_off.", "_on."))}});
                $(this).stop().animate({opacity:1}, "normal");
            }
            imgArr[i].onmouseout = function() {
                $(this).stop().animate({opacity:0.6}, {queue : true, duration : "fast", easing : "linear", complete : function () {$(this).attr("src", this.getAttribute("src").replace("_on.", "_off."))}});
                $(this).stop().animate({opacity:1}, "fast");
                }
            }
        }
        
        var IE='\v'=='v';
    if (IE) {
        var classAttr = "className";
    } else {
        var classAttr = "class";
    }
    for (var j = 0; j < aArr.length; j++) {
        if (aArr[j].getAttribute(classAttr)) {
            if (aArr[j].getAttribute(classAttr).match("myOpacity")) {
                aArr[j].onmouseover = function() {
                    $(this).stop().animate({opacity:0.2}, "fast", function(){$(this).animate({opacity:1}, "slow")});
                }
                aArr[j].onmouseout = function() {
                    $(this).stop().animate({opacity:0.4}, "fast", function(){$(this).animate({opacity:1}, "fast")});
                }
            }
        }
    }
    
    //テーブル
    $('table.hoverGray tr, ul.listHoverGray li').hover(
        function(){
            $(this).stop().css({'background-color': '#fafafa'});
        },
        function(){
            $(this).stop().css({'background-color': 'transparent'});
        }
    );
    
    $('a.creatorList').hover(
        function() {
            $(this).stop().animate({opacity: 0.8}, 200);
        },
        function() {
            $(this).stop().animate({opacity: 1}, 200);
        }
    );


/*-----------------------

 mouseOver Efect

------------------------*/
    /*
    $('.hoverborder').hover(
        function(){
            $(this).css({border: '1px solid #666666'});
        },
        function(){
            $(this).css({border: 'inherit'});
        }
    );*/
});