function moveSlides(cssLeft){//slide the slides on navigation click
    $("ul#home4Slides").animate({"left":cssLeft},{"duration":1000,easing:"easeOutCirc"});
}
function timedSlide(){//slide the slides on a timer
    $("div#pagination a").each(function(){
        $(this).removeClass("selectedSlide");//un-highlight all the pagination links
    });
    var currentLeft = $("ul#home4Slides").css("left");
    switch(currentLeft){
        case "0px":
        $("div#pagination a:eq(1)").addClass("selectedSlide");
        moveSlides("-447px");
        break;
        
        case "-447px": 
        $("div#pagination a:eq(2)").addClass("selectedSlide");
        moveSlides("-894px");
        break;
        
        case "-894px": 
        $("div#pagination a:eq(0)").addClass("selectedSlide");
        moveSlides("0px");
        break;
    }
    slideTimer = setTimeout("timedSlide()", 6500);
}
$(function(){//on document ready
	
});
$(window).load(function(){//after elements have loaded	
	//var slideTimer = setTimeout("timedSlide()", 6500);
	$("div#pagination a").click(function(){
	    clearTimeout(slideTimer);
	    $("div#pagination a").each(function(){
	        $(this).removeClass("selectedSlide");//un-highlight all the pagination links
	    });
	    $(this).addClass("selectedSlide");//highlight the current slide
	    var lnkClicked = $("div#pagination a").index(this) + 1;//which slide did they want?
	    switch(lnkClicked){
	        case 1:
	            moveSlides("0px");//move to first slide
	            break;
	        
	        case 2:
    	        moveSlides("-447px");//move to second slide
	            break;
	        
	        case 3:
    	        moveSlides("-894px");//move to third slide
	            break;
	    }
	    return false;
	});
});