$(document).ready(function(){
	$('html').removeClass('no-js')
	$('#cban_wrap').css({'left' : '-1000px'}).animate({'left': '0px'}, 2000, function(){ 
					// Animation complete
	});
	$('#remaxballoon_large').animate({'top': '179px', 'left': '20px'}, 3000, function(){
		// Animation complete
	});
	
	var item_small_width = '150';
	var item_small_height = '200';
	var item_small_fontsize = '10';
	var item_small_imgheight = '70';
	var item_large_width = '180';
	var item_large_height = '225';
	var item_large_fontsize = '12';
	var item_large_imgheight = '84';
	var item_small_bottom = '0';
	var item_large_bottom = '-18';
	
	$("#map_canvas").mouseenter(function(){
		$('#map_bluebar, #remaxballoon_large').css({'display' : 'none' });
		//$('#remaxballoon_large').fadeOut('fast', function() {
			// Animation complete.
		//	$('#map_bluebar, ').fadeOut('fast', function() {
		//		// Animation complete.	
		//	});
		//});
	}).mouseleave(function(){
		//$('#map_bluebar, #remaxballoon_large').css({'display' : 'block' });
		$('#map_bluebar, #remaxballoon_large').fadeIn('slow', function() {
			// Animation complete.	
		});
	});

	
	$(".dock").carouFredSel({
		circular: true,
		infinite: false,
		width: 850,
		height: 290,
		padding: 0,
		items: {
				visible: 4,
				width: 212,
				height: 290
		},
		scroll: {
				items: 1,
				easing: "linear",
				duration: 500,
				pauseOnHover: true
		},
		auto: {
				pauseDuration: 3000,
				delay: 500
		},
		prev: {
				button: "#previous_btn",
				key: "left",
				pauseOnHover: true,
				items: 1
		},
		next: {
				button: "#next_btn",
				key: "right",
				pauseOnHover: true,
				items: 1
		}
	});

	$('#dock_wrap .item').click(function() {
		var prop_url = $("a", this).attr("href");
		//alert('Handler for .click() called.'+ prop_url);
		window.location = prop_url;
		return false;
	});
		
	$('#dock_wrap .item').mouseenter(function(){
		$(this).css({'cursor' : 'pointer'});
		$(".content", this).animate({
						width: '170px',
						height: '233px',
						fontSize: '12px',
						left: '0px',
						bottom:'5px'
					}, 2 );
		$(".content img", this).animate({
						height: '90px',
						width: '165px'
					}, 2 );
		$(".content span.descrip", this).animate({
						height: '74px'
					}, 2 );
	}).mouseleave(function(){
		$(this).css({'cursor' : 'auto'});
		$(".content", this).animate({
					width: '155px',
					height: '200px',
					fontSize: '10px',
					left: '8px',
					bottom:'30px'
				}, 2 );
		$(".content img", this).animate({
					height: '70px',
					width: '150px'
				}, 2 );
	});
		
});