/**
 * @author xippi
 */
(function($){
	var $controls = $('#steps li');
	var $content = $('#steps .content');
	count = 1;
	$controls.each(function(i){
		
		$(this).bind("mouseover", function(e){
			$controls.removeClass('over');
			$(this).addClass('over');
			count = i + 1; $('.actual').html(count);
			if ($content.eq(i).is(':visible') == false) {
				$content.hide();
				$content.eq(i).show() ;
			} 
		});
	});
	
	$content.each(function(){
		$(this).prepend('<div class="content_bg"></div>');
	})
	
	$('#steps').append('<div id="listControls"><a href="#" class="leftG"></a><span class="actual">1</span> of <span>3</span><a href="#" class="rightG"></a></div>');
	
	$('.leftG').bind("click", function(e){
			if (count > 1 ) {
				count = count -1;
				$('.actual').html(count);
				$controls.eq(count-1).mouseover();
			}
			$(this).blur();			
	});
	
	$('.rightG').bind("click", function(e){
			if (count < 3 ) {
				count = count + 1;
				$('.actual').html(count);
				$controls.eq(count-1).mouseover();
			}
			$(this).blur();					
	});	
	
	var randomImages = ['box2.jpg','construction.jpg','dave.jpg','health.jpg','health2.jpg','library.jpg'];
	var j = randomImages.length-1;
	var rndNum = Math.floor(Math.random() * randomImages.length);
	var speed = 3000;
	var prevNumb;
	var randomNumb;
	var timeout;

	$.preloadImages = function() {
	  for(var i = 0; i<randomImages.length; i++) {
		  var img = new Image(); 
		  img.src = 'images/bg/' + randomImages[i] ;
		  var image = $("<img>").attr("src", 'images/bg/' + randomImages[i]);
	  }
	}
	$.preloadImages(randomImages);
	
	function randomXToY(minVal,maxVal){
		var randVal = minVal+(Math.random()*(maxVal-minVal));
	 	return Math.round(randVal);
	}

	function randomPic () {
		randomNumb = randomXToY(0,randomImages.length-1);
		if (randomNumb == prevNumb) {
			randomPic();
		}
		else {
			prevNumb = randomNumb;
			var url = 'images/bg/'+ randomImages[randomNumb];
			$('.content_bg').css('background', 'url('+url+') no-repeat top right');
			timeout = setTimeout(function(){ randomPic(); }, speed);
		}
	}
	
	function orderPic(){
		if(j>=0){
				var url = 'images/bg/'+ randomImages[j];
				$('.content_bg').css('background', 'url('+url+') no-repeat top right');
		j--;
	    tajmaut = setTimeout(function(){ orderPic(); }, speed);
	  }
	  else {
	  	j=randomImages.length-1;
	  	orderPic();
		}
	}
	orderPic();

	
	$controls.eq(0).mouseover();
})(jQuery);