$(document).ready(function(){
	
	
	/* JCAROUSEL */
	
	$('#slider ul').jcarousel({
		wrap: 'both',
		scroll: 1,
		auto: 0,
		visible: 1,
		initCallback: init_carousel,
		itemFirstInCallback: function(carousel, item, idx, state) {
			$('#slider .nav a').removeClass('active');
			$('#slider .nav a').eq(idx-1).addClass('active');
		}
	});
	
	/* END JCAROUSEL */
	
	
	$('.field').focus(function(){
		if( $(this).attr('title') == $(this).val() ) {
			$(this).val('');
		}
	}).blur(function(){
		if( $(this).val() == '' ) {
			$(this).val( $(this).attr('title') );
		}
	});
});	


function init_carousel(carousel) {
	$('#slider .nav a').click(function(){
		var idx = $(this).index()+1;
		carousel.scroll( idx );
		return false;
	});
}

$(function() {    
	var theWindow = $(window),
    $bg = $("#bg"),
    aspectRatio = $bg.width() / $bg.height();

    function resizeBg() {
        if ( (theWindow.width() / theWindow.height()) < aspectRatio ) {
            $bg.removeClass().addClass('bgheight');
        } else {
            $bg.removeClass().addClass('bgwidth');
        } 
    }   
    theWindow.resize(function() {
        resizeBg();
    }).trigger("resize");          
});


	var padding = 29;
	var ul_width = $('#navigation ul').outerWidth();
	var nav_width = $('#navigation').outerWidth();

	var li_padding = (nav_width - ul_width)/2 + 29;
	$('#navigation li:last a').css('padding', '0 ' + li_padding + 'px');