[Summary view] [Print] [Text view]

   1  (function($){
   2      var initLayout = function() {
   3          var hash = window.location.hash.replace('#', '');
   4          var currentTab = $('ul.navigationTabs a')
   5                              .bind('click', showTab)
   6                              .filter('a[rel=' + hash + ']');
   7          if (currentTab.size() == 0) {
   8              currentTab = $('ul.navigationTabs a:first');
   9          }
  10          showTab.apply(currentTab.get(0));
  11          $('#colorpickerHolder').ColorPicker({flat: true});
  12          $('#colorpickerHolder2').ColorPicker({
  13              flat: true,
  14              color: '#00ff00',
  15              onSubmit: function(hsb, hex, rgb) {
  16                  $('#colorSelector2 div').css('backgroundColor', '#' + hex);
  17              }
  18          });
  19          $('#colorpickerHolder2>div').css('position', 'absolute');
  20          var widt = false;
  21          $('#colorSelector2').bind('click', function() {
  22              $('#colorpickerHolder2').stop().animate({height: widt ? 0 : 173}, 500);
  23              widt = !widt;
  24          });
  25          $('#colorpickerField1, #colorpickerField2, #colorpickerField3').ColorPicker({
  26              onSubmit: function(hsb, hex, rgb, el) {
  27                  $(el).val(hex);
  28                  $(el).ColorPickerHide();
  29              },
  30              onBeforeShow: function () {
  31                  $(this).ColorPickerSetColor(this.value);
  32              }
  33          })
  34          .bind('keyup', function(){
  35              $(this).ColorPickerSetColor(this.value);
  36          });
  37          $('#colorSelector').ColorPicker({
  38              color: '#0000ff',
  39              onShow: function (colpkr) {
  40                  $(colpkr).fadeIn(500);
  41                  return false;
  42              },
  43              onHide: function (colpkr) {
  44                  $(colpkr).fadeOut(500);
  45                  return false;
  46              },
  47              onChange: function (hsb, hex, rgb) {
  48                  $('#colorSelector div').css('backgroundColor', '#' + hex);
  49              }
  50          });
  51      };
  52      
  53      var showTab = function(e) {
  54          var tabIndex = $('ul.navigationTabs a')
  55                              .removeClass('active')
  56                              .index(this);
  57          $(this)
  58              .addClass('active')
  59              .blur();
  60          $('div.tab')
  61              .hide()
  62                  .eq(tabIndex)
  63                  .show();
  64      };
  65      
  66      EYE.register(initLayout, 'init');
  67  })(jQuery)