function getBrowser() {
var browserName = "";

var ua = navigator.userAgent.toLowerCase();

if ( ua.indexOf( "opera" ) != -1 ) {
	browserName = "opera";
} else if ( ua.indexOf( "msie" ) != -1 ) {
	browserName = "msie";
} else if ( ua.indexOf( "safari" ) != -1 ) {
	browserName = "safari";
} else if ( ua.indexOf( "mozilla" ) != -1 ) {
	if ( ua.indexOf( "firefox" ) != -1 ) {
		browserName = "firefox";
	} else {
		browserName = "mozilla";
	}
}

return browserName; 
}

function mycarousel_buttonNextCallback(carousel, button, enabled) {
	if(enabled)
	$('#btnext').show();
	else
	$('#btnext').hide();
};
function mycarousel_buttonPrevCallback(carousel, button, enabled) {
	if(enabled)
	$('#btprev').show();
	else
	$('#btprev').hide();
};
function mycarousel_initCallback(carousel) { 
	$('#btnext').bind('click', function() {
		carousel.next();
		return false;
	});

	$('#btprev').bind('click', function() {
		carousel.prev();
		return false;
	}); 
	
	$('#carusel li').bind('click', function() {
		carousel.next();
		return false;
	}); 
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};
$(function() {
	if(getBrowser()=='safari')
	{
	jQuery("#carusel").jcarousel({
		scroll: 1,
		auto: 3,
		initCallback: mycarousel_initCallback,
		// This tells jCarousel NOT to autobuild prev/next buttons
		buttonNextHTML: null,
		buttonPrevHTML: null,
		wrap: 'circular',
		
		buttonNextCallback:   mycarousel_buttonNextCallback,
		buttonPrevCallback:   mycarousel_buttonPrevCallback
	}); 
	}
	else
	{
	jQuery("#carusel").jcarousel({
		scroll: 1,
		auto: 3,
		initCallback: mycarousel_initCallback,
		// This tells jCarousel NOT to autobuild prev/next buttons
		buttonNextHTML: null,
		buttonPrevHTML: null,
		wrap: 'circular',
		
		buttonNextCallback:   mycarousel_buttonNextCallback,
		buttonPrevCallback:   mycarousel_buttonPrevCallback
	}); 
	}
});