/* JS file for the index.html page */

$(document).ready(function(){
	$("#myController").jFlow({
		slides: "#mySlides",
		controller: ".jFlowControl", // must be class, use . sign
		slideWrapper : "#jFlowSlide", // must be id, use # sign
		selectedWrapper: "jFlowSelected",  // just pure text, no sign
		width: "990px",
		height: "330px",
		duration: 600,
		prev: ".jFlowPrev", // must be class, use . sign
		next: ".jFlowNext" // must be class, use . sign
	});
	
	
	$(".jFlowControl").bind("click", function(e) {
		
		$("#myController > *").removeClass("selected");
		$("#myController > *").addClass("unselected");
		
		$(this).removeClass("unselected");
		$(this).addClass("selected");
		
//		$a = $(this).position().left;
//		$b = $("#floatingArrow").position().left;
//		$c = $b - $a - ($(this).width()/2) + ($("#floatingArrow").width()/2);
//
//		
//		$sign = "-";
//		
//		if ($c > $b)
//			$sign = "+";
//		
//
//    			$("#floatingArrow").animate({"left": $sign + "=" + $c}, "slow");
	});
	
	$("#news").load("./news.php");
});