jQuery.noConflict();

jQuery(function() {

	// PREPARE INTERFACE ELEMENTS (for animation on full content load)
	// Thumbnails
	jQuery('#project_thumbnails').hide();
	
	// Thumbnail mouseover
	jQuery('#project_thumbnails a').hover(
		function() {
			jQuery(this).children('img').addClass('semitransparent');
		},
		function() {
			jQuery(this).children('img').removeClass('semitransparent');
			jQuery(this).children('img.current').addClass('semitransparent');
		}
	);

	// Activate image
	jQuery('#project_thumbnails a').click(
		function() {
			var img_id = 'project_image_' + jQuery(this).attr('id').substring(19);
			slideSwitch(img_id);
			return false;
		}
	);
	
	// Advance image
	jQuery('#project_image_next').click(
		function() {
			slideSwitch();
			return false;
		}
	);
		
	// Reverse image
	jQuery('#project_image_prev').click(
		function() {
			slideSwitchReverse();
			return false;
		}
	);
			
});

// Actions after full page load
jQuery(window).load(
	function() {

		// ANIMATE INTERFACE ELEMENTS
		// Thumbnails
		jQuery('#project_thumbnails').fadeIn(1000);
		// First image
		firstImage();
	}
);

function firstImage() {
	slideSwitch();
	jQuery('#project_images').children('img:first').addClass('semitransparent');
}

function slideSwitch(img_id) {
	var previous = jQuery('#project_images li.previous');
	var current = jQuery('#project_images li.current');
	// Specific image (step through)
	if (img_id) {
		var loop = jQuery('#project_images li:first-child');
		for (var i = 1; i <= jQuery('#project_images li').length; i++) {
			if (loop.attr('id') == img_id) {
				var next = loop;
				jQuery.slidenumber = i;
				break;
			}
			else {
				loop = loop.next();
			}
		}
	}
	// Next image
	else {
		if (jQuery.slidenumber < jQuery('#project_images li').length) {
			var next = current.next();
			jQuery.slidenumber++;
		}
		else {
			var next = jQuery('#project_images li:first-child');
			jQuery.slidenumber = 1;
		}
	}
	previous.removeClass('previous').hide();
	current.addClass('previous').removeClass('current');
	next.addClass('current').fadeIn(1000);
	// Thumbnail transparency
	img_id = next.attr('id').substring(14);
	jQuery('#project_thumbnails img').removeClass('semitransparent').removeClass('current');
	jQuery('#project_image_link_'+img_id).children('img').addClass('semitransparent').addClass('current');
	// Return orientation (for animated resize)
	//return next.children('img').attr('class');
}

function slideSwitchReverse() {
	var previous = jQuery('#project_images li.previous');
	var current = jQuery('#project_images li.current');
	if (jQuery.slidenumber > 1) {
		var next = current.prev();
		jQuery.slidenumber--;
	}
	else {
		var next = jQuery('#project_images li:last-child');
		jQuery.slidenumber = jQuery('#project_images li').length;
	}
	previous.removeClass('previous').hide();
	current.addClass('previous').removeClass('current');
	next.addClass('current').fadeIn(1000);
	// Thumbnail transparency
	img_id = next.attr('id').substring(14);
	jQuery('#project_thumbnails img').removeClass('semitransparent').removeClass('current');
	jQuery('#project_image_link_'+img_id).children('img').addClass('semitransparent').addClass('current');
	// Return orientation (for animated resize)
	//return next.children('img').attr('class');
}