var __interval = 0;
var __intervalTime = 15000;

var __sliderWidth = 900;

$(function(){
	if($('#content-slider-container div').length > 1) {
		enableArrows();
		startAutoSlide();
	} else {
		$('#content-slider-slide-bullets').hide();
		$('#content-slider-arrow-left').hide();
		$('#content-slider-arrow-right').hide();
	}
});

function startAutoSlide() {
	__interval = setInterval('slideRight()', __intervalTime);
}

function stopAutoSlide() {
	clearInterval(__interval);
}

function resetAutoSlide() {
	stopAutoSlide();
	startAutoSlide();
}

function gotoSlide(nr) {
	var slideNr;

	if(typeof(nr) == 'object') {
		slideNr = parseInt($(this).html()) -1;
	} else {
		slideNr = nr-1;
	}

	var margin = 0;

	if(slideNr > 0) {
		margin = slideNr * (__sliderWidth * -1);
	}
	
	animateSlider(margin);
}

function animateSlider(margin) {
	disableArrows();
	$('#content-slider-container').animate({
		'margin-left': margin,
	}, function(){
		resetAutoSlide();
		enableArrows();	
		setActiveBullet();
	});
}

function slideRight() {
	if($('#content-slider-container').css('margin-left') != '-1800px') {
		animateSlider('-=' + __sliderWidth);
	} else {
		gotoSlide(1);
	}
}

function slideLeft() {
	if($('#content-slider-container').css('margin-left') != '0px') {
		animateSlider('+=' + __sliderWidth);
	} else {
		gotoSlide(3);
	}
}

function setActiveBullet() {
	var margin = parseFloat($('#content-slider-container').css('margin-left'));
	$('.content-slider-bullet-active').removeClass('content-slider-bullet-active').addClass('content-slider-bullet');
	switch(margin) {
		case 0:
			$('#bullet-1').removeClass('content-slider-bullet').addClass('content-slider-bullet-active');
		break;
		case __sliderWidth * -1:
			$('#bullet-2').removeClass('content-slider-bullet').addClass('content-slider-bullet-active');
		break;
		case __sliderWidth * -2:
			$('#bullet-3').removeClass('content-slider-bullet').addClass('content-slider-bullet-active');		
		break;
	}
}

function disableArrows() {
	$('#bullet-1').unbind('click', gotoSlide);
	$('#bullet-2').unbind('click', gotoSlide);
	$('#bullet-3').unbind('click', gotoSlide);
	$('#content-slider-arrow-right').unbind('click', slideRight);
	$('#content-slider-arrow-left').unbind('click', slideLeft);
}

function enableArrows() {
	$('#bullet-1').bind('click', gotoSlide);
	$('#bullet-2').bind('click', gotoSlide);
	$('#bullet-3').bind('click', gotoSlide);
	$('#content-slider-arrow-right').bind('click', slideRight);
	$('#content-slider-arrow-left').bind('click', slideLeft);
}