window.addEvent('domready', function() {
   //tooltips
   var myTips = new Tips(".ToolTip", {
        maxTitleChars: 150,
        className: 'custom'
    });
   
   
   var path = 'styles/';
   var size_small, size_medium, size_large, current_size;
   var font_size = new Object;
         font_size.txtSmall = {file: "size_small.css", id: "size_small", data: "txtSmall"};
         font_size.txtMedium = {file: "size_medium.css", id: "size_medium", data: "txtMedium"};
         font_size.txtLarge = {file: "size_large.css", id: "size_large", data: "txtLarge"};
         font_size.txtXLarge = {file: "size_xlarge.css", id: "size_xlarge", data: "txtXLarge"};


   new Ajax('ajax/getFontSize.php', { onComplete: function(result){ setevents(result); } }).request();

   function setevents(fontsize) {
      current_size = fontsize;
      $(font_size[current_size].data).getParent().addClass("selected");
      ($('txtSizeLabel')) ? $('txtSizeLabel').className = font_size[current_size].data : "";
      new Asset.css(path + font_size[current_size].file, {id: font_size[current_size].id});

      /* Style Small */
      $('txtSmall').addEvent('click', function(e) {
         e = new Event(e).stop();
         changeFontSize('txtSmall');
      });
   
      /* Style Medium */
      $('txtMedium').addEvent('click', function(e) {
         e = new Event(e).stop();
         changeFontSize('txtMedium');
      });
   
      /* Style Large */
      $('txtLarge').addEvent('click', function(e) {
         e = new Event(e).stop();
         changeFontSize('txtLarge');
      });
      
      /* Style Large */
      $('txtXLarge').addEvent('click', function(e) {
         e = new Event(e).stop();
         changeFontSize('txtXLarge');
      });
   }

   function changeFontSize(fontsize) {
      if ($(font_size[fontsize].id)) $(font_size[fontsize].id).remove();
      new Asset.css(path + font_size[fontsize].file, {id: font_size[fontsize].id});
      $(font_size[current_size].data).getParent().removeClass("selected");
      current_size = font_size[fontsize].data;
      new Ajax('ajax/saveFontSize.php', {data: 'f='+font_size[fontsize].data}).request();
      ($('txtSizeLabel')) ? $('txtSizeLabel').className = font_size[fontsize].data : "";
      $(font_size[fontsize].data).getParent().addClass("selected");
   }
});