$(function() {
	$('.field').focus(function() {
        if(this.title==this.value) {
            this.value = '';
        }
    }).blur(function(){
        if(this.value=='') {
            this.value = this.title;
        }
    });
    
    $('#main-nav > ul > li').hover(function() {
    	$(this).find('.dropdown').stop(true, true).slideDown();
    }, function() {
    	$(this).find('.dropdown').stop(true, true).slideUp();
    });
    
       
    $('.custom-scroll').jScrollPane({
		autoReinitialise: true,
		verticalGutter : 10
	});
    
    $('#hero-slider').jcarousel({
    	'start' : 1,
    	'scroll' : 1,
    	'auto' : 5,
    	'wrap' : 'both',
    	'buttonNextHTML' : '',
    	'buttonPrevHTML' : '',
    	'initCallback' : intinCallback,
    	'itemVisibleInCallback' : {
    		onBeforeAnimation: itemVisibleInCallback
    	}
    });
    
    function intinCallback(carousel) {
    	var start = carousel.options.start - 1;
    	
    	$('#hero-area .nav li a').eq(start).addClass('active');
    	$('#hero-area .nav li a').live('click', function() {
    		var idx = $('#hero-area .nav li').index($(this).parent('li')) + 1;
    		carousel.scroll(idx);
    		$('#hero-area .nav li a').not($(this)).removeClass('active');
    		$(this).addClass('active');
    		return false;
    	});
    }
    
    function itemVisibleInCallback(carousel, item, idx, state) {
    	$('#hero-area .nav li a').removeClass('active');
    	$('#hero-area .nav li a').eq(idx - 1).addClass('active');
    	var height = $(item).find('.text').height() - 56;
    	$('#hero-area .nav').animate({
    		'height': height
    	});
    }
});