/* ----------------------------------------------------------------------------------------------------------
*
*	JAVASCRIPT INIT
*	Michal Pelech (www.michalpelech.cz, info@michalpelech.cz)
*
/* ---------------------------------------------------------------------------------------------------------- */

$(document).ready(function(){

	// Cufon
	Cufon.replace('#nav-in > ul > li > a', { hover: true });
	
	// Show submenu
	$('#nav li').hover(function(){
		$(this).find('ul').show();
	}, function(){
		$(this).find('ul').hide();
	});
	
	// Deactive noclick link
	$('#nav-in > ul > li.noclick > a').click(function(){
		return false;
	});
	
	$('.btn-photogallery').each(function(){
		$(this).parent().css('width', '25px');
	});
	
	// Cars & drivers hover
	$('#content .car').hover(function(){
		$('#content .car').removeClass('active');
		$(this).addClass('active');
	}, function(){
		$('#content .car').removeClass('active');
		$('#content .fabia').addClass('active');
	});
	
	$('#content .rider').hover(function(){
		$('#content .rider').removeClass('active');
		$(this).addClass('active');
	}, function(){
		$('#content .rider').removeClass('active');
		$('#content .driver').addClass('active');
	});
	
	// Slider controls - centering
	var sliderWidth = 0;
	$('#slider .slider-controls a').each(function(){
		sliderWidth += 11;
	});
	$('#slider .slider-controls').css({
		'width': sliderWidth + 'px',
		'margin-left': (((sliderWidth / 2) * -1) + 10) + 'px'
	});
	
	// Partners
	$('.partners span').hover(function(){
		var src = $(this).find('img').attr('src');
		var width = $(this).find('img').width();
		$(this).css({
			'width': width + 'px',
			'background': 'url(' + src + ') no-repeat left -60px'
		});
		$(this).find('img').stop(true, true).fadeOut(300);
	}, function(){
		$(this).find('img').stop(true, true).fadeIn(300);
	});
	
	// Logos
	$('.logos span').hover(function(){
		var src = $(this).find('img').attr('src');
		var height = $(this).find('img').height();
		$(this).css({
			'background': 'url(' + src + ') no-repeat left -' + Math.floor((height / 2)) + 'px'
		});
		$(this).find('img').stop(true, true).fadeOut(300);
	}, function(){
		$(this).find('img').stop(true, true).fadeIn(300);
	});
	
	// Slider
    $("#slider ul").jcarousel({
		auto: 5,
        wrap: 'last',
		animation: 'slow',
		scroll: 1,
        initCallback: initialize,
		itemLoadCallback: change,
        // This tells jCarousel NOT to autobuild prev/next buttons
        buttonNextHTML: null,
        buttonPrevHTML: null
    });
	
	$('a.fancybox').fancybox({
		padding: 5
	});
	
	jQuery(function(){

		jQuery.fn.getTitle = function() {
			var arr = jQuery("a.fancybox");
			jQuery.each(arr, function() {
				if (jQuery(this).has('img')){
					var title = jQuery(this).children("img").attr("title");
					jQuery(this).attr('title',title);
				}
			})
		}

		// Supported file extensions
		var thumbnails = 'a[href$=".jpg"],a:has(img)[href$=".bmp"],a:has(img)[href$=".gif"],a:has(img)[href$=".jpg"],a:has(img)[href$=".jpeg"],a:has(img)[href$=".png"],a:has(img)[href$=".BMP"],a:has(img)[href$=".GIF"],a:has(img)[href$=".JPG"],a:has(img)[href$=".JPEG"],a:has(img)[href$=".PNG"]';

		jQuery(thumbnails).addClass("fancybox").attr("rel","fancybox").getTitle();

		jQuery("a.fancybox").fancybox({
			padding: 5
		});

	});
	
	// External links
	$('a.external, .logos a').click(function(){
		window.open($(this).attr('href'));
		
		return false;
	});

});


function initialize(carousel) {
    jQuery('.slider-controls a').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
        return false;
    });
	
    jQuery('#slider .next').bind('click', function() {
        carousel.next();
        return false;
    });

    jQuery('#slider .prev').bind('click', function() {
        carousel.prev();
        return false;
    });
};

function change(carousel) {
    for (var i = carousel.first; i <= carousel.last; i++) {
		$('.slider-controls a').each(function(){
			if ($(this).html() == i){
				$(this).addClass('active');
			} else {
				$(this).removeClass('active');
			}
		});
    }
}

