var mousex = 0;
		var grabx = 0;
		var orix = 0;
		var elex = 0;
		var pobjx
		var dragobj = null;
		
		function falsefunc() { return false; } // used to block cascading events

		function getMouseXY(e){ 
			if (!e) e = window.event;
			if (e){ 
				if (e.pageX || e.pageY){ 
					mousex = e.pageX;mousey = e.pageY;
				}
				else if (e.clientX || e.clientY){ 
					mousex = e.clientX + document.body.scrollLeft;mousey = e.clientY + document.body.scrollTop;
				}  
			}
		}
		
		tmpArray= new Array()
		
		function init(){
			for(i=0;i<document.getElementsByTagName('span').length;i++){
				tmpArray[i]=parseInt(document.getElementsByTagName('span')[i].style.fontSize)
			}
		}

		function update(e){
			getMouseXY(e);
			for(i=0;i<document.getElementsByTagName('span').length;i++){
				aktSize=(parseInt(dragobj.style.left) - document.getElementById('slC').offsetLeft)/2 + tmpArray[i] -50
				if(aktSize>0){
					document.getElementsByTagName('span')[i].style.fontSize=parseInt(aktSize) + "px"
				}
			}
			//document.getElementById('span_mousey').innerHTML = aktSize
		}
		
		function grab(context){
			document.onmousedown = falsefunc; 
			dragobj = context;
			dragobj.style.zIndex = 10;
			document.onmousemove = drag;
			document.onmouseup = drop;
			grabx = mousex;
			update();
		}
		
		function drag(e) {
			if (dragobj){
				pobjx = document.getElementById('slC').offsetLeft
				elex = orix + (mousex-grabx);
				if(elex>pobjx && elex<pobjx+195){
				dragobj.style.position = "absolute";
				dragobj.style.left = (elex).toString(10) + 'px';
				}
			}
			update(e);
			return false;
		}
		
		function drop(){
			if (dragobj){
				dragobj.style.zIndex = 0;
				dragobj = null;
			}
			elex=0;orix=0;mousex=0;grabx=0;
			document.onmousemove = null;  
			document.onmouseup = null;
			document.onmousedown = null;   
		}
		
		window.onload=init