ÿþ// The Colours Of The Rainbow
// Copyright, Benjamin Joffe 2006

// bearbeitet  und ergaenzt (ab Abschnitt Vorschlaege) fuer private Zwecke
// von Louis Brandenberger, 2006, louis.brandenberger.eu


(function(){
	var list=[];
	Function.prototype.wait = function(){
		var i=list.length;
		while (i-->0) if (list[i][0]==this) return;
		i=arguments;
		list[list.length]=[this,setTimeout(function(){
			list.shift()[0].apply(window,i);
		},100)];
	}
})();


String.prototype.toNumber=function(max){
	var s = this.toString();
	while(s && s.charAt(0)=='0') s=s.substring(1,s.length);
	s = s ? parseInt(s) : 0;
	return (max && s>max) ? max : s;
}

var setCookie=function(name, value) {
	if(window.widget) widget.setPreferenceForKey(encodeURIComponent(value), name)
	else document.cookie = name+"="+encodeURIComponent(value)+
		"; expires="+(new Date(new Date().getTime()+(360*24*60*60*1000))).toGMTString()+"; path=/";
}

var getCookie=function(name) {
	if(window.widget) return decodeURIComponent(widget.preferenceForKey(name))||null;
	if(new RegExp(name+'\=([^;]*);','').test(document.cookie+';') ) return decodeURIComponent(RegExp.$1);
	return null;
}

var hex = [];
for (var i=0; i<256; i++) hex[i] = '0123456789ABCDEF'.charAt(i/16>>0)+'0123456789ABCDEF'.charAt(i%16);

var value = {
		r: 150,
		g: 50,
		b: 50,
		h: 0,
		s: 0,
		v: 1,
		lh: 0,
		ls:0,
		l: 0
	};
var temp = {
    r: 255,
    g: 255,
    b: 255
  }
var cbyc = {
    r: 255,
    g: 255,
    b: 255
  }
var cby = 0;
var historya = [];
var historyn= 0;
var inhist = 0;

window.onload = function() {

function g(e) { return document.getElementById(e); };

	document.onmouseup = function(){
		document.onmousemove = null;
		DrawWheel();
	}
	
	var e_arrow1 = g('arrow1');
	var e_arrow2 = g('arrow2');
	var e_arrows = g('arrows');
	var e_container = g('container');


	//var e_view1 = g('view1');
	var mini = false;
	var square1 = g('square1');
	var square2 = g('square2');
	var square3 = g('square3');
	var square_mark = g('square_mark');
	var bar = g('bar');
	var bar2 = g('bar2');
	var bar_mark = g('bar_mark');
	var colour = g('colour');


	
	var input_h = g('input_h');
	var input_s = g('input_s');
	var input_v = g('input_v');
	var input_r = g('input_r');
	var input_g = g('input_g');
	var input_b = g('input_b');
	var input_hex = g('input_hex');


	function saveValues(){
		setCookie('values', [value.r, value.g, value.b, value.h, value.s, value.v].join(','));
	}
	function loadValues(){
		var cookie = getCookie('values');
		if (!cookie) return;
		cookie = cookie.split(',');
		if (cookie.length==6) {

		var r = parseInt(cookie[0]);
		var g = parseInt(cookie[1]);
		var b = parseInt(cookie[2]);
		var h = parseFloat(cookie[3]);
		var s = parseFloat(cookie[4]);
		var v = parseFloat(cookie[5]);

		if (r>=0 && r<=255) input_r.value = value.r = r;
		if (g>=0 && g<=255) input_g.value = value.g = g;
		if (b>=0 && b<=255) input_b.value = value.b = b;
		if (h>=0 && h<=6) input_h.value = value.h = h;
		if (s>=0 && s<=1) input_s.value = value.s = s;
		if (v>=0 && v<=1) input_v.value = value.v = v;

		}
		
	}
	loadValues();

	
	/**** Key Presses ****/
	
	var ctrlDown = false;
	document.onkeyup=function(e){
    if (e.keyCode==17) ctrlDown=false;
    DrawWheel();
  };

	input_h.onkeypress = input_s.onkeypress = input_v.onkeypress =
	input_r.onkeypress = input_g.onkeypress = input_b.onkeypress =
	function(e){
		e=e.keyCode;
		//alert(e);
		if (e==17) ctrlDown=true;
		if (e==38 || e==40) {
			this.value = Math.max(0, this.value.toNumber()+(e==38 ? 1 : -1)*(ctrlDown ? 10 : 1));
			this.onblur();
			this.onkeyup();
			return true;
		}
		return e<=57 && e>=48 || e==86 || e==67 || e==37 || e==39 || e==8 || e==46;
	};
	input_hex.onkeypress = function(e){
		return (e=e.keyCode)>=48 && e<=57 || e>=65 && e<=70 || e>=97 && e<=102 || e==86 || e==37 || e==39 || e==8 || e==46;
	};

	/**** Blurs ****/

	input_h.onblur = function(){
		var n = this.value.toNumber();
		this.value = n < 359 ? n : 359;
	};
	input_s.onblur = input_v.onblur = function(){
		var n = this.value.toNumber();
		this.value = n <= 100 ? n : 100;
	};
	input_r.onblur = input_g.onblur = input_b.onblur = function(){
		var n = this.value.toNumber();
		this.value = n <= 255 ? n : 255;
	};
	input_hex.onblur = function(){
		input_hex.onkeyup();
		var str = this.value.toUpperCase();
		while (str.length<6) str='0'+str;
		this.value = str;
	};

	/**** Key Ups ****/
	
	input_h.onkeyup = function(){
		value.h = this.value.toNumber(359)/60;
		solveRGB(true);
		solveHex();
		adjustMarkers();
	};
	input_s.onkeyup = function(){
		value.s = this.value.toNumber(100)/100;
		solveRGB(true);
		solveHex();
		adjustMarkers();
	};
	input_v.onkeyup = function(){
		value.v = this.value.toNumber(100)/100;
		solveRGB(true);
		solveHex();
		adjustMarkers();
	};
	input_r.onkeyup = function(){
		value.r = this.value.toNumber(255);
		solveHSV(true);
		solveHex();
		adjustMarkers();
	};
	input_g.onkeyup = function(){
		value.g = this.value.toNumber(255);
		solveHSV(true);
		solveHex();
		adjustMarkers();
	};
	input_b.onkeyup = function(){
		value.b = this.value.toNumber(255);
		solveHSV(true);
		solveHex();
		adjustMarkers();
	};

	input_hex.onkeyup = function(){
		var s = this.value.toUpperCase();
		while (s.length<6) s='0'+s;
		setHEX(s);
	};

/***************neu************/
  var input_hell = g('input_hell');
	var input_dunkel = g('input_dunkel');
	var input_back = g('input_back');
	var input_forward = g('input_forward');
  
  swatch = new Array(16);
	for (i=0;i<12;i++) {
    swatch[i] = g(''+i);
  }
  for (i=1;i<5;i++) {
    swatch[11+i] = g('m'+i);
  }
  
  input_hell.onmousedown = function(){
    RGBtoHSL(value.r,value.g,value.b);
    //alert('r'+value.r+' g'+value.g+' b'+value.b+' l'+value.l);
    value.l=value.l+5;
    if(value.l>100) {
      value.l=100;
      input_hell.disabled=true;
    }
    input_dunkel.disabled=false;
  	HSLtoRGB(value.lh,value.ls,value.l);
    value.r=temp.r;
    value.g=temp.g;
    value.b=temp.b;
		zeichne();
  };
  input_dunkel.onmousedown = function(){
    RGBtoHSL(value.r,value.g,value.b);
    value.l=value.l-5;
    if(value.l<0) {
      value.l=0;
      input_dunkel.disabled=true;
    }
    input_hell.disabled=false;
  	HSLtoRGB(value.lh,value.ls,value.l);
    value.r=temp.r;
    value.g=temp.g;
    value.b=temp.b;
		zeichne();
  };
  input_back.onmousedown = function(){
    if (historyn > 1) historyn--;
    var s=historya[historyn-1];
    value.r = parseInt(s.substr(0,2), 16);
	  value.g = parseInt(s.substr(2,2), 16);
	  value.b = parseInt(s.substr(4,2), 16);
	  inhist = 1;
	  zeichne();
  };
  input_forward.onmousedown = function(){
    if (historyn < historya.length) historyn++;
    var s=historya[historyn-1];
    value.r = parseInt(s.substr(0,2), 16);
	  value.g = parseInt(s.substr(2,2), 16);
	  value.b = parseInt(s.substr(4,2), 16);
	  inhist = 1;
	  zeichne();
  };
  
  swatch[1].onmousedown = function(){ bgfarb(swatch[1]); }
  swatch[2].onmousedown = function(){ bgfarb(swatch[2]); }
  swatch[3].onmousedown = function(){ bgfarb(swatch[3]); }
  swatch[4].onmousedown = function(){ bgfarb(swatch[4]); }
  swatch[5].onmousedown = function(){ bgfarb(swatch[5]); }
  swatch[6].onmousedown = function(){ bgfarb(swatch[6]); }
  swatch[7].onmousedown = function(){ bgfarb(swatch[7]); }
  swatch[8].onmousedown = function(){ bgfarb(swatch[8]); }
  swatch[9].onmousedown = function(){ bgfarb(swatch[9]); }
  swatch[10].onmousedown = function(){ bgfarb(swatch[10]); }
  swatch[11].onmousedown = function(){ bgfarb(swatch[11]); }
  swatch[12].onmousedown = function(){ bgfarb(swatch[12]); }
  swatch[13].onmousedown = function(){ bgfarb(swatch[13]); }
  swatch[14].onmousedown = function(){ bgfarb(swatch[14]); }
  swatch[15].onmousedown = function(){ bgfarb(swatch[15]); }
   
  function bgfarb(el) {
    var s=el.style.backgroundColor.toUpperCase();
    //alert(s);
    if (s.length == 7) {
      value.r = parseInt(s.substr(1,2), 16);
	  value.g = parseInt(s.substr(3,2), 16);
	  value.b = parseInt(s.substr(5,2), 16);
	} else {
      s=s.substring(4,s.length-1);
      value.r = Number(s.substring(0,s.indexOf(",")));
      s=s.substring(s.indexOf(",")+2);
  	  value.g = Number(s.substring(0,s.indexOf(",")));
  	  value.b = Number(s.substring(s.indexOf(",")+2));
      //alert(value.r+"-"+value.g+"-"+value.b);
	}
	  zeichne();
  }
/* neu fuer cby */

  if (top != self) {
    parent.makecolor.onmouseup = function(){
      if(cby==1) {
        value.r=cbyc.r;
        value.g=cbyc.g;
        value.b=cbyc.b;
        zeichne();
        DrawWheel();
      }
   	}
  }


/******************************/
	
	var ctx = bar.getContext('2d');
  var mode;
	function applyMode(n){
		setCookie('mode', n);
		if (mode==n) return;
		square1.style.backgroundColor = square2.style.backgroundColor = 'transparent';
		square1.style.backgroundImage = square1.style.backgroundImage = 'none';
		square2.style.opacity = 1;
		switch (mode = n) {
			case 0 :
				square1.style.backgroundColor = 'red';
				square2.style.backgroundImage = 'url(http://www.cbyounes.ch/farben/mixer/images/hue.png)';
				var lingrad = ctx.createLinearGradient(0,0,0,256);
				lingrad.addColorStop(0/6, '#F00');
				lingrad.addColorStop(1/6, '#F0F')
				lingrad.addColorStop(2/6, '#00F')
				lingrad.addColorStop(3/6, '#0FF')
				lingrad.addColorStop(4/6, '#0F0')
				lingrad.addColorStop(5/6, '#FF0')
				lingrad.addColorStop(6/6, '#F00');
				ctx.fillStyle=lingrad;
				ctx.fillRect(0,0,20,256);
				break;
			case 1 :
				square1.style.backgroundImage = 'url(http://www.cbyounes.ch/farben/mixer/images/colour_cube.png)';
				square1.style.backgroundPosition = '256px 256px';
				square2.style.backgroundImage = 'url(http://www.cbyounes.ch/farben/mixer/images/colour_cube.png)';
				square2.style.backgroundPosition = '0 256px';
				break;
			case 2 :
				square1.style.backgroundColor = '#000';
				square2.style.backgroundImage = 'url(http://www.cbyounes.ch/farben/mixer/images/colour_cube.png)';
				square2.style.backgroundPosition = '512px 256px';
				break;
			case 3 :
				square1.style.backgroundImage = 'url(http://www.cbyounes.ch/farben/mixer/images/colour_cube.png)';
				square1.style.backgroundPosition = '256px 0';
				square2.style.backgroundImage = 'url(http://www.cbyounes.ch/farben/mixer/images/colour_cube.png)';
				square2.style.backgroundPosition = '0 512px';
				break;
			case 4 :
				square1.style.backgroundImage = 'url(http://www.cbyounes.ch/farben/mixer/images/colour_cube.png)';
				square1.style.backgroundPosition = '0 0';
				square2.style.backgroundImage = 'url(http://www.cbyounes.ch/farben/mixer/images/colour_cube.png)';
				square2.style.backgroundPosition = '256px 512px';
				break;
			case 5 :
				square1.style.backgroundImage = 'url(http://www.cbyounes.ch/farben/mixer/images/colour_cube.png)';
				square1.style.backgroundPosition = '512px 512px';
				square2.style.backgroundImage = 'url(http://www.cbyounes.ch/farben/mixer/images/colour_cube.png)';
				square2.style.backgroundPosition = '512px 0';
				break;
		}
		adjustMarkers();
	}
	cookie = parseInt(getCookie('mode')) || 0;
	if (cookie>5 || cookie<0) cookie=0;
	applyMode(cookie)
	g('radio_'+'hsvrgb'.charAt(cookie)).checked=true;
	
	g('radio_h').onclick = function(){ applyMode(0); };
	g('radio_s').onclick = function(){ applyMode(1); };
	g('radio_v').onclick = function(){ applyMode(2); };
	g('radio_r').onclick = function(){ applyMode(3); };
	g('radio_g').onclick = function(){ applyMode(4); };
	g('radio_b').onclick = function(){ applyMode(5); };

	function adjustMarkers(){
		barGradient();
		squareGradient();
				
		switch (mode) {
			case 0 :
				square_mark.style.left = ((255*value.s)>>0) + 'px';
				square_mark.style.top = ((255*(1-value.v))>>0) + 'px';
				bar_mark.style.top = ((255*(1-value.h/6))>>0) + 'px';
				break;
			case 1 :
				square_mark.style.left = value.h/6*255 + 'px';
				square_mark.style.top = 255*(1-value.v) + 'px';
				bar_mark.style.top = 255*(1-value.s) + 'px';
				break;
  		case 2 :
				square_mark.style.left = value.h/6*255 + 'px';
				square_mark.style.top = 255*(1-value.s) + 'px';			
				bar_mark.style.top = 255*(1-value.v) + 'px';
				break;
			case 3 :
				square_mark.style.left = value.b + 'px';
				square_mark.style.top = (255 - value.g) + 'px';
				bar_mark.style.top = (255 - value.r) + 'px';
				break;
			case 4 :
				square_mark.style.left = value.b + 'px';
				square_mark.style.top = (255 - value.r) + 'px';
				bar_mark.style.top = (255 - value.g) + 'px';
				break;
			case 5 :
				square_mark.style.left = value.r + 'px';
				square_mark.style.top = (255 - value.g) + 'px';
				bar_mark.style.top = (255 - value.b) + 'px';
				break;
		}
	}

	function squareGradient(){
		saveValues.wait();
		switch (mode) {
			case 0 :
				var c = Hue(value.h);
				square1.style.backgroundColor="rgb("+c.r+","+c.g+","+c.b+")";
				break;
			case 1 :
				square2.style.opacity = value.s;
				break;
			case 2 :
				square2.style.opacity = value.v;
				break;
			case 3 :
				square2.style.opacity = 1-value.r/255;
				break;
			case 4 :
				square2.style.opacity = 1-value.g/255;
				break;
			case 5 :
				square2.style.opacity = 1-value.b/255;
				break;
		}
	}

	function barGradient(){
	
	  window.scrollTo(0,0);
		saveValues.wait();
		if (mode==0) return;
		var lingrad = ctx.createLinearGradient(0,0,0,256);
		if (mode==1) {
			var c=Hue(value.h);
			lingrad.addColorStop(0, 'rgb('+(value.v*c.r>>0)+','+(value.v*c.g>>0)+','+(value.v*c.b>>0)+')');
			lingrad.addColorStop(1, 'rgb('+(value.v*255>>0)+','+(value.v*255>>0)+','+(value.v*255>>0)+')');
		}
		if (mode==2) {
			var c=HSVtoRGB(value.h, value.s, 1);
			lingrad.addColorStop(0, 'rgb('+c.r+','+c.g+','+c.b+')');
			lingrad.addColorStop(1, '#000');			
		}
		if (mode==3) {
			lingrad.addColorStop(0, 'rgb(255,'+value.g+','+value.b+')');
			lingrad.addColorStop(1, 'rgb(0,'+value.g+','+value.b+')');
		}
		if (mode==4) {
			lingrad.addColorStop(0, 'rgb('+value.r+',255,'+value.b+')');
			lingrad.addColorStop(1, 'rgb('+value.r+',0,'+value.b+')');
		}
		if (mode==5) {
			lingrad.addColorStop(0, 'rgb('+value.r+','+value.g+',255)');
			lingrad.addColorStop(1, 'rgb('+value.r+','+value.g+',0)');	
		}
		ctx.fillStyle = lingrad;
		ctx.fillRect(0,0,20,256);
	}

	square3.onmousedown = function(e) {
		var xOff = this.offsetLeft+e_container.offsetLeft;
		var yOff = this.offsetTop+e_container.offsetTop;
  	var loopy;

  	document.onmousemove=function(e){
			var x = e.clientX - xOff;
			var y = e.clientY - yOff;

			x = x < 0 ? 0 : x > 255 ? 255 : x;
			y = y < 0 ? 0 : y > 255 ? 255 : y;

			square_mark.style.left = x;
			square_mark.style.top = y;
			

			if (mode==0) {
				value.s = x/255;
				value.v = 1-y/255;
				solveRGB();
			}
			if (mode==1) {
				value.h = 6*x/255;
				value.v = 1-y/255;
				solveRGB();
			}
			if (mode==2) {
				value.h = (x/255)*360/60;
				value.s = 1-y/255;
				solveRGB();
			}
			if (mode==3) {
				value.g = 255-y;
				value.b = x;
				solveHSV();
			}
			if (mode==4) {
				value.r = 255-y;
				value.b = x;
				solveHSV();
			}
			if (mode==5) {
				value.r = x
				value.g = 255-y;;
				solveHSV();
			}
			solveHex();		
			barGradient();
		}
 		document.onmousemove(e);
	};


  bar_mark.onmousedown = bar2.onmousedown = function(e) {
	  window.scrollTo(0,0);
		var yOff = bar2.offsetTop+e_container.offsetTop;
		//alert(yOff);

		document.onmousemove = 	function(e){
			var y = e.clientY - yOff;
			y = y < 0 ? 0 : y > 255 ? 255 : y;
			bar_mark.style.top = y;
			
			switch (mode) {
				case 0 : value.h = 6-y*6/255; solveRGB(); break;
				case 1 : value.s = 1 - y/255; solveRGB(); break;
  			case 2 : value.v = 1 - y/255; solveRGB(); break;
	   		case 3 : value.r = 255-y; solveHSV(); break;
				case 4 : value.g = 255-y; solveHSV(); break;
				case 5 : value.b = 255-y; solveHSV(); break;
			}
			solveHex();
			squareGradient();
		}
		document.onmousemove(e);
	};



	function Hue(n){
		n = 6-n;
		
		var r,g,b;

		if (n<1) r=1, g=0, b=n;
		else
		if (n<2) r=2-n, g=0, b=1;
		else
		if (n<3) r=0, g=n-2, b=1;
		else
		if (n<4) r=0, g=1, b=4-n;
		else
		if (n<5) r=n-4, g=1, b=0;
		else
		r=1, g=6-n, b=0;
		r = r*256 >> 0;
		g = g*256 >> 0;
		b = b*256 >> 0;

  	return {
			r: r < 0 ? 0 : r > 255 ? 255 : r,
			g: g < 0 ? 0 : g > 255 ? 255 : g,
			b: b < 0 ? 0 : b > 255 ? 255 : b
		};
	}
	
	function solveHex(){
		input_hex.value = hex[value.r]+hex[value.g]+hex[value.b];
	};
	
	function solveRGB(avoid){

		var c = HSVtoRGB(value.h, value.s, value.v);

		value.r = c.r;
		value.g = c.g;
		value.b = c.b;

		input_r.value = value.r;
		input_g.value = value.g;
		input_b.value = value.b;
		if (!avoid) {	
			input_h.value = (value.h*60)%360 >> 0;
			input_s.value = value.s*100 >> 0;
			input_v.value = value.v*100 >> 0;
		}
		colour.style.backgroundColor="rgb("+value.r+","+value.g+","+value.b+")"
	}
	
	
	
	function solveHSV(avoid){

		var c = RGBtoHSV(value.r, value.g, value.b);

		value.h = c.h;
		value.s = c.s;
		value.v = c.v;

		input_h.value = value.h*60 >> 0;
		input_s.value = value.s*100 >> 0;
		input_v.value = value.v*100 >> 0;
		if (!avoid) {	
			input_r.value = value.r;
			input_g.value = value.g;
			input_b.value = value.b;
		}
		
		colour.style.backgroundColor="rgb("+value.r+","+value.g+","+value.b+")";
	}
	
	function RGBtoHSV(r,g,b){
		r/=255;
		g/=255;
		b/=255;

  	var min = r<g ? r : g; if (b<min) min=b;
		var max = r>g ? r : g; if (b>max) max=b;
		var delta = max-min;

		if (max==0) return {h:0,s:0,v:0};

		var h=0;
		if (delta==0) h=0;		
		else if (r==max) h = (g-b)/delta;
		else if (g==max) h = 2+(b-r)/delta;
		else h = 4+(r-g)/delta;
	
		if (h<0) h+=6;
		
		return {h: h, s: delta/max, v: max};
	}
	
	function HSVtoRGB(h,s,v){
		h%=6;
		var r,g,b;
		if (s==0) r=g=b=v;
		else {
			var H=h>>0;
			var f=h-H;
			var p=v*(1-s);
			var q=v*(1-f*s);
			var t=v*(1-(1-f)*s);
			if (H==0) r=v, g=t, b=p;
			if (H==1) r=q, g=v, b=p;
			if (H==2) r=p, g=v, b=t;
			if (H==3) r=p, g=q, b=v;
			if (H==4) r=t, g=p, b=v;
			if (H==5) r=v, g=p, b=q;
		}
		return {r:(r = r*256 >> 0) < 0 ? 0 : r > 255 ? 255 : r,
		g:(g = g*256 >> 0) < 0 ? 0 : g > 255 ? 255 : g,
		b:(b = b*256 >> 0) < 0 ? 0 : b > 255 ? 255 : b
		};
	}
	
/* --------------------------Vorschlaege----------------------------------- */
	function DrawWheel()
  {
  	var red,green,blue,direction;
    RGBtoHSL(value.r,value.g,value.b);
    for (i = 0; i < 12; i++) 
  	{
  		HSLtoRGB(value.lh,value.ls,value.l);
  		red=hex[temp.r];
  		green=hex[temp.g];
  		blue=hex[temp.b];
  		document.getElementById(i).style.backgroundColor="#" + red + green + blue;
  		document.getElementById(i+'HEX').innerHTML="#" + red + green + blue;
  		document.getElementById(i+'RGB').innerHTML=temp.r+"."+temp.g+"."+temp.b;
  		value.lh+=30;
  		if (value.lh>=360)
  			value.lh-=360;
  	}
    
    RGBtoHSL(value.r,value.g,value.b);
    for (i = 1; i <= 4; i++) 
  	{
  		if(i==3){
        RGBtoHSL(value.r,value.g,value.b);
        value.lh+=180;
        if (value.lh>=360) value.lh-=360;
      }
      if(i==1){
        if(value.l<60)
          direction=1;
        else
          direction=-1;    
      }
      value.l+=direction*12;
      HSLtoRGB(value.lh,value.ls,value.l);
  		red=hex[temp.r];
  		green=hex[temp.g];
  		blue=hex[temp.b];
  		document.getElementById('m'+i).style.backgroundColor="#" + red + green + blue;
  		document.getElementById('m'+i+'HEX').innerHTML="#" + red + green + blue;
  		document.getElementById('m'+i+'RGB').innerHTML=temp.r+"."+temp.g+"."+temp.b;
  	}
  	
  	var s=''+hex[value.r]+hex[value.g]+hex[value.b];
  	if ( historya[historyn-1]!=s && inhist==0) {
  	  while (historya.length > historyn) historya.pop();  	  
      if ( s.length == 6 ) {
        historyn++;
        historya[historyn-1]=s;
      }
      //alert(historyn+' '+historya);
    }
    if (historya.length == historyn) input_forward.disabled=true;
      else input_forward.disabled=false;
    if (1 == historyn) input_back.disabled=true;
      else input_back.disabled=false;
    inhist = 0;
}
	
  function RGBtoHSL(r,g,b)
  {
  	var Min=0;
  	var Max=0;
  	r=(eval(r)/51)*.2;
  	g=(eval(g)/51)*.2;
  	b=(eval(b)/51)*.2;
  
  	if (eval(r)>=eval(g))
  		Max=eval(r);
  	else
  		Max=eval(g);
  	if (eval(b)>eval(Max))
  		Max=eval(b);
  	
  	if (eval(r)<=eval(g))
  		Min=eval(r);
  	else
  		Min=eval(g);
  	if (eval(b)<eval(Min))
  		Min=eval(b);
  
  	value.l=(eval(Max)+eval(Min))/2;
  	if (eval(Max)==eval(Min)) 
  	{
  		value.ls=0;
  		value.lh=0;
  	} 
  	else 
  	{
  		if (value.l < .5)
  			value.ls=(eval(Max)-eval(Min))/(eval(Max)+eval(Min));
  		if (value.l >= .5)
  			value.ls=(eval(Max)-eval(Min))/(2-eval(Max)-eval(Min));
  		if (r==Max)
  			value.lh = (eval(g)-eval(b))/(eval(Max)-eval(Min));
  		if (g==Max)
  			value.lh = 2+((eval(b)-eval(r))/(eval(Max)-eval(Min)));
  		if (b==Max)
  			value.lh = 4+((eval(r)-eval(g))/(eval(Max)-eval(Min)));
  	}
  	value.lh=Math.round(value.lh*60);
  	if(value.lh<0) value.lh += 360;
  	if(value.lh>=360) value.lh -= 360;
  	value.ls=Math.round(value.ls*100);
  	value.l=Math.round(value.l*100);
  }
  
	function HSLtoRGB(H,S,L) 
  {
  	var p1,p2;
    
  	L/=100;
  	S/=100;
  	if (L<=0.5) p2=L*(1+S);
  	else p2=L+S-(L*S);
  	p1=2*L-p2;
  	if (S==0) 
  	{
  		temp.r=L; 
  		temp.g=L;
  		temp.b=L;
  	} 
  	else 
  	{
  		temp.r=FindRGB(p1,p2,H+120);
  		temp.g=FindRGB(p1,p2,H);
  		temp.b=FindRGB(p1,p2,H-120);
  	}
  	temp.r *= 255;
  	temp.g *= 255;
  	temp.b *= 255;
  	temp.r=Math.round(temp.r);
  	temp.g=Math.round(temp.g);
  	temp.b=Math.round(temp.b);
  	if (temp.r>255) temp.r=255;
  	if (temp.g>255) temp.g=255;
  	if (temp.b>255) temp.b=255;
  	if ( !(temp.r>=0 && temp.r<256)) temp.r=0;
  	if ( !(temp.r>=0 && temp.r<256)) temp.g=0;
  	if ( !(temp.r>=0 && temp.r<256)) temp.b=0;
  }

 function FindRGB(q1,q2,hue) 
  {
  	if (hue>360) hue=hue-360;
  	if (hue<0) hue=hue+360;
  	if (hue<60) return (q1+(q2-q1)*hue/60);
  	else if (hue<180) return(q2);
  	else if (hue<240) return(q1+(q2-q1)*(240-hue)/60);
  	else return(q1);
  }
  
  /* für cby */
  function setHEX (s){
    value.r = parseInt(s.substr(0,2), 16);
		value.g = parseInt(s.substr(2,2), 16);
		value.b = parseInt(s.substr(4,2), 16);
		//solveHex();
    solveHSV();
		adjustMarkers();
  }
	function zeichne() {
	  solveHex();
    solveHSV();
		adjustMarkers();
		//alert('r'+value.r+' g'+value.g+' b'+value.b+' l'+value.l);
  }

	solveRGB();
	solveHex();
	DrawWheel();

};