// JavaScript Document
var mysX,mysY;
var inAnim = false;
var inStartAnim = 0;
var	inEndAnim = 0;
var animTimeout = Array();
var itemWidths = Array();

function myska(e){
	var d,b;
	if (!e) {var e=window.event;} //IE mouse event
		if (e.pageX || e.pageY) //other
		{mysX=e.pageX; mysY=e.pageY;}
			else if (e.clientX || e.clientY) //IE
		{
		d=document.documentElement?document.documentElement:document.body;
		mysX=e.clientX+d.scrollLeft; mysY=e.clientY+d.scrollTop;
	}
}




endPos = Array();
currPos = Array();
counter = Array();

function startAnim(id, position){
	endPos[id] = position;
	currPos[id] = 582;
	counter[id] = 1;
	animTimeout[id] = setInterval('setAnimWUp('+id+')', 20);
}
function setAnimWUp(id){
	if((currPos[id] + counter[id]) > endPos[id]){
		getObject('vyp-pol-'+id).style.width = endPos[id] + 'px';
		clearInterval(animTimeout[id]);
		inStartAnim--;
	} else {
		currPos[id] = currPos[id] + counter[id];
		getObject('vyp-pol-'+id).style.width = currPos[id] + 'px';
		counter[id] += 1;
	}
}
function endAnim(){
	for(i1 = 0; i1 < 30; i1++){
		if(itemWidths[i1] > 582){
			endPos[i1] = 582;
			currPos[i1] = itemWidths[i1];
			counter[i1] = 1;
			inEndAnim++;
			animTimeout[i1] = setInterval('setAnimWDwn('+i1+')', 20);	
		}
	}
}
function setAnimWDwn(id){
	if((currPos[id] - counter[id]) < endPos[id]){
		getObject('vyp-pol-'+id).style.width = endPos[id] + 'px';
		clearInterval(animTimeout[id]);
		inEndAnim--;
	} else {
		currPos[id] = currPos[id] - counter[id];
		getObject('vyp-pol-'+id).style.width = currPos[id] + 'px';
		counter[id] += 1;
	}
}


in_animation = Array();
in_bounce = Array();
item_widths = Array();
item_final_width = Array();
item_multiplier = Array();
item_intervals = Array();
item_ov = Array();

function assign_items(){
	for(i = 0; getObject('vyp-pol-'+i); i++){
		getObject('vyp-pol-'+i).onmouseover = function() { itemOver(this); }
		getObject('vyp-pol-'+i).onmouseout = function() { itemOut(this); }			
	}
}

function itemOut(item_object){
	q = 1.1
	id = parseInt(substr1(item_object.id, 8));

	//opacity(getObject('vyp-bg-ov'+id), 100, 0, 500);
	stopid = false;
	//hideSmallAnims(id);
 	setTimeout('hideSmallAnims('+id+')', 20);

	startItemAnimation(	(id-1),	582, 20, q);
	startItemAnimation(	 id, 	582, 20, q);
	startItemAnimation(	(id+1),	582, 20, q);
	
}

var overid;
var stopid;
function hideSmallAnims(id){
	if(id !== stopid){
		getObject('kulicka'+id).style.display = "none";
		getObject('sipka'+id).style.display = "none";
		if(id == 0){
			getObject('vyp-pol-'+id).style.backgroundImage = "url(/graphics/item_first.png)";		
		} else if(id == (itemsperpage-1)){
			getObject('vyp-pol-'+id).style.backgroundImage = "url(/graphics/item_last.png)";
		} else {
			getObject('vyp-pol-'+id).style.backgroundImage = "url(/graphics/item_bg.png)";
		}
		getObject('vyp-klik-'+id).style.display = "none";
	}
	if(stopid === false){
		overid = false;
	}	
}

function showSmallAnims(id){
	if(id !== overid){
		overid = id;
		getObject('vyp-pol-'+id).style.backgroundImage = "url(/graphics/item_bg_ov.png)";
		getObject('vyp-klik-'+id).style.display = "block";
		getObject('kulicka'+id).style.display = "block";
		getObject('sipka'+id).style.display = "block";
	}
}

function itemOver(item_object){
	q = 1.1
	id = parseInt(substr1(item_object.id, 8));

	//opacity(getObject('vyp-bg-ov'+id), 0, 100, 500);
	stopid = id;
	//showSmallAnims(id);
 	setTimeout('showSmallAnims('+id+')', 10);

	//startItemBounce(id, 650, 603, 20, q);
	startItemAnimation((id-1), 591, 20, q);	
	startItemAnimation(id, 603, 20, q);
	startItemAnimation(	(id+1),	591, 20, q);
}

function startItemBounce(id, bouncewidth, width, interval, q){
	if(getObject('vyp-pol-'+id)){
		if(in_animation[id]){
			clearInterval(item_intervals[id]);
		} else {
			in_animation[id] = true;
		}
		
		if(!item_widths[id]){
			item_widths[id] = 582;
		}
		
		item_final_width[id] = bouncewidth;
		
		animation_width = (Math.abs(bouncewidth - item_widths[id]) + Math.abs(bouncewidth - width));
		decrement_pos = (Math.log((q-1)*animation_width + 1) / Math.log(q));
		item_multiplier[id] = Math.round(Math.pow(q, (Math.round(decrement_pos - 1))));
	
		if(!in_bounce[id]){
			in_bounce[id] = true;
			item_intervals[id] = setInterval('bounceItem(' + id + ',' + q + ', ' + width + ', ' + interval + ')', interval);
		}
	}
}
function bounceItem(id, q, width, interval){
	if(item_final_width[id] > item_widths[id]){
		item_widths[id] = item_widths[id] + item_multiplier[id];
		if(item_widths[id] > item_final_width[id]){
			item_widths[id] = item_final_width[id];
		}
		getObject('vyp-pol-'+id).style.width = item_widths[id] + 'px';

		item_multiplier[id] = Math.round(item_multiplier[id] / q);
		if(item_multiplier[id] < 1){
			item_multiplier[id] = 1;
		}
	} else if(item_final_width[id] < item_widths[id]){
		item_widths[id] = item_widths[id] - item_multiplier[id];
		if(item_widths[id] < item_final_width[id]){
			item_widths[id] = item_final_width[id];
		}

		getObject('vyp-pol-'+id).style.width = item_widths[id] + 'px';

		item_multiplier[id] = Math.round(item_multiplier[id] / q);
		if(item_multiplier[id] < 1){
			item_multiplier[id] = 1;
		}
	} else {
		if(item_final_width[id] != width){
			item_final_width[id] = width;
		} else {
			getObject('status'+id).innerHTML = in_bounce[id];
			if(item_final_width[id] == item_widths[id]){
			
			clearInterval(item_intervals[id]);
			in_animation[id] = false;
			in_bounce[id] = false;
			}
		}
	}
}

function startItemAnimation(id, width, interval, q){
	if(getObject('vyp-pol-'+id)){
		if(!item_widths[id]){
			item_widths[id] = 582;
		}
		
		item_final_width[id] = width;
		
		animation_width = Math.abs(item_final_width[id] - item_widths[id]);
		decrement_pos = (Math.log((q-1)*animation_width + 1) / Math.log(q));
		item_multiplier[id] = Math.round(Math.pow(q, (Math.round(decrement_pos - 1))));
	
		if(!in_animation[id] && !in_bounce[id]){
			in_animation[id] = true;
			item_intervals[id] = setInterval('animateItem(' + id + ',' + q + ')', interval);
		}
	}
}

function animateItem(id, q){
	if(item_final_width[id] > item_widths[id]){
		item_widths[id] = item_widths[id] + item_multiplier[id];
		if(item_widths[id] > item_final_width[id]){
			item_widths[id] = item_final_width[id];
		}
		getObject('vyp-pol-'+id).style.width = item_widths[id] + 'px';

		item_multiplier[id] = Math.round(item_multiplier[id] / q);
		if(item_multiplier[id] < 1){
			item_multiplier[id] = 1;
		}
	} else if(item_final_width[id] - item_widths[id] < 0){
		item_widths[id] = item_widths[id] - item_multiplier[id];
		if(item_widths[id] < item_final_width[id]){
			item_widths[id] = item_final_width[id];
		}

		getObject('vyp-pol-'+id).style.width = item_widths[id] + 'px';

		item_multiplier[id] = Math.round(item_multiplier[id] / q);
		if(item_multiplier[id] < 1){
			item_multiplier[id] = 1;
		}
	} else {
		in_animation[id] = false;		
		clearInterval(item_intervals[id]);
	}
}



document.onmousemove= mouse_move_event;

function mouse_move_event(e){
	myska(e);
	animSlider();
	animSlider2();
}

function assign_vyp_events(itemsPerPage){
	assignMap2();
	assingSliders();
	
	assign_sort_events();
	load_sort_status();
	
	loadMap2();
	loadSlider();
	loadSlider2();
	
	assignForm();
	assign_items(itemsPerPage);
}

/* >>> ============================================ F I L T E R ================================================= <<< */
/* =======================================  ANIMACE SLIDERS 1 - DISPOZICE =========================================== */
function transDisp(id){
	var disp = Array();	
	disp[1] = "1+kk";
	disp[2] = "1+1";
	disp[3] = "2+kk";
	disp[4] = "2+1";
	disp[5] = "3+kk";
	disp[6] = "3+1";
	disp[7] = "4+kk";
	disp[8] = "4+1";
	disp[9] = "5+kk";
	disp[10] = "větší";
	
	return disp[id];
}

function assignForm(){
	getObject('formfilter').onsubmit = function() {
		getObject('price-from').disabled = false;
		getObject('price-to').disabled = false;
	}
}

var sliderDwn;
var leftpos = 0;
var rightpos = 152;
var direction;

function loadSlider(){
	lpos = getObject('disfrom').value;
	rpos = getObject('disto').value;
	
	lpos--;
	rpos--;
	
	leftpos = (lpos * 16) + 2;
	rightpos = (rpos * 16 + 2);
	
	getObject('sl-left').style.left = (leftpos-2) + "px";
	getObject('sl-right').style.left = (rightpos-2) + "px";
	getObject('slider-ov').style.left = leftpos + "px";
	getObject('slider-ov').style.width = ((rightpos) - leftpos) + "px";
	getObject('sliderimg').style.left = (-leftpos) + "px";
		
	var az = (rpos == 9) ? "a " : "až ";

	getObject('disp-from').innerHTML = transDisp(lpos+1);
	getObject('disp-to').innerHTML = az + transDisp(rpos+1);

	if(leftpos == rightpos){
		getObject('disp-to').style.visibility = "hidden";
	} else {
		getObject('disp-to').style.visibility = "visible";
	}
}

function animSlider(){
	if(sliderDwn){
		mouseX = (mysX - (intval(getWidth()/2) - 110));

		if(mouseX >= 2 && mouseX <= 146){
			if(direction == "leva"){
				if(mouseX > rightpos){
					direction = "prava";
					animSlider();
				} else {
					leftpos = mouseX;
					
					tmp = intval((leftpos-2) / 16);
					if(((leftpos-2) % 16) >= 8)
						tmp++;
					leftpos = (tmp * 16) + 2;
					
					getObject('sl-left').style.left = (leftpos-2) + "px";					
					getObject('slider-ov').style.left = leftpos + "px";
					getObject('slider-ov').style.width = ((rightpos) - leftpos) + "px";
					getObject('sliderimg').style.left = (-leftpos) + "px";

					var az = (tmp == 9) ? "a " : "až ";
					if(leftpos == rightpos){
						getObject('disp-to').style.visibility = "hidden";
						
						getObject('disp-from').innerHTML = transDisp(tmp+1);
						getObject('disp-to').innerHTML = az + transDisp(tmp+1);

						getObject('disfrom').value = tmp + 1;
						getObject('disto').value = tmp + 1;
					} else {
						getObject('disp-to').style.visibility = "visible";
						
						getObject('disp-from').innerHTML = transDisp(tmp+1);
						getObject('disfrom').value = tmp + 1;				
					}
					
				}
			} else {
				if(mouseX < leftpos){
					direction = "leva";
					animSlider();
				} else {
					rightpos = mouseX;
					
					tmp = intval((rightpos-2) / 16);
					if(((rightpos-2) % 16) >= 8)
						tmp++;
					rightpos = (tmp * 16)+2;
					
					getObject('slider-ov').style.width = ((rightpos) - leftpos) + "px";
					getObject('sliderimg').style.left = (-leftpos) + "px";
					getObject('sl-right').style.left = (rightpos-2) + "px";

					var az = (tmp == 9) ? "a " : "až ";
					if(leftpos == rightpos){
						getObject('disp-to').style.visibility = "hidden";
						
						getObject('disp-from').innerHTML = transDisp(tmp+1);
						getObject('disp-to').innerHTML = az + transDisp(tmp+1);

						getObject('disfrom').value = tmp + 1;
						getObject('disto').value = tmp + 1;
					} else {
						getObject('disp-to').innerHTML = az + transDisp(tmp+1);
						getObject('disto').value = tmp + 1;
						getObject('disp-to').style.visibility = "visible";						
					}
				}
				
			}
		}
	}
}
/* ======================================================================================================= */

/* ======================================  ANIMACE SLIDERS 2 - CENA ====================================== */
function transPrice(pixels){
	if(pixels == 0){
		return "neuvedeno";	
	}
	if(pixels > 0 && pixels <= 80){
		return pixels * 100000;
	}
	if(pixels > 80 && pixels <= 110){
		return 8000000 + ((pixels-80) * 250000);
	}
	if(pixels > 110 && pixels <= 139){
		return 15500000 + ((pixels-110) * 500000);		
	}
	if(pixels > 139 && pixels <= 142){
		return 30000000;	
	}
	if(pixels > 142){
		return "neomezeně";
	}
}
function transPixels(price){
	price = parseInt(price);
	if(price >= 0 && price <= 8000000){
		return intval(price / 100000);
	}
	if(price > 8000000 && price <= 15500000){
		return (80 + (intval((price-8000000) / 250000)));
	}
	if(price > 15500000 && price < 30000000){
		return (110 + (intval((price-15500000) / 500000)));
	}
}

var sliderDwn2;
var leftpos2 = 0;
var rightpos2 = 152;

function loadSlider2(){
	pricefrom = getObject('price-from').value;
	priceto = getObject('price-to').value;

	pricefrom = str_replace(' ', '', pricefrom);
	priceto = str_replace(' ', '', priceto);

	if(pricefrom == 'neuvedeno'){
		leftpos2 = 2;
	} else if (pricefrom == 'neomezeně'){
		leftpos2 = 146;
	} else if (isNumeric(pricefrom)){
		leftpos2 = transPixels(pricefrom) + 2;					
	} else {
		leftpos2 = 2;
		getObject('price-from').value = "neuvedeno";
		getObject('price-from-capt').value = "neuvedeno";
	}

	if(priceto == "neuvedeno"){
		rightpos2 = 2;
	} else if (priceto == "neomezeně"){
		rightpos2 = 146;
	} else if (isNumeric(priceto)){
		rightpos2 = transPixels(priceto) + 2;
	} else {
		rightpos2 = 146;
		getObject('price-to').value = "neomezeně";
		getObject('price-to-capt').value = "neomezeně";
	}

	getObject('sl-left2').style.left = (leftpos2-2) + "px";
	getObject('sl-right2').style.left = (rightpos2-2) + "px";
	getObject('slider-ov2').style.left = leftpos2 + "px";
	getObject('slider-ov2').style.width = ((rightpos2) - leftpos2) + "px";
	getObject('sliderimg2').style.left = (-leftpos2) + "px";
}

function animSlider2(){
	if(sliderDwn2){
		mouseX = (mysX - (intval(getWidth()/2) - 110));

		if(mouseX >= 2 && mouseX <= 146){
			if(direction == "leva"){
				if(mouseX > rightpos2){
					direction = "prava";
					animSlider2();
				} else {
					leftpos2 = mouseX;
					
					getObject('sl-left2').style.left = (leftpos2-2) + "px";					
					getObject('slider-ov2').style.left = leftpos2 + "px";
					getObject('slider-ov2').style.width = ((rightpos2) - leftpos2) + "px";
					getObject('sliderimg2').style.left = (-leftpos2) + "px";
					
					getObject('price-from').value = formatNum(transPrice(leftpos2-2), " ");
					getObject('price-from-capt').innerHTML = formatNum(transPrice(leftpos2-2), " ");
				}
			} else {
				if(mouseX < leftpos2){					
					direction = "leva";
					animSlider2();
				} else {
					rightpos2 = mouseX;
					
					getObject('slider-ov2').style.width = ((rightpos2) - leftpos2) + "px";
					getObject('sliderimg2').style.left = (-leftpos2) + "px";
					getObject('sl-right2').style.left = (rightpos2-2) + "px";

					getObject('price-to').value = formatNum(transPrice(rightpos2-2), " ");
					getObject('price-to-capt').innerHTML = formatNum(transPrice(rightpos2-2), " ");
				}
				
			}
		}
	}
}
/* ============================================================================================================== */

/* ============================================== SLIDER SCRIPTS ================================================ */
function sliderDown(){
	document.onselectstart = new Function ("return false");
	mouseX = (mysX - (intval(getWidth()/2) - 110));
	leftabs = Math.abs(leftpos - mouseX);
	rightabs = Math.abs(rightpos - mouseX);
	if(leftabs < rightabs){
		direction = "leva";
	} else {
		direction = "prava";	
	}
	sliderDwn = true;
	animSlider();
}
function sliderDown2(){
	document.onselectstart=new Function ("return false");
	mouseX = (mysX - (intval(getWidth()/2) - 110));
	leftabs = Math.abs(leftpos2 - mouseX);
	rightabs = Math.abs(rightpos2 - mouseX);
	if(leftabs < rightabs){
		direction = "leva";
	} else {
		direction = "prava";	
	}
	sliderDwn2 = true;
	animSlider2();
}
function sliderUp(){
	sliderDwn = false;
	sliderDwn2 = false;
	document.onselectstart=new Function ("return true");
}

function assingSliders(){
	getObject('slider-mv').onmousedown = function() { sliderDown(); }
	getObject('sl-right').onmousedown = function() { sliderDown(); }
	getObject('sl-left').onmousedown = function() { sliderDown(); }
	document.onmouseup = function() { sliderUp(); }

	getObject('slider-mv2').onmousedown = function() { sliderDown2(); }
	getObject('sl-right2').onmousedown = function() { sliderDown2(); }
	getObject('sl-left2').onmousedown = function() { sliderDown2(); }
}
/* ========================================================================================== */


/* ====================================== MAP SCRIPTS ======================================= */
var mapstatus = Array();
function mapOver(mapid){
	mapobj = getObject('map'+mapid);
	btnobj = getObject('pol'+mapid)
	mapobj.style.visibility = "visible";
	btnobj.style.backgroundImage = "url(/graphics/filter/btn"+mapid+"_over.gif)";
}
function mapOut(mapid){
	mapobj = getObject('map'+mapid);
	btnobj = getObject('pol'+mapid);
	btnobj.style.backgroundImage = (mapstatus[mapid] ? "url(/graphics/filter/btn"+mapid+"_over.gif)" : "url(/graphics/filter/btn"+mapid+".gif)");
	mapobj.style.visibility = (mapstatus[mapid] ? "visible" : "hidden");
}
function mapDown(mapid){
	btnobj = getObject('pol'+mapid);
	btnobj.style.backgroundImage = "url(/graphics/filter/btn"+mapid+"_down.gif)"
}
function mapUp(mapid){
	mapobj = getObject('map'+mapid);
	btnobj = getObject('pol'+mapid)
	if(mapstatus[mapid]){
		mapstatus[mapid] = 0;
		btnobj.style.backgroundImage = "url(/graphics/filter/btn"+mapid+".gif)"
		mapobj.style.visibility = "hidden";
	} else {
		mapstatus[mapid] = 1;
		btnobj.style.backgroundImage = "url(/graphics/filter/btn"+mapid+"_over.gif)"
		mapobj.style.visibility = "visible";			
	}
}
function assignMap(){
	getObject('pol1').onmouseover = function() { mapOver(1); }
	getObject('pol1').onmouseout = function() { mapOut(1); }
	getObject('pol1').onmousedown = function() { mapDown(1); }
	getObject('pol1').onmouseup = function(){ mapUp(1); }

	getObject('pol2').onmouseover = function() { mapOver(2); }
	getObject('pol2').onmouseout = function() { mapOut(2); }
	getObject('pol2').onmousedown = function() { mapDown(2); }
	getObject('pol2').onmouseup = function(){ mapUp(2) };
	
	getObject('pol3').onmouseover = function() { mapOver(3); }
	getObject('pol3').onmouseout = function() { mapOut(3); }
	getObject('pol3').onmousedown = function() { mapDown(3); }
	getObject('pol3').onmouseup = function(){ mapUp(3) };

	getObject('pol4').onmouseover = function() { mapOver(4); }
	getObject('pol4').onmouseout = function() { mapOut(4); }
	getObject('pol4').onmousedown = function() { mapDown(4); }
	getObject('pol4').onmouseup = function(){ mapUp(4); }
}
/* ========================================================================================== */

/* ====================================== MAP SCRIPTS2 ======================================= */
var mapstatus2 = Array();
function loadMap2(){
	for(i = 0; i <= 10; i++){
		mapstatus2[i] = getObject('map-h'+i).value;
		if(mapstatus2[i] == 1){
			mapobj = getObject('map-p' + i);
			btnobj = getObject('map-ph' + i);
			mapobj.style.visibility = "visible";
			btnobj.src = "/graphics/filter/ph" + i + "ov.gif";
		}
	}
}

function mapOver2(mapid){
	mapobj = getObject('map-p'+mapid);
	btnobj = getObject('map-ph'+mapid);
	mapobj.style.visibility = "visible";
	btnobj.src = "/graphics/filter/ph"+mapid+"ov.gif";
}
function mapOut2(mapid){
	mapobj = getObject('map-p'+mapid);
	btnobj = getObject('map-ph'+mapid);
	btnobj.src = ((mapstatus2[mapid] == 1) ? "/graphics/filter/ph"+mapid+"ov.gif" : "/graphics/filter/ph"+mapid+".gif");
	mapobj.style.visibility = ((mapstatus2[mapid] == 1) ? "visible" : "hidden");
}
function mapDown2(mapid){
	btnobj = getObject('map-ph'+mapid);
	btnobj.src = "/graphics/filter/ph"+mapid+"dn.gif";
	return false;
}
function mapUp2(mapid){
	mapobj = getObject('map-p'+mapid);
	btnobj = getObject('map-ph'+mapid);
	inpobj = getObject('map-h'+mapid);
	if(mapstatus2[mapid] == 1){
		mapstatus2[mapid] = 0;
		btnobj.src = "/graphics/filter/ph"+mapid+".gif";
		inpobj.value = 0;
		mapobj.style.visibility = "hidden";
	} else {
		mapstatus2[mapid] = 1;
		inpobj.value = 1;		
		btnobj.src = "/graphics/filter/ph"+mapid+"ov.gif";
		mapobj.style.visibility = "visible";
	}
	return false;
}
function assignMap2(){
	getObject('map-ph0').onmouseover = function() { mapOver2(0); }
	getObject('map-ph0').onmouseout = function() { mapOut2(0); }
	getObject('map-ph0').onmousedown = function() { mapDown2(0); }
	getObject('map-ph0').onmouseup = function(){ mapUp2(0); }
	
	getObject('map-ph1').onmouseover = function() { mapOver2(1); }
	getObject('map-ph1').onmouseout = function() { mapOut2(1); }
	getObject('map-ph1').onmousedown = function() { mapDown2(1); }
	getObject('map-ph1').onmouseup = function(){ mapUp2(1); }

	getObject('map-ph2').onmouseover = function() { mapOver2(2); }
	getObject('map-ph2').onmouseout = function() { mapOut2(2); }
	getObject('map-ph2').onmousedown = function() { mapDown2(2); }
	getObject('map-ph2').onmouseup = function(){ mapUp2(2); }

	getObject('map-ph3').onmouseover = function() { mapOver2(3); }
	getObject('map-ph3').onmouseout = function() { mapOut2(3); }
	getObject('map-ph3').onmousedown = function() { mapDown2(3); }
	getObject('map-ph3').onmouseup = function(){ mapUp2(3); }

	getObject('map-ph4').onmouseover = function() { mapOver2(4); }
	getObject('map-ph4').onmouseout = function() { mapOut2(4); }
	getObject('map-ph4').onmousedown = function() { mapDown2(4); }
	getObject('map-ph4').onmouseup = function(){ mapUp2(4); }

	getObject('map-ph5').onmouseover = function() { mapOver2(5); }
	getObject('map-ph5').onmouseout = function() { mapOut2(5); }
	getObject('map-ph5').onmousedown = function() { mapDown2(5); }
	getObject('map-ph5').onmouseup = function(){ mapUp2(5); }

	getObject('map-ph6').onmouseover = function() { mapOver2(6); }
	getObject('map-ph6').onmouseout = function() { mapOut2(6); }
	getObject('map-ph6').onmousedown = function() { mapDown2(6); }
	getObject('map-ph6').onmouseup = function(){ mapUp2(6); }

	getObject('map-ph7').onmouseover = function() { mapOver2(7); }
	getObject('map-ph7').onmouseout = function() { mapOut2(7); }
	getObject('map-ph7').onmousedown = function() { mapDown2(7); }
	getObject('map-ph7').onmouseup = function(){ mapUp2(7); }

	getObject('map-ph8').onmouseover = function() { mapOver2(8); }
	getObject('map-ph8').onmouseout = function() { mapOut2(8); }
	getObject('map-ph8').onmousedown = function() { mapDown2(8); }
	getObject('map-ph8').onmouseup = function(){ mapUp2(8); }

	getObject('map-ph9').onmouseover = function() { mapOver2(9); }
	getObject('map-ph9').onmouseout = function() { mapOut2(9); }
	getObject('map-ph9').onmousedown = function() { mapDown2(9); }
	getObject('map-ph9').onmouseup = function(){ mapUp2(9); }
	
	getObject('map-ph10').onmouseover = function() { mapOver2(10); }
	getObject('map-ph10').onmouseout = function() { mapOut2(10); }
	getObject('map-ph10').onmousedown = function() { mapDown2(10); }
	getObject('map-ph10').onmouseup = function(){ mapUp2(10); }

	getObject('map-ar0').onmouseover = function() { mapOver2(0); }
	getObject('map-ar0').onmouseout = function() { mapOut2(0); }
	getObject('map-ar0').onmousedown = function() { mapDown2(0); }
	getObject('map-ar0').onmouseup = function(){ mapUp2(0); }
	getObject('map-ar0').onclick = function(){ return false; }	
	
	getObject('map-ar1').onmouseover = function() { mapOver2(1); }
	getObject('map-ar1').onmouseout = function() { mapOut2(1); }
	getObject('map-ar1').onmousedown = function() { mapDown2(1); }
	getObject('map-ar1').onmouseup = function(){ mapUp2(1); }
	getObject('map-ar1').onclick = function(){ return false; }	

	getObject('map-ar2').onmouseover = function() { mapOver2(2); }
	getObject('map-ar2').onmouseout = function() { mapOut2(2); }
	getObject('map-ar2').onmousedown = function() { mapDown2(2); }
	getObject('map-ar2').onmouseup = function(){ mapUp2(2); }
	getObject('map-ar2').onclick = function(){ return false; }
	
	getObject('map-ar3').onmouseover = function() { mapOver2(3); }
	getObject('map-ar3').onmouseout = function() { mapOut2(3); }
	getObject('map-ar3').onmousedown = function() { mapDown2(3); }
	getObject('map-ar3').onmouseup = function(){ mapUp2(3); }
	getObject('map-ar3').onclick = function(){ return false; }
	
	getObject('map-ar4').onmouseover = function() { mapOver2(4); }
	getObject('map-ar4').onmouseout = function() { mapOut2(4); }
	getObject('map-ar4').onmousedown = function() { mapDown2(4); }
	getObject('map-ar4').onmouseup = function(){ mapUp2(4); }
	getObject('map-ar4').onclick = function(){ return false; }
	
	getObject('map-ar5').onmouseover = function() { mapOver2(5); }
	getObject('map-ar5').onmouseout = function() { mapOut2(5); }
	getObject('map-ar5').onmousedown = function() { mapDown2(5); }
	getObject('map-ar5').onmouseup = function(){ mapUp2(5); }
	getObject('map-ar5').onclick = function(){ return false; }
	
	getObject('map-ar6').onmouseover = function() { mapOver2(6); }
	getObject('map-ar6').onmouseout = function() { mapOut2(6); }
	getObject('map-ar6').onmousedown = function() { mapDown2(6); }
	getObject('map-ar6').onmouseup = function(){ mapUp2(6); }
	getObject('map-ar6').onclick = function(){ return false; }
	
	getObject('map-ar7').onmouseover = function() { mapOver2(7); }
	getObject('map-ar7').onmouseout = function() { mapOut2(7); }
	getObject('map-ar7').onmousedown = function() { mapDown2(7); }
	getObject('map-ar7').onmouseup = function(){ mapUp2(7); }
	getObject('map-ar7').onclick = function(){ return false; }
	
	getObject('map-ar8').onmouseover = function() { mapOver2(8); }
	getObject('map-ar8').onmouseout = function() { mapOut2(8); }
	getObject('map-ar8').onmousedown = function() { mapDown2(8); }
	getObject('map-ar8').onmouseup = function(){ mapUp2(8); }
	getObject('map-ar8').onclick = function(){ return false; }
	
	getObject('map-ar9').onmouseover = function() { mapOver2(9); }
	getObject('map-ar9').onmouseout = function() { mapOut2(9); }
	getObject('map-ar9').onmousedown = function() { mapDown2(9); }
	getObject('map-ar9').onmouseup = function(){ mapUp2(9); }
	getObject('map-ar9').onclick = function(){ return false; }

	getObject('map-ar10').onmouseover = function() { mapOver2(10); }
	getObject('map-ar10').onmouseout = function() { mapOut2(10); }
	getObject('map-ar10').onmousedown = function() { mapDown2(10); }
	getObject('map-ar10').onmouseup = function(){ mapUp2(10); }
	getObject('map-ar10').onclick = function(){ return false; }
}
/* ========================================================================================== */

/* =============================================== SORT ARROWS ========================================= */
function transSipId(sortby, sortdir){
	if(sortdir == 'asc') direction = "up";
	else direction = "dn";
	
	sipecka = Array();
	sipecka['dispozice'] = 1;
	sipecka['plocha_uz'] = 2;	
	sipecka['cena'] = 3;
	return "sipecka" + sipecka[sortby] + direction;
}
function load_sort_status(){
	if(getObject('sort-by').value && getObject('sort-dir').value){	
		getObject(transSipId(getObject('sort-by').value, getObject('sort-dir').value)).src = "/graphics/sort-" + getObject('sort-dir').value + "-dn.gif";
	}
}

function sortArrow_Ov(arrow, sortdir, sortby){
	if(getObject('sort-by').value != sortby || getObject('sort-dir').value != sortdir){	
		arrow.src = "/graphics/sort-" + sortdir + "-ov.gif";
	} else {
		arrow.src = "/graphics/sort-" + sortdir + "-dn.gif";
	}
}

function sortArrow_Out(arrow, sortdir, sortby){
	if(getObject('sort-by').value != sortby || getObject('sort-dir').value != sortdir){
		arrow.src = "/graphics/empty.gif";
	} else {
		arrow.src = "/graphics/sort-" + sortdir + "-dn.gif";
	}
}
function sortArrow_Dwn(arrow, sortdir, sortby){
	arrow.src = "/graphics/sort-" + sortdir + "-dn.gif";
}
function sortArrow_Up(arrow, sortdir, sortby){
	arrow.src = "/graphics/sort-" + sortdir + "-dn.gif";
	getObject('sort-by').value = sortby;
	getObject('sort-dir').value = sortdir;
	getObject('arrows-form').submit();	
}

function assign_sort_events(){

	getObject('sipecka1up').onmouseover = function() { sortArrow_Ov(this, 'asc', 'dispozice'); }
	getObject('sipecka1up').onmouseout = function() { sortArrow_Out(this, 'asc', 'dispozice'); }
	getObject('sipecka1up').onmousedown = function() { sortArrow_Dwn(this, 'asc', 'dispozice'); }
	getObject('sipecka1up').onmouseup = function(){ sortArrow_Up(this, 'asc', 'dispozice'); }

	getObject('sipecka1dn').onmouseover = function() { sortArrow_Ov(this, 'desc', 'dispozice'); }
	getObject('sipecka1dn').onmouseout = function() { sortArrow_Out(this, 'desc', 'dispozice'); }
	getObject('sipecka1dn').onmousedown = function() { sortArrow_Dwn(this, 'desc', 'dispozice'); }
	getObject('sipecka1dn').onmouseup = function(){ sortArrow_Up(this, 'desc', 'dispozice'); }

	getObject('sipecka2up').onmouseover = function() { sortArrow_Ov(this, 'asc', 'plocha_uz'); }
	getObject('sipecka2up').onmouseout = function() { sortArrow_Out(this, 'asc', 'plocha_uz'); }
	getObject('sipecka2up').onmousedown = function() { sortArrow_Dwn(this, 'asc', 'plocha_uz'); }
	getObject('sipecka2up').onmouseup = function(){ sortArrow_Up(this, 'asc', 'plocha_uz'); }

	getObject('sipecka2dn').onmouseover = function() { sortArrow_Ov(this, 'desc', 'plocha_uz'); }
	getObject('sipecka2dn').onmouseout = function() { sortArrow_Out(this, 'desc', 'plocha_uz'); }
	getObject('sipecka2dn').onmousedown = function() { sortArrow_Dwn(this, 'desc', 'plocha_uz'); }
	getObject('sipecka2dn').onmouseup = function(){ sortArrow_Up(this, 'desc', 'plocha_uz'); }

	getObject('sipecka3up').onmouseover = function() { sortArrow_Ov(this, 'asc', 'cena'); }
	getObject('sipecka3up').onmouseout = function() { sortArrow_Out(this, 'asc', 'cena'); }
	getObject('sipecka3up').onmousedown = function() { sortArrow_Dwn(this, 'asc', 'cena'); }
	getObject('sipecka3up').onmouseup = function(){ sortArrow_Up(this, 'asc', 'cena'); }

	getObject('sipecka3dn').onmouseover = function() { sortArrow_Ov(this, 'desc', 'cena'); }
	getObject('sipecka3dn').onmouseout = function() { sortArrow_Out(this, 'desc', 'cena'); }
	getObject('sipecka3dn').onmousedown = function() { sortArrow_Dwn(this, 'desc', 'cena'); }
	getObject('sipecka3dn').onmouseup = function(){ sortArrow_Up(this, 'desc', 'cena'); }
}





