var sliderId = 0;
var reg = /px/;
var visWinWidth = 1100;
var xCord = 0;
var allCLientWidth = 0;
var ieFlag = false;
var clWidth = 0;
var pad;

function init() {
	var ua = navigator.userAgent.toLowerCase();
	isIE = (ua.indexOf("msie") != -1 && ua.indexOf("opera") == -1);
	isOpera = (ua.indexOf("opera") != -1);
	if(isIE || isOpera)
		ieFlag = true;
	clWidth = getClientWidth();
	pad = (clWidth - visWinWidth)/2;
}


function getClientWidth() {
	return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientWidth:document.body.clientWidth;
}

function cordGet(cord, pos) {
	if(pos == 'left')
		cord = cord - pad;
	if(pos == 'right')
		cord = clWidth - cord - pad;
	xCord = 350 - cord;
}

function speedModulator() {
	var rSpeed;
	rSpeed = xCord/50;
	return rSpeed;
}

function slideLeft() {
	stop();
	var slider = document.getElementById('slides');
	var lefter = slider.style.left;
	var px = parseInt(lefter.replace(reg, ''));
	var speed = speedModulator();
	px = px - speed;
	slider.style.left = px+'px';
	if(px < allCLientWidth)
		rebuilder('ap');
	sliderId = setInterval('slideLeft()', 1);
}

function slideRight() {
	stop();
	var slider = document.getElementById('slides');
	var lefter = slider.style.left;
	var px = parseInt(lefter.replace(reg, ''));
	var speed = speedModulator();
	px = px + speed;
	slider.style.left = px+'px';
	if(px > -50)
		rebuilder('pre');
	sliderId = setInterval('slideRight()', 1);
}

function stop() {
	clearInterval(sliderId);
}

function getAllClWidth() {
	var container = document.getElementById('sliderul');
	var divColl = container.getElementsByTagName('li');
	var len = divColl.length;
	var i = 0;
	var width = 0;
	for(i = 0; i < len; i++)
		width = width + divColl[i].clientWidth;
	allCLientWidth = visWinWidth - width;
}

function rebuilder(position) {
	var fch = document.getElementById('sliderul');
	var liCollection = fch.getElementsByTagName('li');
	var nLi = document.createElement('li');
	var left = document.getElementById('slides').style.left;
	var curLeft = parseInt(left.replace(reg, ''));
	if (position == 'ap') {
		nLi.innerHTML = liCollection[0].innerHTML;
		fch.appendChild(nLi);
		curLeft = curLeft+nLi.clientWidth;
		fch.removeChild(liCollection[0]);
		document.getElementById('slides').style.left = curLeft + "px";
	}
	if (position == 'pre') {
		nLi.innerHTML = liCollection[liCollection.length-1].innerHTML;
		fch.insertBefore(nLi, liCollection[0]);
		curLeft = curLeft-nLi.clientWidth;
		fch.removeChild(liCollection[liCollection.length-1]);
		document.getElementById('slides').style.left = curLeft + "px";
	}
	getAllClWidth();
}