
google.load("jquery", "1.4.2");

google.setOnLoadCallback(function() {

    if($('.home #media_images').length > 0) {
    	$('.home #media_left').cycle({ 
    		fx:    'fade', 
    		speed:  4000,
    		delay: -2666
    	});
    	$('.home #media_center').cycle({ 
    		fx:    'fade', 
    		speed:  4000,
    		delay: -1333
    	});
    	$('.home #media_right').cycle({ 
    		fx:    'fade',
    		speed:  4000
    	});
    }

    $('#email_sign_up').submit(function(){
    	var dataString = 'email=' + $('#email').val();
    	$.ajax({  
    	  type: "POST",  
    	  url: "/jp/forms/email-signup/",
    	  data: dataString,  
    	  success: function() {  
    		$('#email_sign_up').html('<div id="message"></div>');  
    		$('#message').html("<p>Thank you for joining our mailing list! We will be in touch soon.</p>");
    	  }  
    	});
    	return false;
    });

    $('.nav_banner').click(function(){
    		show_banner($(this).attr('value'));
    	}
    );

    $('.close').click(function(){
    	$('#banner').fadeOut('medium');
    	$('.banner_active').removeClass('banner_active');
    });

    $(".anchor_link").click(function(){
    	scrollToAnchor($(this).attr("to"));
    });

    $(".back_to_top").click(function(){
    	scrollToTop();
    });

    /* ie7 needs its own navigation JS */
    ie7 = false;
    if ($.browser.msie && (parseFloat($.browser.version) <= 8)) {
        ie7 = true;
    }
    if(!ie7) {
    	$('#main_navigation ul li').not('ul ul li').hover(
    		function(){	
    			$('li.active ul').stop().animate({ height: "0", display: "none" }, { queue: false, complete: function() { $(this).children('ul').css("height", "25px"); } });
    			$(this).children('ul').stop().animate({ height: "25px", display: "block" }, { queue: false, complete: function() { $(this).children('ul').css("height", "25px"); } });
    			$('li.active').addClass('formerly_active').removeClass('active');
    			$(this).children('a').addClass('secondary_active');
    		},
    		function(){
    			$('li.formerly_active').addClass('active').removeClass('formerly_active');
    			$(this).children('a').removeClass('secondary_active');
    			$(this).children('ul').stop().animate({ height: "0", display: "none" }, { queue: false, complete: function() { $(this).children('ul').css("height", "25px"); } });
    			if($('li.active')){
    				$('li.active ul').stop().animate({ height: "25px", display: "block" }, { queue: false, complete: function() { $(this).children('ul').css("height", "25px"); } });
    			}
    		}
    	);
    	$('li.active ul').animate({ height: "25px", display: "block" }, { queue: false, complete: function() { $(this).children('ul').css("height", "25px"); } });
    } else {
    	/* no animation for ie7 */
    	$('#main_navigation ul li').hover(
    		function(){
    			$('li.active ul').hide();
    			$(this).children('ul').show();
    			$('li.active').addClass('formerly_active').removeClass('active');
    			$(this).children('a').addClass('secondary_active')
    		},
    		function(){
    			$('li.formerly_active').addClass('active').removeClass('formerly_active');
    			$(this).children('a').removeClass('secondary_active');
    			$(this).children('ul').hide();			
    			if($('li.active')){
    				$('li.active ul').show();
    			}
    		}
    	);
    	$('li.active ul').show();
    }
    /* end nav js */

    /* $.simpleWeather({
    	zipcode: '92067',
    	unit: 'f',
    	success: function(weather) {
    		$("#weather dd").html(weather.temp+'&deg;F');
    	},
    	error: function(error) {}
    	}); */

});

function show_banner(class_name) {
	if( $('.'+class_name).css('display') != 'block' ) {
		$('#banner').css('display', 'none');
		$('.banner_active').removeClass('banner_active');
		$('.banner_message.' + class_name).addClass('banner_active');
		$('#banner').fadeIn('medium', function() {$('#banner').addClass('banner_active')} );
	}
}

function scrollToAnchor(aname, offset) {
	offset = 30;
	$("html,body").animate({
		scrollTop: $("a[name='" + aname + "']").offset().top - offset
	}, 500);
}

function scrollToTop() {
	$("html,body").animate({
		scrollTop: 0
	}, 500);
}

