$(document).ready(function() {
	var regions = [];
	$('#ribbon_regions li').each(function() {
		var parts = $(this).attr('id').split('-');
		regions.push(parts[1]);
	});
	
	var intervalId = makeInterval(regions);
	
	$('#ribbon_regions li').mouseenter(function() {
		clearInterval(intervalId);
		var parts = $(this).attr('id').split('-');
		var region = parts[1];
		changeRegion(region);
	});
	
	$('#ribbon_regions li').mouseleave(function() {
		intervalId = makeInterval(regions);
	});
	
	$('#map li').mouseenter(function() {
		clearInterval(intervalId);
		var region = $(this).attr('id').split('-');
		changeRegion(region);
	});
	
	$('#map li').mouseleave(function() {
		intervalId = makeInterval(regions);
	});
});

function changeRegion(region) {
	$('#box_destinations .tab').each(function() {
		var element = $(this);
		if (element.attr('id') != 'tab-' + region) {
			var parts = element.attr('id').split('-');
			var key = parts[1];
			$('#ribbon-' + key).removeClass();
			$('#' + key).removeClass();
			element.hide();
		} else {
			element.show();
			$('#ribbon-' + region).addClass('selected');
			$('#' + region).addClass('selected');
		}
	});
}

function makeInterval(regions) {
	intervalId = setInterval(function() {
		var region = $('#map li.selected').attr('id');
		for (var i = 0; i < regions.length; i++) {
			if (regions[i] == region) {
				var newRegion = regions[(i + 1) % regions.length];
				break;
			}
		}
		changeRegion(newRegion);
	}, 3500);
	return intervalId;
}