function autoScroller(contentDiv, items) {
	contentDiv = "#" + contentDiv;
	var itemIndex = 0;
	var colors = new Array();
	colors[0] = "#050506";
	colors[1] = "#101114";
	colors[2] = "#1C1D22";
	colors[3] = "#272930";
	colors[4] = "#32353E";
	colors[5] = "#3E414C";
	colors[6] = "#494D5A";
	colors[7] = "#555968";
	colors[8] = "#606576";
	colors[9] = "#6C7184";
	colors[10] = "#787D91";
	colors[11] = "#868A9C";
	colors[12] = "#9497A8";
	colors[13] = "#A2A4B3";
	colors[14] = "#B0B1BF";
	colors[15] = "#BEBFCB";
	colors[16] = "#cdced7";
	colors[17] = "#cdced7";
	colors[18] = "#cdced7";
	colors[19] = "#cdced7";
	var scrollSpeed = 8;
    var leftOffset = 20;
    var downOffset = 20;
	var pauseCount = 0;
	var lastCount = 0;
	var scrollCount = 0;
	$(contentDiv).text(items[itemIndex++]);

	// double make sure the autoScroller-container has the correct css position
	// and overflow property
	$(contentDiv).parent().css( {
		position : 'relative',
		overflow : 'hidden'
	});

	// set contentDiv style

	$(contentDiv).css( {
		position : 'absolute',
        /*left: '50px'*/
        top:  '100px',
		left:  '250px'
	});
	// get contentDiv height
	contentDivHeight = $(contentDiv).height();

	// call periodical
	$(contentDiv).everyTime(75,	fn=function(i) {
		if (scrollCount < 20) {
			//color = colors[scrollCount++];
            scrollCount++;
			offset = parseInt($(this).css('left')) - scrollSpeed
					+ "px";
			$(this).css( {
				'left' : offset,
				/*'color' : color*/
			});
		} else if (pauseCount < 30) {
			pauseCount++;
			if (pauseCount == 1 && itemIndex == items.length) {
				$(this).css({'text-shadow' : '-0.01em -0.01em 0.2em #cdced7, 0.1em 0.1em 0.2em black'});
			}
		} /*else if (itemIndex == items.length && lastCount < 60) {
			lastCount++;
		} */
        else {
			scrollCount = 0;
			pauseCount = 0;
			lastCount = 0;
            toff = parseInt($(this).css('top')) - downOffset;
            loff = pareeInt($(this).css('left')) - leftOffset;
			$(this).css( {
				/*'color' : 'black'*/
                'top': toff,
                'left': loff
			});
			$(this).css( {
				'text-shadow' : '0.1em 0.1em 0.2em black'
			});
			if (itemIndex >= items.length)
				itemIndex = 0;

			$(contentDiv).text(items[itemIndex++]);
            /*
			$(this).css( {
				'left' : '250px'
			});*/
		}
	}, times=350);

	$(contentDiv).mousedown(function() {
		window.location = 'services.html'
	});
}
/*
function autoScroller2(contentDiv, items) {
	contentDiv = "#" + contentDiv;
	var itemIndex = 0;
	var colors = new Array();
	colors[0] = "#050506";
	colors[1] = "#101114";
	colors[2] = "#1C1D22";
	colors[3] = "#272930";
	colors[4] = "#32353E";
	colors[5] = "#3E414C";
	colors[6] = "#494D5A";
	colors[7] = "#555968";
	colors[8] = "#606576";
	colors[9] = "#6C7184";
	colors[10] = "#787D91";
	colors[11] = "#868A9C";
	colors[12] = "#9497A8";
	colors[13] = "#A2A4B3";
	colors[14] = "#A2A4B3";
	colors[15] = "#A2A4B3";
	colors[16] = "#A2A4B3";
	colors[17] = "#A2A4B3";
	colors[18] = "#A2A4B3";
	colors[19] = "#A2A4B3";
	var pauseCount = 0;
	$(contentDiv).html(items[itemIndex++]);

    $(contentDiv).click(function() {
        pauseCount = 180;
    })

	// call periodical
	$(contentDiv).everyTime(100, function(i) {
		if (pauseCount < 180) {
			pauseCount++;
			if (pauseCount < 19) {
				color = colors[pauseCount++];
				$(this).css( {
					'color' : color
				});
			}
		} else {
			pauseCount = 0;
			$(this).css( {
				'color' : 'black'
			});
			if (itemIndex >= items.length)
				itemIndex = 0;

			$(contentDiv).html(items[itemIndex++]);
		}
	});
}
*/