function _msie_replace_png_imgs() {
	var i, elements;

	elements = document.getElementsByTagName( "img" );
	for ( i = 0; i < elements.length; i++ ) {
		var img = elements[i];
		if ( img.src.toLowerCase().search(/\.png$/ ) < 0 ) continue;

		img.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + img.src	+ "', sizingMethod='image')";
		img.src = "../../miscellany/images/spacer.gif";
	}
}

if ( window.attachEvent && navigator.appName == "Microsoft Internet Explorer" ) window.attachEvent ( "onload", _msie_replace_png_imgs );

var slides_done = false;
var backgroundOpacity = 0.7 ;
var frameWidth = 410;
var frameHeight = 710;
var slideSet, setTotal, curSlide, url;

$( document ).ready ( function ()
	{
		$( ".icon" ).each ( function ()
			{
				slide_text = $( this ).attr ( "title" );
				$( this ).attr ( "rel", slide_text );
				$( this ).attr ( "title", "Click to display screen grabs" );
			}
		);
		$( ".roll" ).each ( function ( i )
			{
				temp = this.src;
				pre = temp.replace ( /_off/, '_on' );
				preload_image_object = new Image ();
				preload_image_object.src = pre;
			}
		);
		$( ".roll" ).hover ( function ()
			{
				curr = $( this ).attr ( "src" );
				over = curr.replace ( /_off/, '_on' );
				$( this ).attr ({ src: over });
			}, function () {
				$( this ).attr ({ src: curr });
			}
		);
		$( ".icon" ).click ( function ()
			{
				var details = $( this ).attr ( "rel" ).split("|");
				slideSet = details[0];
				setTotal = details[1];
				curSlide = 0;
				if ( setTotal > 1 ) {
					$( '#backButton' ).css ( "visibility", "visible" );
					$( '#nextButton' ).css ( "visibility", "visible" );
				}
				$( "#grab" ).attr ( "src", "slides/" + slideSet + "-0.jpg" );
				slides_show ();
				return false;
			}
		);
		$( "#backButton" ).click ( function ()
			{
				curSlide--;
				if ( curSlide < 0 ) curSlide = setTotal - 1;
				url = "slides/" + slideSet + "-" + curSlide + ".jpg";
				slides_swap ( url );
				return false;
			}
		);
		$( "#nextButton" ).click ( function ()
			{
				curSlide++;
				if ( curSlide >= setTotal ) curSlide = 0;
				url = "slides/" + slideSet + "-" + curSlide + ".jpg";
				slides_swap ( url );
				return false;
			}
		);
	}
);

function slides_swap ( url ) {
// 	$( '#grab' ).fadeOut ( "fast" );
	$( '#grab' ).animate ( {"left": "205px","width": "0"}, "fast" );
	$( "#grab" ).attr ( "src", url );
	$( "#grab" ).css ( {"left": "205px","width":"0"} );
// 	$( '#grab' ).fadeIn ( "fast" );
	$( '#grab' ).animate ( {"left":"45px","width": "320"}, "fast" );
}

function slides_show () {
	if ( !slides_done ) {
		$( document.body ).append( "<div id='slides_overlay'></div>" );
		$( "#slides_overlay" ).click ( slides_hide );
		$( "#exitButton" ).click ( slides_hide );
		$( "#grab" ).click ( slides_hide );
		$( window ).resize ( slides_position ).scroll ( slides_position );
		slides_done = true;
	}
	slides_position();
}

function slides_hide() {
	$( '#grabs' ).slideUp ( "medium", function ()
		{
			$( '#slides_overlay' ).fadeOut ( "fast" );
			slides_done = false;
		}
	);
	$( '#backButton' ).css ( "visibility", "hidden" );
	$( '#nextButton' ).css ( "visibility", "hidden" );
	return false;
}

function slides_position() {
	if ( slides_done ) {
		$( "#slides_overlay" ).css (
			{
				height: $( document ).height() + "px",
				width: $( document ).width() + "px",
				opacity: backgroundOpacity
			}
		).fadeIn ( "fast", function ()
			{
				windowHeight = $( window ).height();
				$( "#grabs" ).css (
					{
						width: frameWidth + "px",
						height: frameHeight + "px",
						left: (( $( window ).width() - frameWidth ) / 2 ) + "px",
						top: ((( windowHeight - frameHeight ) / 2 ) + $( window ).scrollTop() ) + "px",
						display: "none",
						opacity: 1
					}
				);
				$( "#grabs" ).slideDown ( "medium" );
			}
		);
	}
}