jQuery(document).ready(function($) {
	
	$('.switch_bg span').css('cursor','pointer');
	//$(".bg").css('opacity', 0);
    //$(".bg.active").css('opacity', 1);
    $(".bg").css('display', 'none');
    $(".bg.active").css('display', 'block');
	backChange();
	
	var startdelay = 18000;
	//var startdelay = 4000;
	var delay = 4000;
	var count = 5;
	var flag = true;
	var firstStep = true;
	
	var fade_delay = 2400;
	
	function backChange() {
	    var num = $('.bg.active').attr('id').substring(2);
		$('#root').attr('class','root'+num);
	}
	
	//var t_changeBg = setTimeout(function() {changeBg();}, startdelay);
	var tChangeBg = setInterval(function() {changeBg();}, startdelay);
	
	jQuery(window).bind('focus', function(event) { 
		$('.bg.active').clearQueue();
		$('.bg').clearQueue();
		jQuery(window).clearQueue();
	});
	
	function changeBg() {
	  if (flag) {   
	    
	    var curr = $('.bg.active');
		var tmp = 1 + (parseInt((curr.attr('id')).substring(2))) % count;
		var next = $('#bg' + tmp);
		
		//curr.animate({'opacity':0}, 200).removeClass('active');
		//next.addClass('active');
		//setTimeout(function() {next.animate({'opacity':1}, 200)}, 50);

		curr.fadeOut(fade_delay).removeClass('active')		
		next.addClass('active').fadeIn(fade_delay);
		
		//console.log( next.attr('class') + ' ' + Math.round((new Date().getTime())/1000) );
		
		$('.switch_bg .xactive').removeClass('xactive');
		$('.switch_bg span.' + $('.bg.active').attr('id')).addClass('xactive');
		
		backChange();
		
		if(firstStep)
		{
			//console.log(tChangeBg);
			
			clearInterval(tChangeBg);
			tChangeBg = setInterval(function() {changeBg();}, delay);
			firstStep = false;
			
			//console.log(tChangeBg);
		}
	  }
	}
	
	$('.switch_bg span').click(
		function() {
		    if ($(this).attr('class').substring(4) != 'xactive') {
		    
				var curr = $('.bg.active');
				var next = $('.bg#' + $(this).attr('class'));
				
				curr.animate({'opacity':0}, fade_delay).removeClass('active');
				next.addClass('active');
				
				setTimeout(function() {next.animate({'opacity':1}, fade_delay)}, 50);
				
				$('.switch_bg .xactive').removeClass('xactive');
				$('.switch_bg span.' + $('.bg.active').attr('id')).addClass('xactive');
				
				flag = false;
				
				backChange();
			} 
		}
	);
	
	if ($.browser.msie && $.browser.version == 6) {
		if ($('#root').height() < 780) 	$('.bg').css('height','780px');
		$(window).resize(function() {
			if ($('#root').height() < 780) { 	
			  $('.bg').css('height','780px');
			} else {
			  $('.bg').css('height','100%');
			}
		});
	}

} );