var $j = jQuery.noConflict();
var item_width;
var left_value;

$j(document).ready(function(){
	/*  Menu Selector */
	$j(".months div").click(function(){	
		if (!$j(this).hasClass("empty")) {
			clearInterval(run_left);
			clearInterval(run_right);
			var dest = $j(this).attr("id");
			$j(".months .sel").each(function() {
				$j(this).removeClass("sel");
			});
			$j(this).addClass("sel");
			
			$j("#textFrame").html('<iframe id="contentFrame" src="/main/projects/881/familyday/'+dest+'_l.html" width="375" height="264" frameborder="0" scrolling="no"></iframe>');
			$j("#fd-right").html('<iframe src="/main/projects/881/familyday/'+dest+'_r.html" width="305" height="350" frameborder="0" scrolling="no"></iframe>');
		}
	});

	/* Carousel element mouse over */
	$j(".carousel li img").mouseover(function(){
		var origSrc = $j(this).attr("src");
		var hoverSrc  = origSrc.substr(0,origSrc.length-4)+"r.jpg";
		$j(this).attr("src",hoverSrc);
	}).mouseout(function(){
		var hoverSrc = $j(this).attr("src");
		var origSrc  = hoverSrc.substr(0,hoverSrc.length-5)+".jpg";
		$j(this).attr("src",origSrc);	
	});

	/* Carousel auto run */
	var speed = 5000;
	item_width = $j('.carousel li').outerWidth();
	left_value = item_width * (-1);
	$j('#group1 li:first').before($j('#group1 li:last'));
	$j('.carousel').css({'left' : left_value*4});  
	
	/* Group 1 - Going left */
	var run_left = setInterval('rotateLeft()',speed);
	/* Carousel hover */
	$j("#group1").hover(function() {
		clearInterval(run_left);
	}, function() {
		run_left = setInterval('rotateLeft()',speed);
	});

	/* Group 2 - Going Right */
	var run_right = setInterval('rotateRight()',speed);
	/* Carousel hover */
	$j("#group2").hover(function() {
		clearInterval(run_right);
	}, function() {
		run_right = setInterval('rotateRight()',speed);
	});	
});

/* Group 1 Go left */
function rotateLeft(){
	var left_indent = parseInt($j('#group1').css('left')) - item_width*4; 
	$j('#group1').animate({'left' : left_indent}, 500, function () {
		$j('#group1 li:last').after($j('#group1 li:first'));
		$j('#group1 li:last').after($j('#group1 li:first'));
		$j('#group1 li:last').after($j('#group1 li:first'));
		$j('#group1 li:last').after($j('#group1 li:first'));
		$j('#group1').css({'left' : left_value*4});
	});
}

/* Group 1 Go Right */
function rotateRight(){
	var right_indent = parseInt($j('#group2').css('left')) + item_width*4; 
	$j('#group2').animate({'left' : right_indent}, 500, function () {
		$j('#group2 li:first').before($j('#group2 li:last'));
		$j('#group2 li:first').before($j('#group2 li:last'));
		$j('#group2 li:first').before($j('#group2 li:last'));
		$j('#group2 li:first').before($j('#group2 li:last'));
		$j('#group2').css({'left' : left_value*4});
	});
}

function resizeFrame(height) {
	$j("#contentFrame").height(height);
	$j("#FamilyDayContainer").height($j("#fd-mid").height());
}