$(document).ready(function () {
  sl = { // select
    selectImageQuery : function () {
      $('#colorPickerWrap').hide();
      $('#queryImageWrap').show();
      $('.queryImage').addClass("queryImageOn");
      $('.queryColor').removeClass("queryColorOn");
    },

    selectColorQuery : function () {
      $('#queryImageWrap').hide();
      $('#colorPickerWrap').show();
      $('.queryImage').removeClass("queryImageOn");
      $('.queryColor').addClass("queryColorOn");
    },

    selectCategorySearch : function () {
      $('#hsSearchWrap').hide();
      $('#cateSearchWrap').show();
      $('.history').removeClass("historyOn");
      $('.category').addClass("categoryOn");
    },

    selectHistorySearch : function () {
      $('#cateSearchWrap').hide();
      $('#hsSearchWrap').show();
      $('.history').addClass("historyOn");
      $('.category').removeClass("categoryOn");
    },

    selectPager : function (start) {
      var num = ( start - 1 ) / 36 + 1;
	$(".pagerContents").removeClass("selectedPager");
	$("#pager" + num).addClass("selectedPager");
    }
  };

  sl.selectColorQuery();
  sl.selectCategorySearch();
  $('.queryImage').bind( "click", sl.selectImageQuery );
  $('.category').bind( "click", sl.selectCategorySearch );
  $('.history').bind( "click", sl.selectHistorySearch );

  //pagerをバインド      
  for ( var i = 1; i < 6; i++ ) {
    $("#pager" + i ).bind( "click", function (event) {
                                      var num = event.target.id.substr( 5 ),
                                          startNum = ( num - 1) * 36 + 1;
                                      if ( wv.prototype.mode == "similar" ) {
                                        if ( is.param.start != startNum ) {
                                          is.param.start = startNum;
                                          is.doSearch( is.param.query, "pager" );
                                        }
                                      } else {
                                        if ( cs.param.start != startNum ) {
                                          cs.param.start = startNum;
                                          cs.doSearch( cs.param.query, "pager" );
                                        }
                                      }
                                    });
  }

  $('.queryColor').bind( "click", function() {
    // 色検索のタブがアクティブなら処理を飛ばす
    if ($("queryColor").hasClass("queryColorOn")) {return;}
    var rgbCCC, rgbQuery;
    rgbCSS = $("#selectedColor").css("background-color");
    if ( rgbCSS.match(/^#/) ) {
    //#FFFFFF形式を変換
    var queryArr = [];
    for ( var i = 1; i < 6; i+=2 ) {
        queryArr.push( parseInt( rgbCSS.slice( i, i+2 ),16));
    }
        rgbQuery = queryArr.join(".");
    } else {
        rgbQuery = rgbCSS.slice( 4, -1 ).replace( /,/g, ".").replace( / /g, "");
    }
    cs.doSearch( rgbQuery, "colorPicker");
    sl.selectColorQuery();
  });
});