	// Preload Images	
	jQuery.preloadImages = function() {
		for (var i = 0; i < arguments.length; i++) {
			jQuery("<img>").attr("src", arguments[i]);
		}
	}

	jQuery.fn.crossroads = function() {
		var arr = new Array();
		this.each( function(i) {
			
			jQuery(this).find("a").bind( "click", i, function() { 
				var link = jQuery(this).attr( "href" );
				var title = jQuery(this).attr( "title" );
				jQuery("#crossroads-image-" + i).hide().html('<img src="' + link + '" alt="" />').fadeIn( 750 );
				jQuery("#crossroads-title-" + i).html( title );
				jQuery(".crossroads-link").removeClass("active");
				jQuery(this).addClass("active");
				return false; 
			});
			
			jQuery(this).find("a").each( function(j) {
				var link = jQuery(this).attr( "href" );
				jQuery(this).addClass("crossroads-link");
				arr.push(link);
			});
			
			jQuery(this).wrap('<div class="crossroads"></div>');
			jQuery(this).wrap('<div class="crossroads-inside"></div>');
			jQuery(this).after('<div style="clear:both;"></div><div class="large" id="crossroads-image-' + i + '" style="display:none;"></div><div class="title" id="crossroads-title-' + i + '"></div>');
			
			jQuery.preloadImages( arr );
		});
	};
	
	jQuery(document).ready(function() {
		var u = jQuery('ul.crossroads-gallery');
		jQuery('ul.crossroads-gallery').crossroads();
	});