$(document).ready(function(){
	
	$("#mid-section .navi ul li").hover(
		function(){
			$(this).css({backgroundColor:"#d0eb8a"});
			$(this).find("a").css({color:"#3d892e"});
		},
		function(){
			$(this).css({backgroundColor:"transparent"});
			$(this).find("a").css({color:"white"});
		}
	);
	
	nextLink = $(".banner .next");
	
	$(".banner div").cycle({
		fx:'scrollLeft',
		next:nextLink,
		prevNextClick:function(isNext, zeroBasedSlideIndex, slideElement){
			s = zeroBasedSlideIndex;
			$(".banner .goto").removeClass("gotoover");
			$(".banner .goto:eq("+s+")").addClass('gotoover');
		}
	}).cycle('pause');
	
	var count = $(".banner div img").length - 1;
	var margin = 22;
	var startmargin = 110;
	
	$(".banner div img").each(function(i){
		n = count - i;
		m = parseInt(parseInt(margin) * i) + startmargin;
		css_style = "";
		if(i == count){
			css_style = " gotoover";
		};
		$(".banner div").after("<a href='#' class='goto"+css_style+"' id='image_"+n+"' style='right:"+m+"px'>&nbsp;</a>");
	});
	
	$(".banner .goto").click(function(){
		$(".banner .goto").removeClass("gotoover");
		$(this).addClass('gotoover');
		$(".banner div").cycle(parseInt($(this).attr("id").split("_")[1]));
		return false;
	});
	
})