(function($) {
	$.fn.TopSlider = function() {
		//preload image
		if (document.images) {
			    img1 = new Image();
			    img1.src = "http://www.bluecedarmarketing.com/wp-content/themes/BlueCedar/images/learn_more_hover.png";
		}
		var CurrSlide = 1;
		var NumSliders = 0;
		$("#TopSlider").append("<div id=\"SliderNums\"></div>");
		$("#TopWrapper").children(".SliderPanel").each(function(){
			NumSliders++;
			if(NumSliders == 1) {
				$("#SliderNums").append("<span class=\"selected\">" + NumSliders + "</span>");
			} else {
				$("#SliderNums").append("<span>" + NumSliders + "</span>");
			}
		});
		$("#SliderNums span").click(function(){ 
			ChangeSlide($(this).text()); 
			clearInterval(MyTimer);
		});
		$("#TopWrapper").css("width", (NumSliders * 945) + "px");
		
		var MyTimer = setInterval(function(){
			var GoTo = CurrSlide + 1;
			if(GoTo > NumSliders) { GoTo = 1; }
			ChangeSlide(GoTo);
		},5000);	
		
		function ChangeSlide(GoTo) {
			var GotoPx = GoTo * 945 - 945;
			$("#TopWrapper").animate({ left: "-" + GotoPx + "px" },650);
			$("#SliderNums span").each(function(){
				if($(this).text() == GoTo.toString()) {
					$(this).addClass("selected");
				} else {
					$(this).removeClass("selected");
				}
			});
			CurrSlide = GoTo;
		}
	}
})(jQuery);