$(document).ready(function() {

	// ======================================
	// case study - we animate open and closed but want to avoid display:none for accessibility reasons
	// we capture the animation event and hide content by forcing the height to be 0px and overflow hidden.
	$(".csList h3,.csList2 h4,.csMenuHr").addClass("open");

	$(".csList ul,.csList2 ul,.csMenuHr ul").each(function(){
		$(this).addClass("closed");
		$(this).css("display", "block");
		//$(this).css("border", "1px solid red");
	});

	$(".csList h3.select,.csList2 h4.select").each(function() {		
		var ul = $(this).next("ul"); // this is the ul element immediately after the heading that has been click
		$(this).removeClass("open");
		$(this).removeClass("select");
		$(this).addClass("close");
		ul.css("display", "none");
		ul.removeClass("closed");
		ul.slideDown(200);
	});

	$(".csList h3,.csList2 h4,.csMenuHr").click(function(){
		if($(this).hasClass("csMenuHr")){
			var ul = $(this).children("ul"); // this is the ul element under the nester list
		}else{
			var ul = $(this).next("ul"); // this is the ul element immediately after the heading that has been click
		}
		if(ul.hasClass("closed")){
			// open
			$(this).removeClass("open");
			$(this).addClass("close");
			ul.css("display", "none");
			ul.removeClass("closed");
			ul.slideDown(200);
		}else{
			//close
			$(this).removeClass("close");
			$(this).addClass("open");
			ul.slideUp(200, function(){
				$(this).addClass("closed");
				$(this).css("display", "block");
			});
		}
	});
	
	
	// ======================================
	// testimonials slider
	$("#slider").contentSlider({
		width: 270,
		height:'47em'
	});
	
	

	$("#sliderNext").click(function(e){
		$("#slider").contentSlider("next");
		e.preventDefault();
	});
	
	$("#sliderPre").click(function(e){
		$("#slider").contentSlider("prev");
		e.preventDefault();
	});
	
	
	// ======================================
	// home page slider
	$("#hpSlider").contentSlider({
		width: 560,
		height:'16.5em',
		callback: toggleSlidermenu
	});
	
	$("#sliderMenu a").click(function(e){
		var pos = $(this).parent().index();
		$("#hpSlider").contentSlider("move", pos);
		e.preventDefault();
	});
	
	
	function toggleSlidermenu(i){
		$("#sliderMenu li").each(function(){
			if($(this).index() == i){
				$(this).addClass("selected");
			}else{
				$(this).removeClass("selected");
			}
		});				
	}
	
});