// $Id$
(function ($) {

Drupal.wsk = Drupal.wsk || {};
Drupal.settings.wsk = Drupal.settings.wsk || {};

Drupal.behaviors.wsk = {
  attach: function (context) {
    if ((Drupal.settings.wysiwyg !== undefined) && (Drupal.settings.wysiwyg.configs !== undefined)) {
      if (Drupal.settings.wysiwyg.configs.ckeditor.format1 !== undefined) {Drupal.settings.wysiwyg.configs.ckeditor.format1.skin = 'kama';}
      if (Drupal.settings.wysiwyg.configs.ckeditor.format2 !== undefined) {Drupal.settings.wysiwyg.configs.ckeditor.format2.skin = 'kama';}
      if (Drupal.settings.wysiwyg.configs.ckeditor.format3 !== undefined) {Drupal.settings.wysiwyg.configs.ckeditor.format3.skin = 'kama';}
      if (Drupal.settings.wysiwyg.configs.ckeditor.format4 !== undefined) {Drupal.settings.wysiwyg.configs.ckeditor.format4.skin = 'kama';}
      if (Drupal.settings.wysiwyg.configs.ckeditor.format5 !== undefined) {Drupal.settings.wysiwyg.configs.ckeditor.format5.skin = 'kama';}
    }
    Drupal.settings.wsk.AjaxNo = 0;
    Drupal.settings.wsk.ID = 0;
    Drupal.settings.wsk.mode = 0;
    Drupal.settings.wsk.widgetsActive = true;
    var h = 600;
    var w = 800;
    if (context.documentElement !== undefined) {
      h = context.documentElement.clientHeight;
      w = context.documentElement.clientWidth;
    }
    $('#wsk-status')
      .css('width', 100)
      .css('height', 75)
      .css('left', (w-100) / 2)
      .css('top', (h-75) / 2)
    Drupal.wsk.initLogin(context);
    Drupal.wsk.initWidgets();
  }
};

Drupal.wsk.nid = function() {
  var node = $('.node .body-content');
  if (node.length > 0) {
    return $(node[0]).attr('id');
  }
  return 0;
}

Drupal.wsk.id = function() {
  Drupal.settings.wsk.ID++;
  return 'wsk-interact-id'+Drupal.settings.wsk.ID;
}

Drupal.wsk.prepareFlash = function (sel, parent) {
  if (parent) {
    var obj = $(sel).parent();
  }
  else {
    var obj = $(sel);
  }
  obj.each(function() {
    var param = $('param[name="wmode"]', this);
    if (param.length > 0) {
      $(param).attr('value', 'opaque');
    }
    else {
      $(this).prepend('<param name="wmode" value="opaque"/>');
    }
  });
};

Drupal.wsk.initWidgets = function () {
  if (!Drupal.settings.wsk.widgetsActive) {
    return;
  }
  //Cleanup DHTML Menus
  $('.dhtml-menu-icon').remove();
  //Load further content
  Drupal.wsk.loadContent('.wsk-media.toc', Drupal.wsk.nid());
  Drupal.wsk.loadContent('.wsk-media.latestnews');
  Drupal.wsk.loadContent('.wsk-media.nextevents');
  Drupal.wsk.loadContent('.wsk-media.feed');
  Drupal.wsk.loadContent('.wsk-media.block');
  Drupal.wsk.loadContent('.wsk-media.gallery');
  Drupal.wsk.loadContent('.wsk-media.widget');
  Drupal.wsk.loadContent('.wsk-media.download');
  Drupal.wsk.loadContent('.wsk-media.ticker');
  Drupal.wsk.loadContent('.wsk-media.form');
  //Configure Flash
  Drupal.wsk.prepareFlash('object[type="application/x-shockwave-flash"]', false);
  Drupal.wsk.prepareFlash('object embed[type="application/x-shockwave-flash"]', true);
  //Init gallery
  $('#wsk-gallery .navigation:not(.active)').each(function() {
    $(this).addClass('active');
    $('#wsk-gallery .gallery').css('display', 'block');
    $(this).galleriffic({
      enableTopPager: true,
      enableBottomPager: true,
      imageContainerSel: '#wsk-gallery .gallery .slideshow',
      controlsContainerSel: '#wsk-gallery .gallery .controls',
      captionContainerSel: '#wsk-gallery .gallery .caption-container',
      loadingContainerSel: '#wsk-gallery .gallery .loader',
      autoStart: true,
      syncTransitions: false,
      defaultTransitionDuration: 900,
      onSlideChange: function(prevIndex, nextIndex) {
        this.find('ul.thumbs').children()
          .eq(prevIndex).fadeTo('fast', 0.67).end()
          .eq(nextIndex).fadeTo('fast', 1.0);
      },
      onPageTransitionOut: function(callback) {
        this.fadeTo('fast', 0.0, callback);
      },
      onPageTransitionIn: function() {
        this.fadeTo('fast', 1.0);
      }
    });
  });
  try {
    Drupal.admin.wsk.initWidgets();
  }
  catch (e) {
    //Nothing to do, not in admin mode
  }
};

Drupal.wsk.loadContent = function (selector, nid) {
  $(selector+' .unloaded').each(function () {
    var elementID = this.getAttribute('id');
    if (elementID != 'undefined') {
      var id = Drupal.wsk.id();
      $(this).removeClass('unloaded');
      $(this).addClass('loading');
      $(this).addClass(id);
      var param = new Object();
      param['selector'] = selector;
      param['source'] = elementID;
      param['target'] = id;
      param['nid'] = nid;
      Drupal.wsk.Interact('loadContent', '', JSON.stringify(param));
    }
  });
}

Drupal.wsk.initLogin = function (context) {
  $('#wsk-login-switch-mode:not(.wsk-processed)', context)
    .addClass('wsk-processed')
    .click(function () {
      //var cm = $('#edit-name').attr('value');
      var cm = $('#edit-name')[0].value;
      if (cm == 'admin') {
        $('#wsk-login-block')
          .addClass('wsk-mode-editor')
          .removeClass('wsk-mode-admin')
        //.attr('class', 'wsk-mode-editor');
        $('#wsk-login-switch-mode').text(Drupal.settings.wsk.text_switch2admin);
        $('#wsk-login-pwdr > a').attr('href', Drupal.settings.wsk.url_pwd_request_editor);
        $('#edit-name').attr('value', 'editor');
      }
      else {
        $('#wsk-login-block')
          .addClass('wsk-mode-admin')
          .removeClass('wsk-mode-editor')
        //$('#wsk-login-block').attr('class', 'wsk-mode-admin');
        $('#wsk-login-switch-mode').text(Drupal.settings.wsk.text_switch2editor);
        $('#wsk-login-pwdr > a').attr('href', Drupal.settings.wsk.url_pwd_request_admin);
        $('#edit-name').attr('value', 'admin');
      }
      $('#edit-pass')[0].focus();
      return false;
    });
  var loginElements = $('.wsk-login-wrapper');
  var callLoginElements = $('.wsk-call-login-wrapper');
  // This behavior attaches by ID, so is only valid once on a page.
  $('#wsk-login-cancel:not(.wsk-processed)', context)
    .addClass('wsk-processed')
    .click(function () {
      loginElements.hide();
      callLoginElements.css('display', 'block');
      return false;
    });
  $('#wsk-login:not(.wsk-processed)', context)
    .addClass('wsk-processed')
    .click(function () {
      callLoginElements.hide();
      loginElements.css('display', 'block');
      // Set focus on password field.
      $('#edit-pass')[0].focus();
      return false;
    });
};

/**
 * A class to parse color values
 * @author Stoyan Stefanov <sstoo@gmail.com>
 * @link   http://www.phpied.com/rgb-color-parser-in-javascript/
 * @license Use it if you like it
 */
Drupal.wsk.RGBColor = function (color_string)
{
    this.ok = false;

    // strip any leading #
    if (color_string.charAt(0) == '#') { // remove # if any
        color_string = color_string.substr(1,6);
    }

    color_string = color_string.replace(/ /g,'');
    color_string = color_string.toLowerCase();

    // before getting into regexps, try simple matches
    // and overwrite the input
    var simple_colors = {
        aliceblue: 'f0f8ff',
        antiquewhite: 'faebd7',
        aqua: '00ffff',
        aquamarine: '7fffd4',
        azure: 'f0ffff',
        beige: 'f5f5dc',
        bisque: 'ffe4c4',
        black: '000000',
        blanchedalmond: 'ffebcd',
        blue: '0000ff',
        blueviolet: '8a2be2',
        brown: 'a52a2a',
        burlywood: 'deb887',
        cadetblue: '5f9ea0',
        chartreuse: '7fff00',
        chocolate: 'd2691e',
        coral: 'ff7f50',
        cornflowerblue: '6495ed',
        cornsilk: 'fff8dc',
        crimson: 'dc143c',
        cyan: '00ffff',
        darkblue: '00008b',
        darkcyan: '008b8b',
        darkgoldenrod: 'b8860b',
        darkgray: 'a9a9a9',
        darkgreen: '006400',
        darkkhaki: 'bdb76b',
        darkmagenta: '8b008b',
        darkolivegreen: '556b2f',
        darkorange: 'ff8c00',
        darkorchid: '9932cc',
        darkred: '8b0000',
        darksalmon: 'e9967a',
        darkseagreen: '8fbc8f',
        darkslateblue: '483d8b',
        darkslategray: '2f4f4f',
        darkturquoise: '00ced1',
        darkviolet: '9400d3',
        deeppink: 'ff1493',
        deepskyblue: '00bfff',
        dimgray: '696969',
        dodgerblue: '1e90ff',
        feldspar: 'd19275',
        firebrick: 'b22222',
        floralwhite: 'fffaf0',
        forestgreen: '228b22',
        fuchsia: 'ff00ff',
        gainsboro: 'dcdcdc',
        ghostwhite: 'f8f8ff',
        gold: 'ffd700',
        goldenrod: 'daa520',
        gray: '808080',
        green: '008000',
        greenyellow: 'adff2f',
        honeydew: 'f0fff0',
        hotpink: 'ff69b4',
        indianred : 'cd5c5c',
        indigo : '4b0082',
        ivory: 'fffff0',
        khaki: 'f0e68c',
        lavender: 'e6e6fa',
        lavenderblush: 'fff0f5',
        lawngreen: '7cfc00',
        lemonchiffon: 'fffacd',
        lightblue: 'add8e6',
        lightcoral: 'f08080',
        lightcyan: 'e0ffff',
        lightgoldenrodyellow: 'fafad2',
        lightgrey: 'd3d3d3',
        lightgreen: '90ee90',
        lightpink: 'ffb6c1',
        lightsalmon: 'ffa07a',
        lightseagreen: '20b2aa',
        lightskyblue: '87cefa',
        lightslateblue: '8470ff',
        lightslategray: '778899',
        lightsteelblue: 'b0c4de',
        lightyellow: 'ffffe0',
        lime: '00ff00',
        limegreen: '32cd32',
        linen: 'faf0e6',
        magenta: 'ff00ff',
        maroon: '800000',
        mediumaquamarine: '66cdaa',
        mediumblue: '0000cd',
        mediumorchid: 'ba55d3',
        mediumpurple: '9370d8',
        mediumseagreen: '3cb371',
        mediumslateblue: '7b68ee',
        mediumspringgreen: '00fa9a',
        mediumturquoise: '48d1cc',
        mediumvioletred: 'c71585',
        midnightblue: '191970',
        mintcream: 'f5fffa',
        mistyrose: 'ffe4e1',
        moccasin: 'ffe4b5',
        navajowhite: 'ffdead',
        navy: '000080',
        oldlace: 'fdf5e6',
        olive: '808000',
        olivedrab: '6b8e23',
        orange: 'ffa500',
        orangered: 'ff4500',
        orchid: 'da70d6',
        palegoldenrod: 'eee8aa',
        palegreen: '98fb98',
        paleturquoise: 'afeeee',
        palevioletred: 'd87093',
        papayawhip: 'ffefd5',
        peachpuff: 'ffdab9',
        peru: 'cd853f',
        pink: 'ffc0cb',
        plum: 'dda0dd',
        powderblue: 'b0e0e6',
        purple: '800080',
        red: 'ff0000',
        rosybrown: 'bc8f8f',
        royalblue: '4169e1',
        saddlebrown: '8b4513',
        salmon: 'fa8072',
        sandybrown: 'f4a460',
        seagreen: '2e8b57',
        seashell: 'fff5ee',
        sienna: 'a0522d',
        silver: 'c0c0c0',
        skyblue: '87ceeb',
        slateblue: '6a5acd',
        slategray: '708090',
        snow: 'fffafa',
        springgreen: '00ff7f',
        steelblue: '4682b4',
        tan: 'd2b48c',
        teal: '008080',
        thistle: 'd8bfd8',
        tomato: 'ff6347',
        turquoise: '40e0d0',
        violet: 'ee82ee',
        violetred: 'd02090',
        wheat: 'f5deb3',
        white: 'ffffff',
        whitesmoke: 'f5f5f5',
        yellow: 'ffff00',
        yellowgreen: '9acd32'
    };
    for (var key in simple_colors) {
        if (color_string == key) {
            color_string = simple_colors[key];
        }
    }
    // emd of simple type-in colors

    // array of color definition objects
    var color_defs = [
        {
            re: /^rgb\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/,
            example: ['rgb(123, 234, 45)', 'rgb(255,234,245)'],
            process: function (bits){
                return [
                    parseInt(bits[1]),
                    parseInt(bits[2]),
                    parseInt(bits[3])
                ];
            }
        },
        {
            re: /^(\w{2})(\w{2})(\w{2})$/,
            example: ['#00ff00', '336699'],
            process: function (bits){
                return [
                    parseInt(bits[1], 16),
                    parseInt(bits[2], 16),
                    parseInt(bits[3], 16)
                ];
            }
        },
        {
            re: /^(\w{1})(\w{1})(\w{1})$/,
            example: ['#fb0', 'f0f'],
            process: function (bits){
                return [
                    parseInt(bits[1] + bits[1], 16),
                    parseInt(bits[2] + bits[2], 16),
                    parseInt(bits[3] + bits[3], 16)
                ];
            }
        }
    ];

    // search through the definitions to find a match
    for (var i = 0; i < color_defs.length; i++) {
        var re = color_defs[i].re;
        var processor = color_defs[i].process;
        var bits = re.exec(color_string);
        if (bits) {
            channels = processor(bits);
            this.r = channels[0];
            this.g = channels[1];
            this.b = channels[2];
            this.ok = true;
        }

    }

    // validate/cleanup values
    this.r = (this.r < 0 || isNaN(this.r)) ? 0 : ((this.r > 255) ? 255 : this.r);
    this.g = (this.g < 0 || isNaN(this.g)) ? 0 : ((this.g > 255) ? 255 : this.g);
    this.b = (this.b < 0 || isNaN(this.b)) ? 0 : ((this.b > 255) ? 255 : this.b);

    // some getters
    this.toRGB = function () {
        return 'rgb(' + this.r + ', ' + this.g + ', ' + this.b + ')';
    }
    this.toHex = function () {
        var r = this.r.toString(16);
        var g = this.g.toString(16);
        var b = this.b.toString(16);
        if (r.length == 1) r = '0' + r;
        if (g.length == 1) g = '0' + g;
        if (b.length == 1) b = '0' + b;
        return '#' + r + g + b;
    }

    // help
    this.getHelpXML = function () {

        var examples = new Array();
        // add regexps
        for (var i = 0; i < color_defs.length; i++) {
            var example = color_defs[i].example;
            for (var j = 0; j < example.length; j++) {
                examples[examples.length] = example[j];
            }
        }
        // add type-in colors
        for (var sc in simple_colors) {
            examples[examples.length] = sc;
        }

        var xml = document.createElement('ul');
        xml.setAttribute('id', 'rgbcolor-examples');
        for (var i = 0; i < examples.length; i++) {
            try {
                var list_item = document.createElement('li');
                var list_color = new RGBColor(examples[i]);
                var example_div = document.createElement('div');
                example_div.style.cssText =
                        'margin: 3px; '
                        + 'border: 1px solid black; '
                        + 'background:' + list_color.toHex() + '; '
                        + 'color:' + list_color.toHex()
                ;
                example_div.appendChild(document.createTextNode('test'));
                var list_item_value = document.createTextNode(
                    ' ' + examples[i] + ' -> ' + list_color.toRGB() + ' -> ' + list_color.toHex()
                );
                list_item.appendChild(example_div);
                list_item.appendChild(list_item_value);
                xml.appendChild(list_item);

            } catch(e){}
        }
        return xml;

    }

};

Drupal.wsk.completeAjax = function () {
  Drupal.settings.wsk.AjaxNo--;
  if (Drupal.settings.wsk.AjaxNo == 0) {
    $('#wsk-status').hide();
  }
}

Drupal.wsk.execute = function (answer) {
  Drupal.settings.wsk.ReOpenDialog = false;
  if (typeof answer == 'string') {
    if (answer.length > 0) {
      try {
        var x = $.parseJSON(answer);
      }
      catch (e) {
        //This shouldn't happen but there is nothing we can do about it here
      }
    }
  }
  else if (typeof answer == 'object') {
    var x = answer;
  }
  if (x !== undefined) {
    for (var i = 0; i < x.length; i++) {
      var selector = $(x[i].selector);
      if (selector.length > 0) {
        switch (x[i].cmd) {
          case 'modContent':
            $(x[i].selector).html(x[i].content);
            break;
          case 'modStyle':
            $(x[i].selector).css(x[i].property, x[i].value);
            break;
          case 'addClass':
            $(x[i].selector).addClass(x[i].value);
            if (x[i].markSelector) {
              $(x[i].selector).data('usedSelector', x[i].selector);
            }
            break;
          case 'removeClass':
            $(x[i].selector).removeClass(x[i].value);
            break;
          case 'setData':
            $(x[i].selector).data(x[i].name, x[i].value);
            break;
          case 'setAttribute':
            $(x[i].selector)[0].setAttribute(x[i].name, x[i].value);
            break;
          case 'showSave':
            Drupal.admin.wsk.showSaveDialog($(x[i].selector));
            break;
        }
      }
      else {
        switch (x[i].cmd) {
          case 'reOpenDialog':
            Drupal.settings.wsk.ReOpenDialog = true;
            break;
          case 'setMediaFileName':
            Drupal.admin.wsk.setMediaFileName();
            break;
          case 'reload':
            window.location.reload();
            break;
          case 'goto':
            window.location.href = x[i].value;
            break;
          case 'alert':
            alert(x[i].content);
            break;
        }
      }
    }
  }
  Drupal.wsk.initWidgets();
};

Drupal.wsk.Interact = function (_op, _id, _txt, _fnc) {
  if (_id === undefined) {
    _id = 0;
  }
  if (_fnc === undefined) {
    _fnc = function (answer) {Drupal.wsk.execute(answer)};
  }
  Drupal.settings.wsk.AjaxNo++;
  $('#wsk-status').show();
  $.ajax({
    url: Drupal.settings.wsk.url,
    async: false,
    global: false,
    type: 'POST',
    data: ({
      wsk_real_path : location['pathname'],
      wsk_op : _op,
      wsk_id : _id,
      wsk_param : _txt
    }),
    dataType: 'html',
    complete: function () {
      Drupal.wsk.completeAjax();
    },
    success: _fnc,
    error: function (XMLHttpRequest, textStatus, errorThrown) {
      alert(Drupal.ajaxError(XMLHttpRequest, _op));
    }
  });
}

})(jQuery);