var ImageScrollShow = Class.create();

ImageScrollShow.prototype = {
	initialize: function(element)
	{
    	this.element = $(element);
    	this.active = true;
		
 		this.startX = 0;
		this.toX = 0;
		this.element.scrollLeft=0;
    	this.scrolling = false;

		this.interval=null;
    	this.eventMouseMove = this.scrollx.bindAsEventListener(this);
		this.eventMouseOut = this.mout.bindAsEventListener(this);

    	Event.observe(this.element, 'mousemove', this.eventMouseMove);

		 
	},
	
	destroy: function() {
    Event.stopObserving(this.element, 'mousemove', this.eventMouseMove);
	},
	
	setPos: function()
	{
		var pers= ((this.startX-this.elmL)/this.elmW)*100;
		
		var elpar =(this.element.scrollWidth-this.elmW)/100;
			
		if(parseInt(pers*elpar)> this.element.scrollLeft)
		this.element.scrollLeft+= ((parseInt(pers*elpar)- this.element.scrollLeft)/10)+1;
		
		if(parseInt(pers*elpar)< this.element.scrollLeft)
		this.element.scrollLeft+= ((parseInt(pers*elpar)- this.element.scrollLeft)/10)+1;
			
			if(parseInt(pers*elpar) == this.element.scrollLeft)
			{
				clearInterval(this.interval);
				this.interval=null;
				}
		//$('err').innerHTML = this.element.scrollLeft + ' : ' + (parseInt(pers*elpar)- this.element.scrollLeft) + ' : ' + getElementLeft(this.element);
	},
	
	mout: function()
	{
		if(this.interval)
		{
			//clearInterval(this.interval);
			//this.interval=null;
		}
	},
	
	scrollx: function(event) {
	if(!this.interval)this.interval = setInterval(this.setPos.bind(this),5);
    if (this.active) {
		
		this.elmW = this.element.clientWidth;
		this.elmL = getElementLeft(this.element);
		this.startX = Event.pointerX(event);
		
	//	var pers= parseInt(((this.startX-this.elmL)/this.elmW)*100)
//
//			this.element.scrollLeft =parseInt(pers)*6;
//			
//			$('err').innerHTML = parseInt(pers*6);
	}
	Event.observe(this.element, 'mouseout', this.eventMouseOut);
    Event.stop(event);
	
  }
	
}


function showprdiv(otherid)
{
	if(otherid == divid)return; 
	if(timmer)return;
	timmer=null;
	var obj=getObjElement('jover');
	var nort=getObjElement(divid);
	obj.style.height=getElementHeight(nort) + 'px';
	obj.style.width=(getElementWidth(nort)-7) + 'px';
	obj.style.top=getElementTop(nort) + 'px';
	obj.style.left=(getElementLeft(nort)+5) + 'px';
	obj.style.display='';
	changeOpac(0 , 'jover');
	timmer = setInterval("showdiv('" + otherid + "')" , 10);
//	timmer = setInterval("showdiv('err','err')" , 10);
	
}


var timmer=null;
var dival=0;
var divid='serv_2';
function showdiv(otherid)
{
dival+=5;
	if(dival<100)
	{
	
		changeOpac((dival) , 'jover');
	}
		
	else
	{
	var obj=getObjElement(divid);
		if(obj.style.display!='none')
		{
			obj.style.display='none';
		}
			
	obj=getObjElement(otherid);		
		if(obj.style.display=='none')
			obj.style.display='';
	
		if(dival<200)
			changeOpac((200-dival) , 'jover');
		else
		{
			dival=0;
			getObjElement('jover').style.display='none';
			changeOpac(100 , 'jover');
			if(timmer)
			{
				divid=otherid;
				clearInterval(timmer);
				timmer=null;
			}			
		}
	
	}
}