jQuery(window).load(function () {
	center_main_nav();	
})

jQuery( document ).ready( function(){
	
	center_slider_nav();
	
	jQuery('#navigation ul.main-nav li').hover(function () {
		var pos = jQuery(this).position();
		jQuery(this).addClass('hover');
		jQuery(this).find('.dropdown').css('left', pos.left).show();
	}, function () {
		jQuery(this).removeClass('hover');
		jQuery(this).find('.dropdown').hide()
	});
	
	jQuery('#slider').jcarousel({
		wrap: 'circular',
		auto: 8,
		scroll: 1,
		initCallback: mycarousel_initCallback,
		itemVisibleInCallback: mycarousel_itemVisibleInCallback
	})
	
	jQuery('.logos-slider ').jcarousel({
		wrap: 'circular',
		auto: 5,
		scroll: 1,
		buttonNextHTML: null,
		buttonPrevHTML: null,
		initCallback: custom_btns
	}); 
	
	if (jQuery.browser.msie && jQuery.browser.version.substr(0,1)<7) {
		DD_belatedPNG.fix('#navigation ul li .dropdown ul li a, #navigation ul li .dropdown ul li a:hover, #navigation ul li .dropdown ul li a.active, #slider ul li .slide-cnt .get-started, #slider .jcarousel-prev, #slider .jcarousel-next, .slider-nav a, .slider-nav a:hover, .package-type1, .package-type1 .ribbon, .package-type2, .package-type2 .ribbon, .package-type3, .package-type3 .ribbon, #footer-cols .col h3, #sidebar .package-type1 .ribbon, #sidebar .package-type2 .ribbon, #sidebar .package-type3 .ribbon, .logos-shop .badge, #inner-next, #inner-prev');
	};
	
});

function mycarousel_initCallback(carousel) {
	jQuery(".slider-nav a").bind("click", function() {
		var index = jQuery(this).attr("id").split("_");
		carousel.scroll(jQuery.jcarousel.intval(jQuery(this).html()));
		jQuery(".slider-nav a").removeClass("active"); //Remove any "active" class
		jQuery(this).addClass("active");
        return false;	
	})
};

function mycarousel_itemVisibleInCallback(carousel, item, index, state) { 
	jQuery('.slider-nav a ').removeClass('active');
	jQuery('.slider-nav a ').each(function() {
		var rel = jQuery(this).html();
		if (rel == index) {
			jQuery(this).addClass('active');
		};
	})
}

function center_main_nav() {
	var holderWidth = jQuery('#navigation').width();
	var navWidth = jQuery('#navigation ul.main-nav').width();
	var spacing = (holderWidth - navWidth)/2;
	jQuery('#navigation ul.main-nav').css('padding-left', spacing);
}

function center_slider_nav() {
	var holderWidth = jQuery('.slider-nav').parent().width();
	var navWidth = jQuery('.slider-nav').width();
	var spacing = (holderWidth - navWidth)/2;
	jQuery('.slider-nav').css('padding-left', spacing);
}

function custom_btns(carousel) {
	jQuery('#inner-next').bind('click', function() {
		carousel.next();
 		return false;
 	});

	jQuery('#inner-prev').bind('click', function() {
 		carousel.prev();
 		return false;
 	}); 
};

