var offX;
var knobWidth=7;
var delta1=0;
var delta2=0;
var isIE  = (navigator.appVersion.indexOf("MSIE") != -1) ? true : false;
var isWin = (navigator.appVersion.toLowerCase().indexOf("win") != -1) ? true : false;
var isOpera = (navigator.userAgent.indexOf("Opera") != -1) ? true : false;
var isSaf = (navigator.userAgent.indexOf("Apple") != -1) ? true : false;
function $(id) {return document.getEleentById(id)}
function pageInit(){
		var allEl=document.getElementsByTagName('IMG');
		var allSlide=document.getElementsByTagName('TABLE');
		window.val1=($('maxsq'))?$('maxsq').value*1:0;
		window.val2=($('maxco'))?$('maxco').value*1:0;
		window.val3=($('minsq'))?$('minsq').value*1:0;
		window.val4=($('minco'))?$('minco').value*1:0;
		delta2=10;
		if(isIE) delta1=3;
		else if(isOpera||isSaf) delta1=1;
		else delta1=1;
		document.main.sqmin.onkeyup=setPosition;
		document.main.sqmax.onkeyup=setPosition;
		document.main.comin.onkeyup=setPosition;
		document.main.comax.onkeyup=setPosition;
		window.pixco=Math.round(($('maxco').value-$('minco').value)/(400-13*knobWidth));
		window.pixsq=Math.round(($('maxsq').value-$('minsq').value)/(282-7*knobWidth));
		for(var i=0;i<allEl.length;i++){
			allEl[i].onmousedown=handleMouseDown;
		}
		for(var i=0;i<allSlide.length;i++){
			if(navigator.appVersion.indexOf("MSIE") != -1)
				allSlide[i].onmousedown=sliderClick;	
			else
				allSlide[i].onclick=sliderClick;	
		}
}
function fixEvent(e) {
	e = e || window.event
	if ( e.pageX == null && e.clientX != null ) {
	   var html = document.documentElement
	   var body = document.body
	   e.pageX = e.clientX + (html && html.scrollLeft || body && body.scrollLeft || 0) - (html.clientLeft || 0)
	   e.pageY = e.clientY + (html && html.scrollTop || body && body.scrollTop || 0) - (html.clientTop || 0)
	}
	if (!e.which && e.button) {
	    e.which = e.button & 1 ? 1 : ( e.button & 2 ? 3 : ( e.button & 4 ? 2 : 0 ) )
	}
	   return e
}
function handleMouseDown(e){
		e=fixEvent(e)
		if(e.which!=1) return;
		var movOb=getmovOb(this);
		if(movOb){
			var elem=getParent(movOb,"TD")
			offX=offsetPosition(movOb.parentNode);
			if((movOb.id=="lBegun")||(movOb.id=="lBegun1"))	{
				opposeX=offsetPosition(elem.nextSibling.nextSibling.firstChild.firstChild)
				}
			else
				opposeX=offsetPosition(elem.previousSibling.previousSibling.firstChild.firstChild)
			document.body.onmousemove=function(e){
				var event=fixEvent(e);
				if(event.which!=1) return;
				if(movOb){
					if((movOb.id!="rBegun")&&(movOb.id!="rBegun1")){
					if(offsetPosition(getParent(movOb,'TABLE').parentNode.parentNode)>event.pageX) {movOb.parentNode.style.width=0+'px';return false;}
					if(event.pageX<offsetPosition(movOb.parentNode)) return false;
						if (event.pageX>opposeX-4){
							movOb.parentNode.style.width=(movOb.parentNode.offsetWidth)+(opposeX-offsetPosition(movOb)-knobWidth)+"px";	
							}
						else
							movOb.parentNode.style.width=((event.pageX-offX)+Math.ceil(knobWidth/2))+"px";
					if(movOb.id=="lBegun")
						$('minsq').value=(offsetPosition(movOb)<=offsetPosition(getParent(movOb,'TABLE')))?val3:(offsetPosition(movOb)+knobWidth==opposeX)?$('maxsq').value:pixsq*(movOb.offsetLeft+delta1-getParent(movOb,'TABLE').offsetLeft-1)+val3;
					else 
						$('minco').value=(offsetPosition(movOb)<=offsetPosition(getParent(movOb,'TABLE')))?val4:(offsetPosition(movOb)+knobWidth==opposeX)?$('maxco').value:((movOb.offsetLeft-delta2)-getParent(movOb,'TABLE').offsetLeft+knobWidth+3)*pixco+val4;
				}
				else{
					var tab=$('forslide2');
					var tab1=$('forslide1');
					var offRight=offsetPosition(tab)+tab.offsetWidth;
					var offRight1=offsetPosition(tab1)+tab1.offsetWidth;
					if(movOb.id=="rBegun"){
						if(offRight1<event.pageX) {movOb.parentNode.style.width=0+'px';return false;}
						$('maxsq').value=(offsetPosition(movOb)+knobWidth>=offRight1)?val1:(offsetPosition(movOb)==opposeX+knobWidth)?$('minsq').value:val1-((getParent(movOb,'TABLE').offsetWidth+getParent(movOb,'TABLE').offsetLeft)-(getParent(movOb,'TD').offsetLeft+3)+delta1)*pixsq;
							if(event.pageX<opposeX+knobWidth+4){
								movOb.parentNode.style.width=movOb.parentNode.offsetWidth+(offsetPosition(movOb)-opposeX-knobWidth)+"px";
								}
							else
								movOb.parentNode.style.width=(offRight1-event.pageX+Math.ceil(knobWidth/2))+"px"
					}
					else{
						if((offRight<event.pageX)) {movOb.parentNode.style.width=0+'px';return false;}
							if(event.pageX<opposeX+knobWidth+4){
								movOb.parentNode.style.width=movOb.parentNode.offsetWidth+(offsetPosition(movOb)-opposeX-knobWidth)+"px";
								}
							else		
								movOb.parentNode.style.width=(offRight-event.pageX+Math.ceil(knobWidth/2))+"px";
						$('maxco').value=(offsetPosition(movOb)+knobWidth>=offRight)?val2:(offsetPosition(movOb)==opposeX+knobWidth)?$('minco').value:val2-((getParent(movOb,'TABLE').offsetWidth+getParent(movOb,'TABLE').offsetLeft)-(getParent(movOb,'TD').offsetLeft+knobWidth))*pixco;
					}
				}
			}
			return false;
			};
			document.body.onmouseup=function(){	
				if(movOb)
					document.body.onmousemove=null;
				return false;
			};
			window.onBlur=function(e){
				e=fixEvent(e);
				if(movOb)
					document.body.onmousemove=null;
				return false;
			}
		}
		return false;
}
function sliderClick(e){
	var event=fixEvent(e);
	if(event.which!=1) return;
	var slider=getSlideObject(this);
	var t=event.target||event.srcElement;
	if(t.tagName=='IMG') return;
	if(slider){
		var beg1=$('lBegun');
		var beg2=$('rBegun');
		var beg3=$('lBegun1');
		var beg4=$('rBegun1');
		if(slider.id=="forslide2"){
		var right1=offsetPosition(slider)+slider.offsetWidth;
		if((event.clientX-offsetPosition(beg3))<(offsetPosition(beg4)-event.clientX)){
          beg3.parentNode.style.width = (event.clientX-offsetPosition(slider)+Math.round(knobWidth/2))+"px";
		  $("minco").value=(offsetPosition(beg3)-offsetPosition(slider)+knobWidth)*pixco;
		}		  
		else{
		   beg4.parentNode.style.width = (right1-event.clientX+Math.round(knobWidth/2))+"px";
		   $("maxco").value=(getParent(beg4,'TABLE').offsetWidth-beg4.parentNode.offsetWidth)*pixco;
		   }
		} 
		if(slider.id=="forslide1"){
			var right=offsetPosition(slider)+slider.offsetWidth;
			if((event.clientX-offsetPosition(beg1))<(offsetPosition(beg2)-event.clientX)){
				beg1.parentNode.style.width = (event.clientX-offsetPosition(slider)+Math.round(knobWidth/2))+"px"; 
				$("minsq").value=(offsetPosition(beg1)-offsetPosition(slider)+knobWidth)*pixsq;
			}
			else{
				beg2.parentNode.style.width = (right-event.clientX+Math.round(knobWidth/2))+"px";
				$("maxsq").value=(getParent(beg2,'TABLE').offsetWidth-beg2.parentNode.offsetWidth)*pixsq;
		    }
		} 
	}
}
function setPosition(e)
{
	e=fixEvent(e);
	var beg1=$('lBegun');
	var beg2=$('rBegun');
	var beg3=$('lBegun1');
	var beg4=$('rBegun1');
	var minsq=$('minsq');
	var maxsq=$('maxsq');
	var minco=$('minco');
	var maxco=$('maxco');
	if(minsq.value!=''&&this.id=="minsq")
		if(Math.round(minsq.value/pixsq)<offsetPosition(beg2)-offsetPosition(getParent(beg1,'TABLE')))
			beg1.parentNode.style.width=Math.round(minsq.value/pixsq)+'px';
	if(maxsq.value!=''&&this.id=="maxsq")
		if(Math.round(maxsq.value/pixsq)<getParent(beg2,'TABLE').offsetWidth+offsetPosition(getParent(beg2,'TABLE'))-offsetPosition(beg1))
			beg2.parentNode.style.width=Math.round(val1/pixsq)-Math.round(maxsq.value/pixsq)-40+'px';
	if(minco.value!=''&&this.id=="minco")
		if(Math.round(minco.value/pixco)<offsetPosition(beg4)-offsetPosition(getParent(beg3,'TABLE')))
			beg3.parentNode.style.width=Math.round(minco.value/pixco)+'px';
	if(maxco.value!=''&&this.id=="maxco")
		if(Math.round(maxco.value/pixco)<getParent(beg4,'TABLE').offsetWidth+offsetPosition(getParent(beg4,'TABLE'))-offsetPosition(beg3))
			beg4.parentNode.style.width=Math.round(val2/pixco)-Math.round(maxco.value/pixco)-100+'px';
}
function offsetPosition(elem){
	var offsetLeft=0;
	do{
		offsetLeft+=elem.offsetLeft;
	}
	while(elem=elem.offsetParent);
	return offsetLeft;
}
function getmovOb(object){
	if (object.tagName == "BODY") return null;
	if(object.className=="knob") return object;
	return getmovOb(object.parentNode);
}
function getSlideObject(object){
	if (object.tagName == "BODY") return null;
	if(object.className=="polzun") return object;
	return getSlideObject(object.parentNode);
}
function getParent(obj, parentTagName) {
    return (obj.tagName==parentTagName)?obj:getParent(obj.parentNode, parentTagName);
}
window.onload=pageInit;