jQuery.noConflict();
jQuery(document).ready(function(){

	//Show the paging and activate its first link
	//$(".startimglink").show();
	jQuery(".startimglink a:first").addClass("active");
	jQuery(".startimglegend p:first").show();
	jQuery(".startimgmore p:first").show();

	//Get size of the image, how many images there are, then determin the size of the image reel.
	var imageWidth = jQuery(".window").width();
	var imageSum = jQuery(".image_reel img").size();
	var imageReelWidth = imageWidth * imageSum;

	//Adjust the image reel to its new size
	jQuery(".image_reel").css({'width' : imageReelWidth});

	//Paging  and Slider Function
	rotate = function(){
	    	var triggerID = jQuery.active.attr("rel") - 1; //Get number of times to slide
//	    	var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide

    		jQuery(".startimglink a").removeClass('active'); //Remove all active class
    		jQuery.active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)

    		jQuery(".startimglegend p").fadeOut(50); //Fade out all p
		jQuery(".startimgmore p").fadeOut(1); //Fade out all p
    		jQuery('.image_reel img').fadeOut(1); //FadeOut current img
		
		jQuery('.startimglegend p:eq('+triggerID+')').fadeIn('slow'); //FadeIn current p
		jQuery('.startimgmore p:eq('+triggerID+')').fadeIn('slow'); //FadeIn current p
		jQuery('.image_reel img:eq('+triggerID+')').fadeIn(1); //FadeIn current p
    		//Slider Animation
    	/*	jQuery(".image_reel").animate({
        		left: -image_reelPosition
    		}, 500 );
	*/
	//	jQuery(".image_reel").fadeOut('slow');
	};

	//On Hover
	jQuery(".image_reel img").hover(function() {
    		clearInterval(play); //Stop the rotation
	}, function() {
    		rotateSwitch(); //Resume rotation timer
	});	

	//On Click
	jQuery(".startimglink a").click(function() {
    		jQuery.active = jQuery(this); //Activate the clicked paging
    		//Reset Timer
    		clearInterval(play); //Stop the rotation
    		rotate(); //Trigger rotation immediately
    		rotateSwitch(); // Resume rotation timer
    		return false; //Prevent browser jump to link anchor
	});
})


//Rotation  and Timing Event
rotateSwitch = function(){
    play = setInterval(function(){ //Set timer - this will repeat itself every 7 seconds
        jQuery.active = jQuery('.startimglink a.active').next(); //Move to the next paging
        if ( jQuery.active.length === 0) { //If paging reaches the end...
	    jQuery(".startimglegend p.active").css("color","white");
	    jQuery.active = jQuery('.startimglink a:first'); //go back to first
        }
        rotate(); //Trigger the paging and slider function
    }, 3000); //Timer speed in milliseconds (7 seconds)
};

rotateSwitch(); //Run function on launch