var imageSliderToBeMoved = 0;
var imageSliderDescriptionWidth = 700;
var imageSliderMoveMaximum = imageSliderDescriptionWidth * 4;
var imageSliderCurrentPosition;
var autoSliderTimer, sliderTimer;
var sliderSpeedStep = 20;
var sliderSpeed;
var numberOfImages = 6, nextImage = 1;
var images = new Array(numberOfImages);
images[0] = 'apple';
images[1] = 'android';
images[2] = 'blackberry';
images[3] = 'lamp';
images[4] = 'seo';
images[5] = 'content';

function imageSliderGoto(tab) {
	var sliderDiv = document.getElementById("idImageSliderMovableArea");
	imageSliderCurrentPosition = getValueFromPixel(sliderDiv.style.marginLeft);
	
	switch (tab) {
		case 'apple':
			imageSliderToBeMoved = 0;
			nextImage = 1;
			document.getElementById("idImageSliderAppleLink").className = "clsImageSliderButtonCurrent clsFloatLeft";
			document.getElementById("idImageSliderAndroidLink").className = "clsImageSliderButton clsFloatLeft";
			document.getElementById("idImageSliderBlackBerryLink").className = "clsImageSliderButton clsFloatLeft";
			document.getElementById("idImageSliderLAMPLink").className = "clsImageSliderButton clsFloatLeft";
			document.getElementById("idImageSliderSEOLink").className = "clsImageSliderButton clsFloatLeft";
			document.getElementById("idImageSliderContentLink").className = "clsImageSliderButton clsFloatLeft";
			break;
		case 'android':
			imageSliderToBeMoved = imageSliderDescriptionWidth * 1;
			nextImage = 2;
			document.getElementById("idImageSliderAppleLink").className = "clsImageSliderButton clsFloatLeft";
			document.getElementById("idImageSliderAndroidLink").className = "clsImageSliderButtonCurrent clsFloatLeft";
			document.getElementById("idImageSliderBlackBerryLink").className = "clsImageSliderButton clsFloatLeft";
			document.getElementById("idImageSliderLAMPLink").className = "clsImageSliderButton clsFloatLeft";
			document.getElementById("idImageSliderSEOLink").className = "clsImageSliderButton clsFloatLeft";
			document.getElementById("idImageSliderContentLink").className = "clsImageSliderButton clsFloatLeft";
			break;
		case 'blackberry':
			imageSliderToBeMoved = imageSliderDescriptionWidth * 2;
			nextImage = 3;
			document.getElementById("idImageSliderAppleLink").className = "clsImageSliderButton clsFloatLeft";
			document.getElementById("idImageSliderAndroidLink").className = "clsImageSliderButton clsFloatLeft";
			document.getElementById("idImageSliderBlackBerryLink").className = "clsImageSliderButtonCurrent clsFloatLeft";
			document.getElementById("idImageSliderLAMPLink").className = "clsImageSliderButton clsFloatLeft";
			document.getElementById("idImageSliderSEOLink").className = "clsImageSliderButton clsFloatLeft";
			document.getElementById("idImageSliderContentLink").className = "clsImageSliderButton clsFloatLeft";
			break;
		case 'lamp':
			imageSliderToBeMoved = imageSliderDescriptionWidth * 3;
			nextImage = 4;
			document.getElementById("idImageSliderAppleLink").className = "clsImageSliderButton clsFloatLeft";
			document.getElementById("idImageSliderAndroidLink").className = "clsImageSliderButton clsFloatLeft";
			document.getElementById("idImageSliderBlackBerryLink").className = "clsImageSliderButton clsFloatLeft";
			document.getElementById("idImageSliderLAMPLink").className = "clsImageSliderButtonCurrent clsFloatLeft";
			document.getElementById("idImageSliderSEOLink").className = "clsImageSliderButton clsFloatLeft";
			document.getElementById("idImageSliderContentLink").className = "clsImageSliderButton clsFloatLeft";
			break;
		case 'seo':
			imageSliderToBeMoved = imageSliderDescriptionWidth * 4;
			nextImage = 5;
			document.getElementById("idImageSliderAppleLink").className = "clsImageSliderButton clsFloatLeft";
			document.getElementById("idImageSliderAndroidLink").className = "clsImageSliderButton clsFloatLeft";
			document.getElementById("idImageSliderBlackBerryLink").className = "clsImageSliderButton clsFloatLeft";
			document.getElementById("idImageSliderLAMPLink").className = "clsImageSliderButton clsFloatLeft";
			document.getElementById("idImageSliderSEOLink").className = "clsImageSliderButtonCurrent clsFloatLeft";
			document.getElementById("idImageSliderContentLink").className = "clsImageSliderButton clsFloatLeft";
			break;
		case 'content':
			imageSliderToBeMoved = imageSliderDescriptionWidth * 5;
			nextImage = 0;
			document.getElementById("idImageSliderAppleLink").className = "clsImageSliderButton clsFloatLeft";
			document.getElementById("idImageSliderAndroidLink").className = "clsImageSliderButton clsFloatLeft";
			document.getElementById("idImageSliderBlackBerryLink").className = "clsImageSliderButton clsFloatLeft";
			document.getElementById("idImageSliderLAMPLink").className = "clsImageSliderButton clsFloatLeft";
			document.getElementById("idImageSliderSEOLink").className = "clsImageSliderButton clsFloatLeft";
			document.getElementById("idImageSliderContentLink").className = "clsImageSliderButtonCurrent clsFloatLeft";
			break;
		default:
			return;
	}
	
	sliderSpeed = sliderSpeedStep;
	
	if (imageSliderCurrentPosition != imageSliderToBeMoved && sliderTimer == null) {
		sliderTimer = setInterval('imageSliderMove()', 10);
	}
}

function imageSliderMove() {
	var sliderDiv = document.getElementById("idImageSliderMovableArea");
	imageSliderCurrentPosition = getValueFromPixel(sliderDiv.style.marginLeft);
	
	if (imageSliderCurrentPosition == (imageSliderToBeMoved * -1)) {
		clearInterval(sliderTimer);
		sliderTimer = null;
		clearInterval(autoSliderTimer);
		autoSliderTimer = null;
		
		autoSliderTimer = setTimeout('autoSlider()', 5000);
	}
	else if(imageSliderCurrentPosition > (imageSliderToBeMoved * -1)) {
		sliderDiv.style.marginLeft = (imageSliderCurrentPosition - sliderSpeed) + 'px';
	}
	else if (imageSliderCurrentPosition < (imageSliderToBeMoved * -1)) {
		sliderDiv.style.marginLeft = (imageSliderCurrentPosition + sliderSpeed) + 'px';
	}
}

function startImageSlider() {
	autoSliderTimer = setTimeout('autoSlider()', 5000);
}

function autoSlider() {
	imageSliderGoto(images[nextImage]);
}