/*
 * クラス変数の宣言
 */

// 検索対象の地域コード
var search_area_code = null;

// 地域選択時のカテゴリ検索 画像パス
var title_image_cat_active = '/images/contents/elements/images/top_tab_category.png';

/*
 * 初期化処理
 */
$(function(){
});

/*
 * 読込後の処理
 */
$(document).ready(function() {

    /*
     * Loading画面の表示
     */
    $("div#loading").ajaxStart(function() {
        ;
        $(this).css( {
        	top: (( $(window).height() - $(this).height() ) / 2 ) + "px",
            left: (( $(window).width() - $(this).width() ) / 2 ) + "px"
        } );
        $(this).show();

    });

    $("div#loading").ajaxStop(function() {
        $(this).hide();
    });
    
    /*
     * 地域が選択されたときの処理
     */
    $('li.areaItem').click(function() {

        /*
         * 表示スタイルの変更
         */
        $('ul.areaList').addClass('selected');
        $('li.areaSelected').removeClass('areaSelected');
        $(this).addClass('areaSelected');

        $('#categorySelectTitle').attr('src', title_image_cat_active);

        /*
         * カテゴリ選択用画面の取得
         */
        $('div#categorySelectArea').hide('fast');
        getCategorySelectBox(jQuery(this).attr('id'));

    });
    
    /*
     * カテゴリが選択されたときの処理
     */
    $('li.largeCartegoryItem').live("hover", (function() {

        /*
         * 表示スタイルの変更
         */
        $('div.smallCategorySelected')
            .hide()
            .removeClass('smallCategorySelected');
        
        $('li.largeCategoryHovered').removeClass('largeCategoryHovered');
        $(this).addClass('largeCategoryHovered');

        $('div#'+jQuery(this).attr('id')+'Block')
            .addClass('smallCategorySelected')
            .show();
    }));
});

/*
 * カテゴリ選択用画面を取得
 */
function getCategorySelectBox(key) {

    $.ajax( {
    	url : '/categories/' + key,
        success : function(data) {
            $('div#categorySelectArea')
                .html(data)
                .slideDown();
            $('div.smallCategoryArea')
                .first()
                .show()
                .addClass('smallCategorySelected');
            $('li.largeCartegoryItem')
            	.first()
            	.addClass('largeCategoryHovered');
        }
    });

}

