$(document).ready(function(){			
			
			$('#main-slider').cycle({
				timeout:5000,					
				speed: 1000,
				delay:  500,
				sync: 1,
				before: onBefore
			});
			
			function onBefore() { 
    			$('#caption-text').html(this.alt); 
			}
			
			$("#myController").jFlow({
				slides: "#mySlides",
				controller: ".jFlowControl", // must be class, use . sign
				slideWrapper : "#jFlowSlide", // must be id, use # sign
				selectedWrapper: "jFlowSelected",  // just pure text, no sign
				width: "865px",
				height: "290px",
				duration: 250
				//prev: ".jFlowPrev", // must be class, use . sign
				//next: ".jFlowNext" // must be class, use . sign
			});
	
		$("#myController a").click(function() {
 			$("#myController a.active").removeClass("active");
 			$(this).addClass("active");
		});
		
		$("#myController img").click(function() {
 			$("#myController img.active").removeClass("active");
 			$(this).addClass("active");
		});
		
		$('.rollover').hover(function() {
				var currentImg = $(this).attr('src');
				$(this).attr('src', $(this).attr('hover'));
				$(this).attr('hover', currentImg);
			}, function() {
				var currentImg = $(this).attr('src');
				$(this).attr('src', $(this).attr('hover'));
				$(this).attr('hover', currentImg);
	});

			
});

  function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        var point = new GLatLng(34.004732, -81.037998);

        map.setCenter(point, 13);
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        map.setMapType(G_NORMAL_MAP);

        var marker = new GMarker(point);
        var html = "<strong>St. Peter's Catholic School</strong> <br/>1035 Hampton St. <br/>Columbia, SC 29205";
        GEvent.addListener(marker, 'click', function() { marker.openInfoWindowHtml(html); });

        map.addOverlay(marker);

        
      }
    }

var oldId = "blank";
function swap()
{
                var combo = document.getElementById("combo");
                var id = combo.options[combo.selectedIndex].value;
                var div = document.getElementById(id);
               // Hide old div
                document.getElementById(oldId).style.display = "none";
                oldId = id;
                // Show new div
                div.style.display = "block";
}

		
