var hue;
var picker;
var dd;
var range;
function init() {
	hue = YAHOO.widget.Slider.getVertSlider("hueBg", "hueThumb", 0, 180);
	picker = YAHOO.widget.Slider.getSliderRegion("pickerDiv", "selector",0, 180, 0, 180);

	hue.setValue( Math.random()*180, true, false );
	picker.setRegionValue( Math.random()*180, Math.random()*180, true );

	hue.onChange = function() { hueUpdate(); };
	picker.onChange = function(newX, newY) { pickerUpdate(newX, newY); };

	hueUpdate();
}

function initColors(){
	mySelectr.init();
	hue.setValue( Math.random()*180, true, false );
	picker.setRegionValue( Math.random()*180, Math.random()*180, true );
}

window.onload = init;

function pickerUpdate(newX, newY) {
	swatchUpdate();
	refreshImages();
}

function hueUpdate() {

	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] + ")";

	swatchUpdate();

	refreshImages();
}

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

	h = h / 180;

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

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

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

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

	document.getElementById("rval").value = a[0];
	document.getElementById("gval").value = a[1];
	document.getElementById("bval").value = a[2];
}


function refreshImages(){
	mySelectr.getImages( $('hval').value, $('sval').value, $('vval').value );
}

function showLoad(){
	$('loading').style.display = 'block';
}

function hideLoad(){
	$('loading').style.display = 'none';
}