// when the DOM is ready...
$(document).ready(function () {
	
	// cookie remember top banner
	var COOKIE_NAME = 'bannerSet';
	var options = { path: '/', expires: 10 };
	var cookie = $.cookie(COOKIE_NAME);
	
	if(cookie) {
		var startChange = '#banner #banners #' + cookie;
		
		$('#banner #banners div').css('display', 'none');
		$(startChange).css('display', 'block');
		
		$('#banner ul li').removeClass('active');
		$('#banner ul li#btn' + cookie).addClass('active');
	}
	
	// top banner change
	$('#banner ul li a').click(function() {
		var activeTitle = $(this).attr("title");
		var activeChange = '#banner #banners #' + activeTitle;
		
		$('#banner #banners div').fadeOut();
		$(activeChange).fadeIn();
		
		$('#banner ul li').removeClass('active');
		$(this).parent().addClass('active');
		
		$.cookie(COOKIE_NAME, activeTitle, options);
		
		return false
	});
	
	
	
	// make entire div clickable
	var clickables = $("#boxes #prices, #boxes #trial, #banner #banners #signup");
	clickables.css('cursor', 'pointer');
	clickables.hover(function() {
		$(this).find('a').addClass('hover');
	}, function() {
		$(this).find('a').removeClass('hover');
	});
	clickables.click(function(){
		window.location=$(this).find("a").attr("href");return false;
	});


});