$(document).ready(function() 
{
	// preload tour images
	image1 = new Image();
	image2 = new Image();
	image3 = new Image();
	image4 = new Image();
	image5 = new Image();
	image6 = new Image();
	image7 = new Image();
	image8 = new Image();
	image9 = new Image();
	image10 = new Image();
	image11 = new Image();
	image12 = new Image();
		
	image1.src = 'assets/images/tour-widgets.jpg';
	image2.src = 'assets/images/tour-paw.jpg';
	image3.src = 'assets/images/tour-cj.jpg';
	image4.src = 'assets/images/tour-crm.jpg';
	image5.src = 'assets/images/tour-inventory.jpg';
	image6.src = 'assets/images/tour-accounting.jpg';
	image7.src = 'assets/images/tour-iqmanager.jpg';
	image8.src = 'assets/images/tour-marketing.jpg';
	image9.src = 'assets/images/tour-intranet.jpg';
	image10.src = 'assets/images/tour-sales.jpg';
	image11.src = 'assets/images/tour-dashboards.jpg';
	image12.src = 'assets/images/tour-metrics.jpg';
	
	var pane = 0;
	var maxPane = 1;
	var currentTn = 'tn-0';
	
	$('.' + currentTn).addClass('tn-active');
	LoadTourContent(currentTn);
	
	$('#arrow-left').click(function() 
	{
		if (pane > 0)
		{
			$('#tn-hover').animate({"marginLeft": 0}, "normal");
			$('#thumbs').animate({"left" : "+=800px"}, "normal", function()
			{
				$('.' + currentTn).removeClass('tn-active');
				currentTn = 'tn-0';
				$('.' + currentTn).addClass('tn-active');
				LoadTourContent(currentTn);
			});
			pane--;
		}
	});
	
	$('#arrow-right').click(function() 
	{
		if (pane < maxPane) 
		{
			$('#tn-hover').animate({"marginLeft": 0}, "normal");
			$('#thumbs').animate({"left" : "-=800px"}, "normal", function()
			{
				$('.' + currentTn).removeClass('tn-active');
				currentTn = 'tn-8';
				$('.' + currentTn).addClass('tn-active');
				LoadTourContent(currentTn);
			});
			pane++;
		}
	});
	
	$('#thumbs a').click(function()
	{
		var target = new String($(this).attr('class').split(' ').slice(0, 1));
		var index = new Number(target.slice(3));
		
		if (index > 7)
		{
			index -= 8;
		}
		
		var newPosition = index * 100;
		var leftMargin = newPosition + 'px';
		
		
		if (target != currentTn)
		{
			$('.' + currentTn).removeClass('tn-active');
			$('.' + target).addClass('tn-active');
			
			$('#tn-hover').animate({"marginLeft": leftMargin}, "normal", function() 
			{
				LoadTourContent(target);
				currentTn = target;
			});

		}
	});
	
	function LoadTourContent(target)
	{
		$.post("mod/tour.php", { tag: String(target) },
		function(data)
		{
			$('#carousel-content').fadeOut("normal", function()
			{
				$('#carousel-content').html(data);
				$('#carousel-content').fadeIn("normal");
			});			
		});
	}
});