var Selectr = Class.create();

// constants
var Selectr_huew = 20;
var Selectr_satw = 20;
var Selectr_valw = 20;
var Selectr_num = 20;

// globals
var Selectr_hue;
var Selectr_sat;
var Selectr_val;
var initNGtimes = 0;
var mySelectr = null;

// urls
var BASE_PATH = "http://color.slightlyblue.com/";
//var BASE_PATH = "http://127.0.0.1/";
var CLIENT_PATH = BASE_PATH+"client.pl";
var IMAGES_TEMPLATE_PATH = BASE_PATH+"images.jhtml";
var JS_TEMPLATE_PATH = BASE_PATH+"js.jhtml";
var RATER_PATH = BASE_PATH+"rater.pl";

Selectr.prototype = {

	initialize: function() {
	},
	init: function() {
		initNGtimes = 1;
	},

	getImages: function( hue, sat, val )
	{
		if(initNGtimes<2){
			initNGtimes++;
			return;
		}
		Selectr_hue = hue;
		Selectr_sat = sat;
		Selectr_val = val;
		var form = $('selectrform');
		form.h.value = Selectr_hue;
		form.s.value = Selectr_sat;
		form.v.value = Selectr_val;
		form.hw.value = Selectr_huew;
		form.sw.value = Selectr_satw;
		form.vw.value = Selectr_valw;
		form.num.value = Selectr_num;
		pars = Form.serialize( form );
		showLoad();
		var ajaxP = new Ajax.Request( CLIENT_PATH, {method: 'get', parameters: pars, onComplete: showResponse} );
		return;
	}
}

function showResponse(originalRequest){
	hideLoad();

	var newData = originalRequest.responseText;
	//alert(newData);

	var selected = eval( '(' + originalRequest.responseText + ')' );
	var rendered = Lyase.View.render({file:IMAGES_TEMPLATE_PATH}, selected );
	//alert(rendered);
	$('res').innerHTML = rendered;

	rendered = Lyase.View.render({file:JS_TEMPLATE_PATH}, selected );
	//alert(rendered);
	eval( rendered );
}

function initSelectr() { mySelectr = new Selectr(); }
initSelectr();