jQuery(document).ready(function($) {
	jQuery.noConflict();
	var currentPic=1;
	var prevPic;
	var shiftSpeed = 7000;
	var fadeSpeed = 1000;
	var picNumber = 6;
	
	$("div#splash").append("<div id='carousel' class='clearfix'></div>");

//create navigation ul

	$("div#carouselNav").append("<ul id='carouselNavList'></ul>");
	  
  	for(var i=1; i<picNumber+1;i++){
  		
  		$("div#carousel").append("<img id='carouselItem_"+i+"' class='carouselItem' src='/images/splash/pic_"+i+".jpg'/>");
  		$('.carouselItem').css({"display":"none","position":"absolute","top":"0"});
  		
  		$("div#carouselNav > ul").append("<li><a href='"+i+"'><div id='carouselBtn_"+i+"' class='carouselBtn'></div></a></li>");
  	}
 
 //eof carousel creation
  	
  //show first pic
	$('#carouselItem_'+currentPic).fadeIn(fadeSpeed);
	$("#carouselBtn_"+currentPic).addClass("highlightBtn");
	currentPic++;
	prevPic = currentPic-1;
	
  // eof showing the first pic
		
   function fades(current,prev){ 	
		if(current != prev){
			$('#carouselItem_'+current).fadeIn(fadeSpeed);
			$('#carouselItem_'+prev).fadeOut(fadeSpeed);
		
			$("#carouselBtn_"+current).addClass("highlightBtn");
			$("#carouselBtn_"+prev).removeClass("highlightBtn");
			
			prevPic = current;
		}	
	}

  	function autoShow(current,prev){
  	
  		if(current > picNumber) current = 1;
						
  		fades(current,prev);
  		current++;
  		currentPic = current;
  	}
  		  	
  	$(function manualShow(){
			
			$("div#carouselNav > ul > li > a").click(function(event){
  				event.preventDefault();

		//pause the interval
  				clearInterval(intervalId);
			
		// eof pause the interval
		
		//change pic
				if($(this).attr("href") != "play"){
				
					item = $(this).attr('href');	
				
					fades(item,prevPic);
					currentPic = item;	
				}
				else {	
					$("div#carouselNav #playBtn ").hide("slow");
					intervalId = setInterval(function(){ autoShow(currentPic,prevPic); },shiftSpeed);
					
				}
		//eof change

  			})

	});
 	
 	//start animation
 	
 	 var	intervalId = setInterval(function(){ autoShow(currentPic,prevPic); },shiftSpeed);
	
	//eof starting animation
	
	//hide or show
	
	$("a").click(function(event){
		
		if($(this).attr('class') == 'scheduleBtn') {
			
			event.preventDefault();
			
			id=$(this).attr('name');
			
			}

	})
	
	$("a").each(function(index){
		if($(this).attr('href')=='show') $(this).click(function(event){
			
			event.preventDefault();
		})
	})

	
});