$(document).ready(function(){
	//Configuration
	var time_interval = 7000;

	//get number of slides
	var num_slides = $('.slide_block').length;

	//create controls
	for( var i=0;i<num_slides;i+=1 ){
		$('#slider_controls').append('<div class="slide_selector track_as_link" slide="'+ (i+1) +'"></div>');
	}

	//activate first slide
	if (Math.random() < 0.5){
		$('.slide_selector:first').addClass('current_slide')
	} else {
		$('.slide_selector:last').addClass('current_slide')
	}

	switch_slides();
	start_animation();

	$('#slideshow').mouseenter(function(){
		clearInterval(slide_switcher);
	});

	$('#slideshow').mouseleave(function(){
		start_animation();
	});

	//when click on control switch slide
	$('.slide_selector').click(function(){
		$('.slide_selector').removeClass('current_slide');
		$(this).addClass('current_slide');
		switch_slides();
	});

	function switch_slides(){
		//get the current slide
		var current_slide = $('.current_slide').attr('slide');

		//send front_slide contents to the back_slide
		$('#back_slide').html($('#front_slide').html());

		//append the current slide contents to the front_slide		
		$('#front_slide').html($('#slide_'+ current_slide).html());

		//fade in effect
		$('#front_slide').hide();
		$('#front_slide').fadeIn(1000);
	}

	function start_animation(){
		if(window.location.href.search(".component") < 0){
			slide_switcher = setInterval(call_click, time_interval);
		}
	}

	function call_click(){
		//check for last slide
		if( $('.current_slide').next().length == 0 ){
			//click on first
			$('.slide_selector:first').trigger('click');
		}else{
			//continue with the flow
			$('.current_slide').next().trigger('click');	
		}
	}
});