var debug = function(v) {
	console.debug(v);
}
jQuery(document).ready(function() {

	var currentPosition = 0;
	var slideWidth = 945;
	var slides = jQuery('.slide');
	var numberOfSlides = slides.length;
	var showToTimeStoped = false;
	
	
	// Remove scrollbar in JS
	
	function selectNr(nr) {
		jQuery(".numbers").find("a").removeClass("active");
		jQuery(".numbers").find("a[title=" + (nr + 1) + "]").addClass("active")
	}
	
	jQuery("#slidesContainer div.slide").fadeTo(0, 0).css("display","none");
	function showTo(pos, instantly) {
		currentPosition = pos;
		selectNr(pos);
		manageControls(pos);
		jQuery("#slidesContainer div.slide").fadeTo(0, 0).css("display","none");
		nr = pos + 1;
		if (instantly == true) 
		{
			jQuery("#slidesContainer div.slide:nth-child(" + nr + ")").css("display","block").fadeTo(0, 1);
		}
		else 
		{
			jQuery("#slidesContainer div.slide:nth-child(" + nr + ")").css("display","block").fadeTo(1500, 1);
		}
	}
	
	
	function manageControls(position) {
		// Hide left arrow if position is first slide
		if (position == 0) 
		{
			jQuery('#leftControl').hide()
		}
		else 
		{
			jQuery('#leftControl').show()
		}
		
		// Hide right arrow if position is last slide
		if (position == numberOfSlides - 1) 
		{
			jQuery('#rightControl').hide()
		}
		else 
		{
			jQuery('#rightControl').show()
		}
	}
	
	
	
	
	// Insert controls in the DOM
	
	
	// Hide left arrow control on first load
	manageControls(currentPosition);
	
	
	jQuery('.nextControl a, .prevControl a').fadeTo("slow", 0)
	jQuery('.prevControl').bind('click', function() {
		// Determine new position
		// Hide / show controls
		var newPos = currentPosition - 1;
		if (newPos >= 0) 
		{
			showToTimeStoped = true;
			showTo(newPos);
		}
	});
	
	
	
	jQuery('.nextControl').bind('click', function() {
		// Determine new position
		var newPos = currentPosition + 1;
		
		// Hide / show controls
		if (newPos < numberOfSlides) 
		{
			showToTimeStoped = true;
			showTo(newPos);
		}
	});
	
	jQuery('.nextControl a, .prevControl a').bind("mouseover", function() {
		jQuery(this).fadeTo("fast", 0.7)
	})
	jQuery('.nextControl a, .prevControl a').bind("mouseout", function() {
		jQuery(this).fadeTo("fast", 0)
	})
	
	
	
	jQuery(".numbers").find("a").bind('click', function() {
		showTo(jQuery(this).attr("title") - 1);
		showToTimeStoped = true;
	});
	
	
	var randomNr = Math.floor(Math.random() * 12)
	showTo(randomNr, true);
	
	var autoNr = randomNr;
	function showToTime() {
		if (showToTimeStoped == false) 
		{
			autoNr = eval(autoNr) + 1;
			if (autoNr > 11) 
			{
				autoNr = 0;
			}
			showTo(autoNr, false);
			window.setTimeout(showToTime, 5000);
		}
	}
	
	setTimeout(function() {
		showToTime()
	}, 5000);
	
});