window.onload = function () {
	if ( !document.getElementById('scroller') ) return;
	init();initImages(); setTimeout("init();", 100);
};

var i=0, contentLeft=0, scrollerWidth=0, contentWidth=0, flg=false, scrollflg=true, isign=1, timer=0, mouseX, mouseY;
/*
function line_heighter()
	{
	var create_el=document.getElementById('create');
	var servers_el=document.getElementById('servers');
	var programming_el=document.getElementById('programming');
	var identity_el=document.getElementById('identity');
	var lan_el=document.getElementById('lan');
	var promo_el=document.getElementById('promo');
	
	var create=create_el.offsetHeight;
	var servers=servers_el.offsetHeight;
	var programming=programming_el.offsetHeight;
	
	var identity=identity_el.offsetHeight;
	var lan=lan_el.offsetHeight;
	var promo=promo_el.offsetHeight;
	
	if (create>servers && create>programming){servers_el.style.height=create+'px'; programming_el.style.height=create+'px';}
	if (servers>create && servers>programming){create_el.style.height=servers+'px'; programming_el.style.height=servers+'px';}
	if (programming>servers && programming>create){servers_el.style.height=programming+'px'; create_el.style.height=programming+'px';}
	
	if (identity>lan && identity>promo){lan_el.style.height=identity+'px'; promo_el.style.height=identity+'px';}
	if (lan>identity && lan>promo){identity_el.style.height=lan+'px'; promo_el.style.height=lan+'px';}
	if (promo>identity && promo>lan){identity_el.style.height=promo+'px'; lan_el.style.height=promo+'px';}
	}
*/
document.getElementsByClassName = function(cl) {
	var retnode = [];
	var myclass = new RegExp('\\b'+cl+'\\b');
	var elem = this.getElementsByTagName('*');
	for (var i = 0; i < elem.length; i++) {
		var classes = elem[i].className;
		if (myclass.test(classes)) retnode.push(elem[i]);
	}
	return retnode;
};

function stopScroll() {
	clearTimeout(timer);
}

function scroll () {
	if (!flg) {document.getElementById('scrollercontent').style.left = '20px'; flg=true;}
	contentLeft = parseInt(document.getElementById('scrollercontent').style.left);
	contentWidth = parseInt(document.getElementById('scrollercontent').offsetWidth);
	scrollerWidth = parseInt(document.getElementById('scroller').offsetWidth);	
	document.getElementById('scrollercontent').style.left = contentLeft + i + 'px';
	timer = setTimeout("scroll();", 50);
	scrollflg = true;
	if ((contentLeft >= 0) || (contentLeft <= scrollerWidth - contentWidth) ) {
		i=0;
		stopScroll();
		scrollflg = false;
	}
}
	
addEvent = function(obj, type, fn){
    if(obj.addEventListener){
        obj.addEventListener(type, fn, false);
        return true;
    }else if(obj.attachEvent){
        var r =    obj.attachEvent( "on"+type, fn );
        return r;
    }
};

function getMousePos(e)
{
	if (!e)
	var e = window.event||window.Event;

	if('undefined'!=typeof e.pageX)
	{
		mouseX = e.pageX;
		mouseY = e.pageY;
	}
	else
	{
		mouseX = e.clientX + document.body.scrollLeft;
		mouseY = e.clientY + document.body.scrollTop;
	}
	mouseX -= parseInt(document.getElementById('scroller').offsetLeft) + 100;
	hsw = Math.round(parseInt(document.getElementById('scroller').offsetWidth)/2);
	if ( document.getElementById('scroller').offsetWidth > document.getElementById('scrollercontent').offsetWidth ) return;
	i = -Math.round((mouseX - hsw)/34);

	if ((isign*i<0) && scrollflg==false) {
		scroll();
	}
		{
		if (i>0) {
			isign=1;
		}
		if (i<0) {
			isign=-1;
		}
	}
}

function initImages() {
	var y = document.getElementById('scrollercontent');
	var z = y.getElementsByTagName('img');
	for (var i=0;i<z.length;i++) {
		z[i].onmouseover = function() {
				if (this.src.search(/_.jpg/)<0){
					this.src=this.src.replace('.jpg','_.jpg');
					//document.getElementById('test').value = this.src;
				}
			};
		z[i].onmouseout = function() {
				if (this.src.search(/_.jpg/)>0){
					this.src=this.src.replace('_.jpg','.jpg');
				}
			};
	}
}

function init() {
	scroll();
	addEvent(document.getElementById('scroller'), "mousemove", function(ev){getMousePos(ev);});
}