/****************************************************************************

 * Frost Jedi Graemlin Creator JavaScript Additions v1.2.0 (July 14, 2005)

 * ? MMIII - MMV by TerraFrost. All rights reserved.

 *

 * http://www.frostjedi.com/terra/scripts/graemlin/

 *

 * Comments, criticisms, suggestions, and additions welcome! Post them 

 * here:

 *

 * http://www.frostjedi.com/phpbb/viewforum.php?f=6

 *

 * Released under the Creative Commons Attribution 2.0 license:

 * http://creativecommons.org/licenses/by/2.0/

 ****************************************************************************/



var textSource;

var baseRange;

var tempText = '';



// ie. constants

var TEXTAREA = 0;

var URL = 1;



function init() {

   // The purpose of the following two lines are described at this URL:

   // http://www.frostjedi.com/terra/scripts/demo/caretBug.html

   document.forms[0].text.focus();

   if (document.selection) baseRange = document.selection.createRange();

}



function textarea_handler() {

   if (textSource == null) {

      document.forms[0].text.select();

      initFocus = false;

   } else if (textSource == URL) {

      document.forms[0].text.value = tempText;

      tempText = document.forms[0].url.value;

      document.forms[0].url.value = '';

      textSource = TEXTAREA;

   }

}



function url_handler()

{

   if (textSource == TEXTAREA || textSource == null) {

      var txtarea = document.forms[0].text;

      document.forms[0].url.value = tempText;

      tempText = txtarea.value;

      txtarea.value = '';

      textSource = URL;

   }

}



/* insertText returns false to cancel the current click action. More information can be found here:

   http://groups.google.com/group/comp.lang.javascript/msg/b9ae49d3b99e2e4b?hl=en& */

function insertText(text) {

   var txtarea = document.forms[0].text;

   if (txtarea.createTextRange && txtarea.caretPos) {

      if (baseRange.boundingHeight != txtarea.caretPos.boundingHeight) {

         document.forms[0].text.focus();

         saveCaret();

      }

      txtarea.caretPos.text = text;

   } else if (txtarea.selectionEnd && (txtarea.selectionStart | txtarea.selectionStart == 0)) 

      mozInsert(txtarea, text, "");

   else

      txtarea.value += text;

   return false;

}



function saveCaret() {

   if (document.selection) document.forms[0].text.caretPos = document.selection.createRange();

}



// The following function is from the "BBCodes & smilies use enhancement" phpBB mod (c) -=ET=-:

// http://www.phpbb.com/phpBB/viewtopic.php?t=175999

function mozInsert(txtarea, openTag, closeTag) {

   if (txtarea.selectionEnd > txtarea.value.length) { txtarea.selectionEnd = txtarea.value.length; } 



   var startPos = txtarea.selectionStart; 

   var endPos = txtarea.selectionEnd+openTag.length; 



   txtarea.value=txtarea.value.slice(0,startPos)+openTag+txtarea.value.slice(startPos); 

   txtarea.value=txtarea.value.slice(0,endPos)+closeTag+txtarea.value.slice(endPos); 



   txtarea.selectionStart = startPos+openTag.length; 

   txtarea.selectionEnd = endPos; 

   txtarea.focus(); 

}



function rewriteDOM()

{

   var buttons = document.getElementById('buttons');



   /* modifying the "first" node is necessary due to the following bug:

      https://bugzilla.mozilla.org/show_bug.cgi?id=264236



      setting oldShow to buttons.firstChild isn't an option for reasons that are elaborated upon in the following URLs:

      http://groups.google.com/group/comp.lang.javascript/msg/1fd09a3a4c1ba8b8

      http://www.zvon.org/xxl/DOM2reference/DOM2/Output/data/examples/Node_childNodes.html */



   var oldShow = buttons.getElementsByTagName('input').item(0);

   var newShow = document.createElement('img');

   newShow.src = oldShow.getAttribute('src');

   newShow.alt = oldShow.getAttribute('alt');

   newShow.style.cursor = 'pointer';

   newShow.onclick = Function('document.forms[0].mode.value="convert"; document.forms[0].submit()');

   buttons.replaceChild(newShow, oldShow);



   // make each button fade as appropriate...



   for (i = 0; i < buttons.childNodes.length; i++) {

      switch (buttons.childNodes[i].nodeName.toLowerCase()) {

         case 'a': origButton = buttons.childNodes[i].firstChild;   break;

         case 'img': origButton = buttons.childNodes[i];   break;

         default: origButton = null; // ie. #text

      }

      if (origButton != null) {

         //origButton.style.filter = 'alpha(opacity:50)';

         if (origButton.filters)

            origButton.filters['DXImageTransform.Microsoft.Alpha'].Opacity = 50;

         origButton.style.opacity = 0.5;

         origButton.style.mozOpacity = 0.5;

         origButton.style.khtmlOpacity = 0.5;

         origButton.onmouseover = Function('fade(this,100,40,5)');

         origButton.onmouseout = Function('fade(this,50,40,5)');

      }

   }



   // create a color swatch that has been loosely based off of the color swatch in phpBB2.2's subSilver template.



   var r = 0, g = 0, b = 0;

   var numberList = new Array(6);

   numberList[0] = '00';

   numberList[1] = '40';

   numberList[2] = '80';

   numberList[3] = 'BF';

   numberList[4] = 'FF';



   var baseHeight = 3;

   var baseWidth = 8;

   var marginRight = 5;



   var properties = document.getElementById('properties');

   properties.removeChild(document.getElementById('color'));



   var color = document.createElement('div');

   color.id = 'color';

   color.style.cssFloat = color.style.styleFloat = 'left';



   var text = document.createElement('div');

   text.style.cssFloat = text.style.styleFloat = 'left';

   text.style.marginRight = marginRight+'px';

   text.appendChild(document.createTextNode('Text Color:'));

   color.appendChild(text);



   var currentColor = document.createElement('div');

   currentColor.id = 'currentColor';

   currentColor.style.marginRight = marginRight+'px';

   currentColor.style.width = '15px';

   currentColor.style.height = 5*baseHeight+'px';

   currentColor.style.background = '#fff';

   currentColor.style.cssFloat = currentColor.style.styleFloat = 'left';

   var selectedColor = document.createElement('img');

   selectedColor.src = 'graemlin/spacer.gif';

   selectedColor.width = 5*baseHeight-2;

   selectedColor.height = 5*baseHeight-2;

   selectedColor.id = 'selectedColor';

   selectedColor.style.margin = '1px';

   selectedColor.style.background = '#000';

   currentColor.appendChild(selectedColor);

   color.appendChild(currentColor);



   var hidden = document.createElement('input');

   hidden.name = 'color';

   hidden.type = 'hidden';

   hidden.value = '000000';

   color.appendChild(hidden);



   var swatch = document.createElement('div');

   swatch.style.width = 25*baseWidth+'px';

   swatch.style.height = 5*baseHeight+'px';

   swatch.style.cssFloat = swatch.style.styleFloat = 'left';

   for (r = 0; r < 5; r++)

      for(g = 0; g < 5; g++) {

         for(b = 0; b < 5; b++) {

            tempColor = '' + numberList[r] + '' + numberList[g] + '' + numberList[b];

            tempImage = document.createElement('img');

            tempImage.src = 'graemlin/spacer.gif';

            tempImage.width=baseWidth;

            tempImage.height=baseHeight;

            tempImage.style.background='#' + tempColor;

            tempImage.style.cssFloat=tempImage.style.styleFloat='left';

            tempImage.style.cursor = 'pointer';

            tempImage.onclick = Function('document.getElementById("selectedColor").style.background="#'+tempColor+'"; document.forms[0].color.value = "'+tempColor+'"');

            tempImage.onmouseover = Function('document.getElementById("currentColor").style.background="#'+tempColor+'"');

            if (r != 0 && g == 0 && b == 0)

               tempImage.style.clear = 'left';

            swatch.appendChild(tempImage);

         }

      }

   color.appendChild(swatch);

   properties.appendChild(color);



   var size = document.getElementById('size');

   var marginCorrection = size.clientHeight - color.clientHeight;

   if (marginCorrection > 0)

      color.style.marginTop = marginCorrection+'px';

   else

      size.style.marginTop = abs(marginCorrection)+'px';

}