var contents_num = 999;
$(function(){
   __init();
    //side_menu
    
    //ピックアップ記事の数を取得
    var pickup_content_length = $(".pickup_content").length-1;

    //特集をクリックしたら
    $(".feature a").click(function(){
        $(".naviMenu span").removeClass("current");
        $(this).addClass("current");
    })
    
    //カテゴリ表示の切り替え
    $(".small_li").click(function(){
        $(".naviMenu span a").removeClass("current");
        $(".naviMenu span").removeClass("current");
        
        $(this).siblings().removeClass("current");
        $(this).siblings().addClass("current");
        
    })
    //各記事メニューをクリックしたら
    $(".show_content").click(function(){
        $("li").removeClass("current");
        show_pContent($(".show_content").index(this));
        $(this).parent("li").addClass("current");
    })
    
    //sidebar
    $("#ctl_right").click(function(){
        var _next_count = contents_num + 1;
        if (_next_count > pickup_content_length) {///記事の数  構造変わらなければセレクタで要素数取得する。
            _next_count = 0;
        };
        show_pContent(_next_count);
        switch_menu(_next_count);
    })
    $("#ctl_left").click(function(){
        var _next_count = contents_num - 1;
        if (_next_count < 0) {
            _next_count = pickup_content_length;///記事の数
        };
        show_pContent(_next_count);
        switch_menu(_next_count);
    })
    
    // Test
    var _hover = false;
    $("html").mousemove(function(e){
		var navi_right = ".navi_right",
		count = $(navi_right).size();
		if(count == 0) return;
        var posn = $(navi_right).offset();
        if (posn.top < e.pageY && posn.top + $(".navi_right").outerHeight(true) - 90 > e.pageY && posn.left < e.pageX && posn.left + 40 > e.pageX || posn.top < e.pageY && posn.top + $(".navi_right").outerHeight(true) - 90 > e.pageY && posn.left + $(".navi_right").outerWidth(true) > e.pageX && posn.left + $(".navi_right").outerWidth(true) - 40 < e.pageX) {
            // if (posn.top < e.pageY && posn.top + $(".navi_right").outerHeight(true)-90 > e.pageY) {
            if (_hover == false) {
                $("#navi_right_navi").animate({
                    "opacity": 1
                }, 100)
                _hover = true;
            }
            
            $("#navi_right_navi").css({
                "z-index": 10
            });
            //}
        }
        else {
            if (_hover == true) {
                $("#navi_right_navi").animate({
                    "opacity": 0
                }, 80, function(){
                    $("#navi_right_navi").css({
                        "z-index": -10
                    })
                })
                _hover = false;
            }
            
        }
    })
});

function __init(){
    show_pContent(0);//特集を表示
    $("#navi_right_navi").animate({
        "opacity": 0
    }, 1500, function(){
        $("#navi_right_navi").css({
            "z-index": 10
        })
    });
}

function show_pContent(_num){
    if (contents_num != _num) {
    
        contents_num = _num;
        var target_content = "#p_content" + _num;
        $(".pickup_content").animate({
            "opacity": "0",
            "margin-left": "-50px"
        }, 150, function(){
            $(".pickup_content").hide();
            $(target_content).show();
            $(target_content).animate({
                "opacity": "1",
                "margin-left": "15px"
            }, 150);
        });
    }
}

function switch_menu(_num){
    $("li").removeClass("current");
    if (_num == 0) {
        $(".naviMenu span").removeClass("current");
        $(".feature a").addClass("current");
        
    }
    else {
        var _target = ".small_li li:eq(" + (_num - 1) + ")";
        $(_target).addClass("current");
        $(".naviMenu span a").removeClass("current");
        $(".naviMenu span").removeClass("current");
        
        $(_target).parent().siblings().removeClass("current");
        $(_target).parent().siblings().addClass("current");
        
    }
    
}

/* 可変Global */
$(
	function(){
		var globalMenu = ".global_menu ul li",globalMenuUL = ".global_menu ul";
		var g = $(globalMenu).size();
		var size = 0;
		for(var i=0;i<g;i++){
			size += $($(globalMenu)[i]).width();
		}
		size+=15;
		$(globalMenuUL).css("width",size);
	}
);