var expires_num = 365;//クッキー有効期限(日数)
var cookie_box_order;
var cookie_box_num;
var box_num = [];
var value = 0;
var content_height = 0;
var slide_max = 0;
var scroolSpeed = 7.0;//スクロール速度
var open_window = 0;


function loadmod(num, tgl_Cookie){
    var mod_num = num;
    if ($(".modu_contents" + mod_num).length) {//要素が存在したら削除
        $(".modu_contents" + mod_num).animate({
            width: "0px"
        }, "fast", "easeInExpo", function(){
            $("#load" + mod_num).animate({
                opacity: "1"
            }, "fast", function(){
                saveCookie();
            });
            $(".modu_contents" + mod_num).remove();
        });
        
    }
    else {//要素が無かったら読み込み
        $.get("top/module/modu_" + mod_num + ".html", function(data){
        open_window = mod_num;//強制的に開かれる可能性のあるwindow番号を格納
            $("#stage").append(data);
            
            $(".modu_contents" + mod_num).css({
                opacity: "0",
                width: "0px"
            });
            
            $("#load" + mod_num).animate({
                opacity: "0.3"
            }, "fast", function(){
            
                $(".modu_contents" + mod_num).animate({
                    opacity: "1.0",
                    width: "266px"
                }, "fast", "easeInExpo", function(){
                    if (tgl_Cookie == true) {
                        saveCookie();
                    }
                    
                });
            });
            
        });
    }
}





function saveCookie(){
    var box_num = [];
    var i = 0;
    $("[class*=modu_contents]").each(function(){
        var classname = $(this).attr("class");//クラス名を取得
        classname = classname.replace("modu_contents", "");//クラス名から番号だけ抜き出し
        box_num[i] = classname;//配列に格納
        ++i;
    });
    
    $.cookie("kankyou_box_order", box_num, {//cookieにboxの並びを書き込み
        expires: expires_num//期限
    });
    $.cookie("kankyou_box_num", box_num.length, {//cookieにboxの数を書き込み
        expires: expires_num//期限
    });
    
}

var load_length = 0;


function startLoad(){

    if (load_length < cookie_box_num) {
        var ten = cookie_box_order.charAt(load_length * 3);
        var one = cookie_box_order.charAt(load_length * 3 + 1);
        
        var mod_num = ten + one;
        
        $.get("top/module/modu_" + mod_num + ".html", function(data){
        
            $("#stage").append(data);
            
            $(".modu_contents" + mod_num).css({
                opacity: "0",
                width: "0px"
            });
            
            $(".modu_contents" + mod_num).animate({
                opacity: "1.0",
                width: "266px"
            }, 300, "easeInExpo", function(){
                $("#load" + mod_num).animate({
                    opacity: "0.3"
                }, 300, function(){
                
                });
            });
            
            
            $(".modu_contents" + mod_num + " .show_window").click(function(){
                open_window = mod_num;//すべて表示をクリックしたらそのwindowの番号をopen_windowに格納
            });
            
            
            if (parseInt($.cookie("kankyou_open_window")) == parseInt(mod_num) || $.cookie("kankyou_first") == null) {
                var _open = $.cookie("kankyou_open_window");
				
                if ($.cookie("kankyou_first") == null) {//初めて訪れたら
                    var _open = "01";
                    $.cookie("kankyou_first", "1", {
                        expires: expires_num//期限
                    });
                }
                $.cookie("kankyou_open_window", null, 1);
                if (_open == "02") {//ニュースのウィンドウのみ別のCSS読む
                    jstyle('css/colorbox2.css');
                }
                
                
                open_window = _open;//トップページ再表示時にopen_windowに値が渡らないのでcookieから取る。
                $(" .modbox" + _open + " .middle .show_window").colorbox({
                    opacity: "0.6",
                    speed: 300,
                    transition: "elastic",
                    initialWidth: 300,
                    initialHeight: 300,
                    open: true
                });
            }
            
            load_length += 1;
            startLoad();
            
            
        });
    }
    
    
}


function initWindowTip(){


}

var Ydistance = 0;
var stay;
function showTips(filename){


    $("#tipContents").html($(filename).html());
    $("#tip_wrap").show(1);
    
    var content_height = $("#tipContents").height();
    
    if (content_height > 54) {
        $("#tipMiddle").css({
            "height": content_height - 54 + "px"
        });
        Ydistance = content_height - 54;
    }
    else {
        $("#tipMiddle").css({
            "height": "auto"
        
        });
        Ydistance = 0;
    }
    
    
    $("html").mousemove(function(e){
    
        var mouse_X = e.pageX;
        var mouse_Y = e.pageY;
        
        if ($("body").width() > (mouse_X + 121)) {
            $("#tip_wrap").css({
                "top": (mouse_Y - (Ydistance + 130)) + "px",
                "left": (mouse_X + 8) + "px"
            });
            $("#tipBottom").css({
                "background-image": "url(top/tips/bottom.png)"
            })
            stay = (mouse_X + 8);
        }
        else {
            $("#tip_wrap").css({
                "top": (mouse_Y - (Ydistance + 130)) + "px",
                "left": (mouse_X - 100) + "px"
            });
            $("#tipBottom").css({
                "background-image": "url(top/tips/bottom2.png)"
            })
        }
        $("#tip").pngFix();
        var mouse_XX = mouse_X - $("#container").offset().left;
        
        if (mouse_XX < $("#slide_menu").position().left) {
            $("#tip_wrap").hide();
        }
        else 
            if (mouse_XX > $("#slide_menu").position().left + 102) {
                $("#tip_wrap").hide();
                
            }
        
    });
    
    
}




function attachTips(){
    $("body").append('<div id="tip_wrap">' +
    '<div id="tip">' +
    '<div id ="tipTop"></div>' +
    '<div id ="tipMiddle"></div>' +
    '<div id ="tipBottom"></div>' +
    '</div>' +
    '<div id="tipContents">' +
    '</div>' +
    '</div>');
}


$(function(){   
    // tips
    attachTips();
    
    $.get("top/tips/tip_txt.html", function(data){
        $("#content").append(data);
    });
    
    
    $("[id*=load]").each(function(){
        var idname = $(this).attr("id");//id名を取得
        idname = idname.replace("load", "");//id名から番号だけ抜き出し
        $(this).click(function(){
            loadmod(idname, true);
        });
        $(this).hover(function(){
            showTips(".side_txt" + idname + "");
        }, function(){
            $("#tip_wrap").hide();
        });
        
        
    });
    
    
    if ($.cookie("kankyou_box_order") && $.cookie("kankyou_box_num")) {//cookieが保存されていたら
        cookie_box_order = $.cookie("kankyou_box_order");
        cookie_box_num = $.cookie("kankyou_box_num");
        
        startLoad();
    }
    else {
    
        //cookieが無かったらデフォルトの4つを読み込み
        var default_box_num = "01,02,03,04";
        cookie_box_order = default_box_num;
        cookie_box_num = "4";
        startLoad();
        
    }
    
    $("#stage").sortable({//DraggableModule
        cursor: 'move',
        scroll: 'false',
        placeholder: 'ui-state-highlight',
        tolerance: 'pointer',
        revert: 100,
        opacity: 0.6,
        handle: '.top_center',
        update: function(){
            saveCookie();
        }
    })
    
    var sideMenu_num = $("[id*=load]").length;//サイドのメニューアイコンの数を取得
    jQuery('#mycarousel').jcarousel({//SlideMenu
        item: sideMenu_num,//表示するサイドのメニューアイコンの数
        vertical: true,
        scroll: 1,
        animation: 100
    });
    
    
    
    
});