/*
 * カテゴリータブ
 */
$(function(){ 
    $('#CategoryAll').click(function(){ 
        categoryChange('All');
    }); 
});
$(function(){ 
    $('#CategoryNews').click(function(){ 
        categoryChange('News');
    }); 
});
$(function(){ 
    $('#CategorySports').click(function(){ 
        categoryChange('Sports');
    }); 
});
$(function(){ 
    $('#CategoryMovie').click(function(){ 
        categoryChange('Movie');
    }); 
});
$(function(){ 
    $('#CategoryMusic').click(function(){ 
        categoryChange('Music');
    }); 
});
$(function(){ 
    $('#CategoryAnime').click(function(){ 
        categoryChange('Anime');
    }); 
});
$(function(){ 
    $('#CategoryComedy').click(function(){ 
        categoryChange('Comedy');
    }); 
});
$(function(){ 
    $('#CategoryPet').click(function(){ 
        categoryChange('Pet');
    }); 
});
$(function(){ 
    $('#CategoryGravure').click(function(){ 
        categoryChange('Gravure');
    }); 
});

function categoryChange( toCategory ) {

    var fromCategory = $('#CurrentCategory')[0].innerHTML;
    if ( toCategory == fromCategory ) { return } //同一タブの場合

    setTabEvent( 'off' , fromCategory );
    setTabEvent( 'on'  , toCategory );

    $('#' + fromCategory ).hide();
    $('#' + toCategory ).show();
    $('#CurrentCategory')[0].innerHTML = toCategory;

    //動画をフラッシュにくわせる
    var json  = $('#' + toCategory + 'Json')[0].innerHTML;
    jsonInFlash(json);



}

function setTabEvent( trigger , category ) {

    var on_img  = '/img/cmn/button/categorymenu/' + category.toLowerCase() + '_on.gif'; 
    var off_img = '/img/cmn/button/categorymenu/' + category.toLowerCase() + '.gif'; 

    switch ( trigger ) {
     case 'on' :
        var mouseover_image = on_img;        
        var mouseout_image  = off_img;         
        break;
     case 'off' :
        var mouseover_image = off_img;
        var mouseout_image  = on_img;
        break;
    }

    var tab = $('#Category' + category );
    tab[0].src = mouseout_image;

    tab.unbind('mouseover');
    tab.unbind('mouseout');
    tab.mouseout(function(){ this.src = mouseout_image; });

    tab.unbind('click');
    $(function(){ 
        tab.click(
            function(){ categoryChange( category );
        }); 
    });

}

function jsonInFlash(json){

    var embed = window.document.getElementById("swf_embed_id");
    var object = window.document.getElementById("swf_object_id");
    if( embed || object ){
        if ( embed ) { 
            embed.change_triger(json);
        } else if ( object ) { 
            object.change_triger(json);
        }
    }
}

/*
 * 検索オプション
 */
$(document).ready(function(){
    $("#SlideControl").click(function(){
        $(".Option").animate( {width: "210px", opacity: "toggle"},0);
            var slide_contorl_img = '/img/cmn/button/side_slidetab_';
            if ( $('#Main')[0].className == 'Open' ) {
                $("#SlideControl img")[0].src = slide_contorl_img + 'open.gif';
                $.cookie('SlideControl','Close',{ expires: 7 });
            } else {
                $("#SlideControl img")[0].src = slide_contorl_img + 'close.gif';
                $.cookie('SlideControl','Open',{ expires: 7 });
            }
            $("#Main").toggleClass("Close");
        });

    });

function filter(uri,target,order) {

    var params = uri.split('?')[1].split('&');

    var formated_params = {};
    for(var i in params){
        key = params[i].split('=');
        formated_params[key[0]] = key[1];
    }

    switch ( target ) {
        case 'period' : 
            var value = _get_period();
            break;
        case 'reproduction_time' :
            var value = $('.' + target)[0].value * 60;
            break;
    }

    if ( value ) {
        formated_params[target] = order + value;

        var array = new Array();
        for(var i in formated_params){
            array.push( i + "=" + formated_params[i] );
        }

        var redirect_url = uri.split('?')[0] + '?' + array.join('&');
        location.href = redirect_url;
    }

}

function _get_period(){
    var datestr = $('.period')[0].value + "/" + $('.period')[1].value + "/01";
    var unixtime = Date.parse(datestr) / 1000;
    return unixtime;
}