function setSearchOptionRange(idstr) {

	var el = $(idstr+'_start');
	
	var minv = $(idstr+'_settings_minv').value.toInt();
	var maxv = $(idstr+'_settings_maxv').value.toInt();
	var step = $(idstr+'_settings_step').value.toInt();
	var dstartv = $(idstr+'_settings_dstartv').value.toInt();
	var dendv = $(idstr+'_settings_dendv').value.toInt();
	
	var steps = (maxv - minv) / step;
		
	var sl1 = new Slider(el, el.getElement('.knob'), {
		steps: steps,
		range: [minv, maxv],
		onChange: function(value){
			
			if(value <= (maxv - step)) {
				$(idstr+'_start_show_value').innerHTML = value;
				$(idstr+'_start_value').value = value;
			} else
				sl1.set(value - step);
			
			try {
				if($(idstr+'_start_value').value.toInt() >= $(idstr+'_end_value').value.toInt())
					sl2.set(value+step);
			} catch(e) {}
			
		}
	});
	
	sl1.set(dstartv);
	

	var el2 = $(idstr+'_end');
		
	var sl2 = new Slider(el2, el2.getElement('.knob'), {
		steps: steps,
		range: [minv, maxv],
		onChange: function(value){
			
			if(value >= (minv + step)) {
				$(idstr+'_end_show_value').innerHTML = value;
				$(idstr+'_end_value').value = value;
			} else
				sl2.set(value + step);
			
			try {
				if($(idstr+'_start_value').value.toInt() >= $(idstr+'_end_value').value.toInt())
					sl1.set(value-step);
			} catch(e) {}
			
			
		}
	});
	
	sl2.set(dendv);
	

}



var ils = new Array();
var ts = new Array();
var lts = new Array();
var fts = new Array();

function setImageLoop(idstr, ix, lt, ft) {

	ts[idstr] = $clear(ts[idstr]);
	
	if(ix) 
		ils[idstr] = ix;
	else 
		ils[idstr] = 1;
	
	if(lt) 
		lts[idstr] = lt;
	if(ft) 
		fts[idstr] = ft;
		
	runImageLoop(idstr);
	
	ts[idstr] = (function() {runImageLoop(idstr)}).periodical(lts[idstr].toInt());
}



function runImageLoop(idstr) {

	var allinput = $$("div.img_container");	
	
	var es = new Array();
	
	for (var i=0;i<allinput.length;i++) {
		
		var eid = allinput[i].id;
		
		if(eid.indexOf('img_container_'+idstr+'_') > -1) {
		
			es[es.length] = allinput[i];
		
		}			
	}
		
	if(es.length < ils[idstr])
		ils[idstr] = 1;	
	
	for (var i=0;i<es.length;i++) {		
					
		var eid = es[i].id;
			
		if(eid == 'img_container_'+idstr+'_'+ils[idstr]) {
		
			$('img_link_'+idstr+'_'+ils[idstr]).set('class', 'img_pager_active');
			
			$(eid).style.display = 'block';

     		  	new Fx.Morph(eid, {duration: fts[idstr].toInt()}).start({'opacity':1}); 
     		  	
     		  	var myElement = $(eid).getElement('img');
     		  	
			$(eid).style.display = 'block';

     		  	new Fx.Morph($('img_wrapper_'+idstr), {duration: fts[idstr].toInt()}).start({'height':myElement.height.toInt()}); 
		
			
		} else {
		
			$('img_link_'+idstr+'_'+(i+1)).set('class', '');
						
     		  	new Fx.Morph(eid, {duration: fts[idstr].toInt()}).start({'opacity':0}); 			
		}
		
	}

	ils[idstr] = ils[idstr] + 1;	
	
}


function pauseImageLoop(idstr) {

	ts[idstr] = $clear(ts[idstr]);

}


function resumeImageLoop(idstr) {

	ts[idstr] = (function() {runImageLoop(idstr)}).periodical(lts[idstr].toInt());
}







var myFx;
var myTimer;

function showSiteControlPanel() {

	myTimer = $clear(myTimer);

	if(myFx)
		myFx.cancel();
	
	myFx = new Fx.Tween($('sitecontrolpanel'), {duration: '250'});
	
	myTimer = myFx.start.pass(['top', '0px'], myFx).delay(300);
}


function hideSiteControlPanel() {

	myTimer = $clear(myTimer);

	if(myFx)
		myFx.cancel();
	
	myFx = new Fx.Tween($('sitecontrolpanel'), {duration: '500'});
	
	myTimer = myFx.start.pass(['top', '-'+($('sitecontrolpanel').offsetHeight -5)+'px'], myFx).delay(300);


}