var hue;
	var picker;
	//var gLogger;
	var dd1, dd2;
	var r, g, b;

	function init() {
		if (typeof(ygLogger) != "undefined")
			ygLogger.init(document.getElementById("logDiv"));
		pickerInit();
		ddcolorposter.fillcolorbox("colorfield1", "colorbox1") //PREFILL "colorbox1" with hex value from "colorfield1"
		ddcolorposter.fillcolorbox("colorfield2", "colorbox2") 
		ddcolorposter.fillcolorbox("colorfield3", "colorbox3") 
		ddcolorposter.fillcolorbox("colorfield4", "colorbox4") 
		ddcolorposter.fillcolorbox("colorfield5", "colorbox5") 
		ddcolorposter.fillcolorbox("colorfield6", "colorbox6") 
		ddcolorposter.fillcolorbox("colorfield7", "colorbox7") 
		ddcolorposter.fillcolorbox("colorfield8", "colorbox8") 
		ddcolorposter.fillcolorbox("colorfield9", "colorbox9") 
		ddcolorposter.fillcolorbox("colorfield10", "colorbox10") 
		ddcolorposter.fillcolorbox("colorfield19", "colorbox19") 
		ddcolorposter.fillcolorbox("colorfield20", "colorbox20") 
		ddcolorposter.fillcolorbox("colorfield21", "colorbox21") 
		ddcolorposter.fillcolorbox("colorfield22", "colorbox22") 
		ddcolorposter.fillcolorbox("colorfield23", "colorbox23") 
		ddcolorposter.fillcolorbox("colorfield192", "colorbox192") 
    }

    // Picker ---------------------------------------------------------

    function pickerInit() {
		hue = YAHOO.widget.Slider.getVertSlider("hueBg", "hueThumb", 0, 180);
		hue.onChange = function(newVal) { hueUpdate(newVal); };

		picker = YAHOO.widget.Slider.getSliderRegion("pickerDiv", "selector",
				0, 180, 0, 180);
		picker.onChange = function(newX, newY) { pickerUpdate(newX, newY); };

		hueUpdate();

		dd1 = new YAHOO.util.DD("pickerPanel");
		dd1.setHandleElId("pickerHandle");
		dd1.endDrag = function(e) {
			// picker.thumb.resetConstraints();
			// hue.thumb.resetConstraints();
        };
	}

	executeonload(init);

	function pickerUpdate(newX, newY) {
		pickerSwatchUpdate();
	}


	function hueUpdate(newVal) {

		var h = (180 - hue.getValue()) / 180;
		if (h == 1) { h = 0; }

		var a = YAHOO.util.Color.hsv2rgb( h, 1, 1);
		document.getElementById("pickerDiv").style.backgroundColor =
			"rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")";

		pickerSwatchUpdate();
	}

	function pickerSwatchUpdate() {
		var h = (180 - hue.getValue());
		if (h == 180) { h = 0; }
		document.getElementById("pickerhval").value = (h*2);

		h = h / 180;

		var s = picker.getXValue() / 180;
		document.getElementById("pickersval").value = Math.round(s * 100);

		var v = (180 - picker.getYValue()) / 180;
		document.getElementById("pickervval").value = Math.round(v * 100);

		var a = YAHOO.util.Color.hsv2rgb( h, s, v );

		document.getElementById("pickerSwatch").style.backgroundColor =
			"rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")";

		document.getElementById("pickerrval").value = a[0];
		document.getElementById("pickergval").value = a[1];
		document.getElementById("pickerbval").value = a[2];
		var hexvalue = document.getElementById("pickerhexval").value =
			YAHOO.util.Color.rgb2hex(a[0], a[1], a[2]);
			ddcolorposter.initialize(a[0], a[1], a[2], hexvalue);
	}
	
	function mouseOver(WelkeDiv, UitWelk) {
		document.getElementById("colorbox"+WelkeDiv).style.color=document.getElementById("colorbox"+UitWelk).style.backgroundColor;
	}

	function mouseOut(WelkeDiv, UitWelk) {
		document.getElementById("colorbox"+WelkeDiv).style.color=document.getElementById("colorbox"+UitWelk).style.backgroundColor;
	}
	function fontSize(size, where){
		if (where == "fontsizegeneral"){
			document.getElementById("mainwldiv").style.fontSize=size+"px";
			document.getElementById("aiboxcontent2a").style.fontSize=size+"px";
			document.getElementById("aiboxcontent2b").style.fontSize=size+"px";
			document.getElementById("aiboxcontent1").style.fontSize=size+"px";
			document.getElementById("topmenu").style.fontSize=size+"px";
			document.getElementById("bottommenu").style.fontSize=size+"px";
			size = parseInt(size); 
			document.getElementById("h1").style.fontSize=(size+2)+"px";
			document.getElementById("h2").style.fontSize=(size+2)+"px";
			document.getElementById("colorbox9c").style.fontSize=(size+2)+"px";
		}
	}
	
  var detect = navigator.userAgent.toLowerCase();  
  var OS,browser,version,total,thestring;    
  if (checkIt('konqueror'))  {   browser = "Konqueror";   OS = "Linux";  }  
  else if (checkIt('safari')) browser = "Safari";  
  else if (checkIt('omniweb')) browser = "OmniWeb";  
  else if (checkIt('opera')) browser = "Opera";  
  else if (checkIt('webtv')) browser = "WebTV";  
  else if (checkIt('icab')) browser = "iCab";  
  else if (checkIt('msie')) browser = "Internet Explorer";  
  else if (!checkIt('compatible'))  {   browser = "Netscape Navigator";   version = detect.charAt(8);  }  
  else browser = "An unknown browser";    
  if (!version) version = detect.charAt(place + thestring.length);    
  if (!OS)  {   if (checkIt('linux')) OS = "Linux";   
  else if (checkIt('x11')) OS = "Unix";   
  else if (checkIt('mac')) OS = "Mac";   
  else if (checkIt('win')) OS = "Windows";   
  else OS = "an unknown operating system";  }    
  
  function checkIt(string)  {   place = detect.indexOf(string) + 1;   thestring = string;   return place;  }  
 
                
function handleEnter (field, event) {
		var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
		if (keyCode == 13) {
			var i;
			for (i = 0; i < field.form.elements.length; i++)
				if (field == field.form.elements[i])
					break;
			i = (i + 1) % field.form.elements.length;
			field.form.elements[i].focus();
			return false;
		} 
		else
		return true;
	}   

function Reset() {
	document.getElementById("colorfield18").value = "";
	document.getElementById("filmnu").style.display = "block";
	document.getElementById("logodiv").style.display = "none";
	document.getElementById("thuisbioskop").style.display = "block";
	document.mainform.logooptie[0].checked=true;
}

function Reset2() {
	document.getElementById("colorfield182").value = "";
	document.getElementById("filmnu2").style.display = "block";
	document.getElementById("logodiv2").style.display = "none";
	document.getElementById("recorder").style.display = "block";
	document.mainform.logooptie2[0].checked=true;
}

function None() {
	document.getElementById("colorfield18").value = "";
	document.getElementById("thuisbioskop").style.display = "none";
	document.mainform.logooptie[1].checked=true;
}
function None2() {
	document.getElementById("colorfield182").value = "";
	document.getElementById("recorder").style.display = "none";
	document.mainform.logooptie2[1].checked=true;
}


function Webmaster() {
	document.mainform.logooptie[2].checked=true;
}
function Webmaster2() {
	document.mainform.logooptie2[2].checked=true;
}

function CheckBgcolor() {
	document.getElementById("bgcolor").style.display = "none";
}
function CheckBgcolor2() {
	document.getElementById("bgcolor").style.display = "block";
}

function CheckBgcolor22() {
	document.getElementById("bgcolor2").style.display = "none";
}
function CheckBgcolor222() {
	document.getElementById("bgcolor2").style.display = "block";
}

function fillTop() {
	if (document.getElementById("colorfield18").value == ""){
	document.mainform.logooptie[0].checked=true;
	document.getElementById("logoheight").value = "0";
	document.getElementById("logodisplay").value = "none";
	}
	else{
	document.getElementById("logo").src = document.getElementById("colorfield18").value;
	document.getElementById("filmnu").style.display = "none";
	document.getElementById("logodiv").style.display = "block";	
	document.getElementById("logodisplay").value = "block";
	document.getElementById("thuisbioskop").style.display = "block";
	}
}
function fillTop2() {
	if (document.getElementById("colorfield182").value == ""){
	document.mainform.logooptie2[0].checked=true;
	document.getElementById("logoheight2").value = "0";
	document.getElementById("logodisplay2").value = "none";
	}
	else{
	document.getElementById("logo2").src = document.getElementById("colorfield182").value;
	document.getElementById("filmnu2").style.display = "none";
	document.getElementById("logodiv2").style.display = "block";	
	document.getElementById("logodisplay2").value = "block";
	document.getElementById("recorder").style.display = "block";
	}
}

	
function detectHeight() {
	if (document.getElementById("colorfield18").value !== ""){
		document.getElementById("logoheight").value = document.getElementById("logo").offsetHeight;
	}
	if (document.getElementById("colorfield182").value !== ""){
		document.getElementById("logoheight2").value = document.getElementById("logo2").offsetHeight;
	}
}

function foutLogo() {
	alert('Deze url is niet correct! Controleer of je het goed geschreven hebt. Vergeet niet te beginnen met http://');
	fillTop();
	mainform.colorfield18.focus();
}
function foutLogo2() {
	alert('Deze url is niet correct! Controleer of je het goed geschreven hebt. Vergeet niet te beginnen met http://');
	fillTop2();
	mainform.colorfield182.focus();
}