// Lightbox.js

var LightboxCurrentID;
var LightboxCurrentArray;
// Display Lightbox image
var LightboxOpen = function ( ID , ImagesArray ) {
	// Detect browser.
	var isFirefox = false;
	var isMSIE = false;
	var isMSIE6 = false;
	var isSafari = false;
	var Version;
	
	LightboxCurrentID = ID;
	
	if ( ImagesArray ) { 
		document.getElementById ( "LightboxBackHide" ).style.visibility = "hidden";
		document.getElementById ( "LightboxNextHide" ).style.visibility = "hidden";
		document.getElementById ( "LightboxBackHitState" ).style.visibility = "visible";
		document.getElementById ( "LightboxNextHitState" ).style.visibility = "visible";
		document.getElementById ( "LightboxImage" ).style.visibility = "visible";
		document.getElementById ( "LightboxContactUs" ).style.visibility = "hidden";
		document.getElementById ( "LightboxCopyright" ).style.visibility = "hidden";
		document.getElementById ( "LightboxText" ).style.visibility = "visible";		
		
		LightboxCurrentArray = ImagesArray;
		Url = ImagesArray [ ID ] [ "Url" ];
		Text = ImagesArray [ ID ] [ "Text" ];
		
		// Find brand
		if ( navigator.userAgent.indexOf ( 'Firefox' ) > -1 ) {
			isFirefox = true;
		} else if ( navigator.userAgent.indexOf ( 'MSIE' ) > -1 ) {
			isMSIE = true;
		} else if ( navigator.userAgent.indexOf ( 'Safari' ) > -1 ) {
			isSafari = true;
		}
		
		// For IE the version is important too.
		if ( isMSIE ) {
			Version = navigator.appVersion.split ( "MSIE" );
			Version = parseFloat ( Version [1] );
			if ( Version == 6 )	{
				isMSIE6 = true;
			}
		}
		
		// Display image and shadow
		var LightboxImageLoaded = function ( ) {
			// Image
			LightboxImageTag.style.visibility = 'visible';	
		};
		
		// Img
		var LightboxImageTag = document.createElement ( 'img' );
		LightboxImageTag.id = "LightboxImageTag";
		LightboxImageTag.src = Url+"?"+Math.floor(Math.random()*10000+1);
		LightboxImageTag.style.visibility = 'hidden';
		LightboxImageTag.onload = LightboxImageLoaded;
	
	
		// Place at top of HTML.
		document.getElementById ( "LightboxImage" ).appendChild ( LightboxImageTag );
		InsertHTML ( Text , "LightboxText" );
	} else if ( ID == "Contact-Us" ) {
		// Contact Us lightbox
		document.getElementById ( "LightboxBackHide" ).style.visibility = "visible";
		document.getElementById ( "LightboxNextHide" ).style.visibility = "visible";
		document.getElementById ( "LightboxImage" ).style.visibility = "hidden";
		document.getElementById ( "LightboxVideo" ).style.visibility = "hidden";
		document.getElementById ( "LightboxContactUs" ).style.visibility = "visible";
		document.getElementById ( "LightboxCopyright" ).style.visibility = "hidden";
		document.getElementById ( "LightboxBackHitState" ).style.visibility = "hidden";
		document.getElementById ( "LightboxNextHitState" ).style.visibility = "hidden";
		document.getElementById ( "LightboxText" ).style.visibility = "hidden";	
			
	} else if ( ID == "Copyright" ) {
		// Copyright lightbox
		document.getElementById ( "LightboxBackHide" ).style.visibility = "visible";
		document.getElementById ( "LightboxNextHide" ).style.visibility = "visible";
		document.getElementById ( "LightboxImage" ).style.visibility = "hidden";
		document.getElementById ( "LightboxVideo" ).style.visibility = "hidden";
		document.getElementById ( "LightboxCopyright" ).style.visibility = "visible";
		document.getElementById ( "LightboxBackHitState" ).style.visibility = "hidden";
		document.getElementById ( "LightboxNextHitState" ).style.visibility = "hidden";
		document.getElementById ( "LightboxText" ).style.visibility = "hidden";	
			
	} else if ( ID == "UnderwaterVideo" ) {
		$('#LightboxVideo' ).html($('<object type="application/x-shockwave-flash" data="./Home-Underwater-Video.swf" width="503" height="301"><param name="movie" value="./Home-Underwater-Video.swf" /></object>'));
	
		clearTimeout ( HeaderLoader.FadeTimeout );
		
		// Underwater Video lightbox
		document.getElementById ( "LightboxBackHide" ).style.visibility = "visible";
		document.getElementById ( "LightboxNextHide" ).style.visibility = "visible";
		document.getElementById ( "LightboxImage" ).style.visibility = "hidden";
		document.getElementById ( "LightboxCopyright" ).style.visibility = "hidden";
		document.getElementById ( "LightboxVideo" ).style.visibility = "visible";
		document.getElementById ( "LightboxBackHitState" ).style.visibility = "hidden";
		document.getElementById ( "LightboxNextHitState" ).style.visibility = "hidden";
		document.getElementById ( "LightboxText" ).style.visibility = "hidden";	
		document.getElementById ( "HomeThumbVideo1" ).style.visibility = "hidden";				
	}
	
	document.getElementById ( "LightboxWrapper" ).style.visibility = "visible";
};

// Destroy
var LightboxHide = function ( ) {
	$('#LightboxVideo').html('');
	document.getElementById ( "LightboxBackHide" ).style.visibility = "hidden";
	document.getElementById ( "LightboxNextHide" ).style.visibility = "hidden";
	document.getElementById ( "LightboxBackHitState" ).style.visibility = "hidden";
	document.getElementById ( "LightboxNextHitState" ).style.visibility = "hidden";
	document.getElementById ( "LightboxWrapper" ).style.visibility = "hidden";
	document.getElementById ( "LightboxVideo" ).style.visibility = "hidden";
	document.getElementById ( "LightboxImage" ).style.visibility = "hidden";
	document.getElementById ( "LightboxContactUs" ).style.visibility = "hidden";
	document.getElementById ( "LightboxCopyright" ).style.visibility = "hidden";
	document.getElementById ( "LightboxText" ).style.visibility = "hidden";	
	if ( document.getElementById ( "HomeThumbVideo1" ) ) {
		document.getElementById ( "HomeThumbVideo1" ).style.visibility = "visible";		
	}
	if ( document.getElementById ( "LightboxImageTag" ) )	{
		document.getElementById ( "LightboxImage" ).removeChild ( document.getElementById ( "LightboxImageTag" ) );
	}
};

// Back one in the array.
var LightboxBack = function ( ) {
	LightboxCurrentID = LightboxCurrentID - 1;
	if ( LightboxCurrentID < 1 ) {
		LightboxCurrentID = LightboxCurrentArray.length - 1;
	}

	Url = LightboxCurrentArray [ LightboxCurrentID ] [ "Url" ];
	Text = LightboxCurrentArray [ LightboxCurrentID ] [ "Text" ];

	document.getElementById ( "LightboxImageTag" ).src = Url+"?"+Math.floor(Math.random()*10000+1);
	InsertHTML ( Text , "LightboxText" );
};

// Back one in the array.
var LightboxNext = function ( ) {
	LightboxCurrentID = LightboxCurrentID + 1;
	if ( LightboxCurrentID > LightboxCurrentArray.length - 1 ) {
		LightboxCurrentID = 1;
	}

	Url = LightboxCurrentArray [ LightboxCurrentID ] [ "Url" ];
	Text = LightboxCurrentArray [ LightboxCurrentID ] [ "Text" ];

	document.getElementById ( "LightboxImageTag" ).src = Url+"?"+Math.floor(Math.random()*10000+1);
	InsertHTML ( Text , "LightboxText" );
};