jQuery(document).ready(function () {

	$("#mainDiv").show();

	$(".languageDiv").hide();

	var userAgent = navigator.userAgent.toLowerCase();

	$.browser = {
		version: (userAgent.match(/.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/) || [0, '0'])[1],
		safari: /webkit/.test(userAgent),
		opera: /opera/.test(userAgent),
		msie: /msie/.test(userAgent) && !/opera/.test(userAgent),
		mozilla: /mozilla/.test(userAgent) && !/(compatible|webkit)/.test(userAgent)
	};

	if ($.browser.safari) {
		jQuery('#Carousel').jcarousel({
			wrap: 'both',
			size: 3,
			auto: 0,
			initCallback: carouselInitCallback
		});
	}
	else {
		jQuery('#Carousel').jcarousel({
			wrap: 'both',
			auto: 5,
			scroll: 1,
			initCallback: carouselInitCallback
		});
	}

});

function carouselInitCallback(carousel) {
	var userAgent = navigator.userAgent.toLowerCase();

	$.browser = {
		version: (userAgent.match(/.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/) || [0, '0'])[1],
		safari: /webkit/.test(userAgent),
		opera: /opera/.test(userAgent),
		msie: /msie/.test(userAgent) && !/opera/.test(userAgent),
		mozilla: /mozilla/.test(userAgent) && !/(compatible|webkit)/.test(userAgent)
	};

	// Disable autoscrolling if the user scrolls over prev or next button
	// Re-enable scrolling when they mouseout
	carousel.buttonNext.hover(function () { carousel.startAuto(0); }, function () { carousel.startAuto(5); });
	carousel.buttonPrev.hover(function () { carousel.startAuto(0); }, function () { carousel.startAuto(5); });
	// Disable autoscrolling if the user scrolls over image in carousel
	// Re-anable autoscrolling when they mouseout
	carousel.clip.hover(function () { carousel.stopAuto(); }, function () { carousel.startAuto(5); });

	if ($.browser.safari) {
		carousel.buttonPrev.remove();
		carousel.buttonNext.remove();
	}
};