//////////////////////////////////////////////////
// 		  slideshow.js			//
// 		  by Matt Rabe			//
//	    www.websolutionshack.com		//
//						//
// Javascript slideshow that integrates with	//
// PHP to create a completely dynamic, slick	//
// little slideshow.				//
//						//
//////////////////////////////////////////////////

//////////////////////////////////////////////////
// DO NOT EDIT BEYOND THIS POINT!
//////////////////////////////////////////////////

// Internal variables
var slideshow_imagefilenames = "";
var slideshow_imagewidths = "";
var slideshow_imageheights = "";
var currentx = 0;
div = document.createElement('div');
img = document.createElement('img');
img.id = 'slideshow_popup';

function startSlideshow(imagefilenames, imagewidths, imageheights)
{
	slideshow_speed = 1;
	slideshow_imagefilenames = (imagefilenames != null) ? imagefilenames.split(',') : slideshow_imagefilenames;
	slideshow_imagewidths = (imagewidths != null) ? imagewidths.split(',') : slideshow_imagewidths;
	slideshow_imageheights = (imageheights != null) ? imageheights.split(',') : slideshow_imageheights;

	if (slideshow_interval == null)
	{
		slideshow_interval = window.setInterval('doSlideshow("slideshow_images")', 75);
	}
}

function doSlideshow(id)
{
	if ($(id))
	{
		currentposition = ($(id).getStyle('backgroundPosition') != null) ? $(id).getStyle('backgroundPosition').split('px') : 0;
		currentx = (parseInt(currentposition[0]) > 0 || parseInt(currentposition[0]) < 0) ? parseInt(currentposition[0]) : 0;
		newposition = parseInt(currentx - slideshow_speed)+'px 0px';

		$(id).setStyle({backgroundPosition: newposition});
	}
}

function stopSlideshow()
{
	clearInterval(slideshow_interval);

	slideshow_interval = null;
}

function speedUpSlideshow(direction)
{
	var directionfactor = (direction == null || direction == 'left') ? -1 : 1;

	slideshow_speed = slideshow_speed * 5 * directionfactor;
}

var slideshow_thumbxs_pass;
function showSlideshowPopup(slideshow_thumbxs)
{
	// Default mode
	var width = (slideshow_imagewidths[0] == null) ? 300 : slideshow_imagewidths[0];


	slideshow_thumbxs_pass = slideshow_thumbxs;
	document.onmousemove = followslideshowpopup;

	refreshSlideshowPopup();
}

function hideSlideshowPopup()
{
	if (div.childNodes.length > 0)
	{
		div.removeChild(div.childNodes[0]);
	}
	$('slideshow_popup_wrapper').setStyle({display: 'none'});

	document.onmousemove = doNothing;
}

function doNothing(e){}

function followslideshowpopup(e)
{
	e = (typeof e != "undefined" ? e : event);

	var docwidth = document.viewport.getWidth()
	var docheight = document.viewport.getHeight();

	// Detect which image we are mousing over
	strip_leftx = Math.floor((docwidth - slideshow_width) / 2);
	cursor_leftx = parseInt(Event.pointerX(e) - strip_leftx);

	// Get the current x-position of the mouse within the slideshow
	mousex = (cursor_leftx - currentx);
	// If the cursor position is out of range (ie the slideshow has repeated either left or right), "wrap" back into range
	while (mousex >= slideshow_thumbxs_pass[(slideshow_thumbxs_pass.length-1)])
	{
		mousex = mousex - slideshow_thumbxs_pass[(slideshow_thumbxs_pass.length-1)];
	}
	while (mousex < 0)
	{
		mousex = mousex + slideshow_thumbxs_pass[(slideshow_thumbxs_pass.length-1)];
	}
	
	// Go through the thumbs, determining which images we are currently over by the width and starting point of each thumb
	for (i = 0; i < slideshow_thumbxs_pass.length; i++)
	{
		if (mousex >= slideshow_thumbxs_pass[i])
		{
			image_ind = i;
		}
	}

	// Set image width and height
	imgwidth = (slideshow_imagewidths[image_ind] > 500 ? 500 : parseInt(slideshow_imagewidths[image_ind]));
	imgheight = (slideshow_imagewidths[image_ind] > 500 ? parseInt(500 * (slideshow_imageheights[image_ind] / slideshow_imagewidths[image_ind])) : parseInt(slideshow_imageheights[image_ind]));

	// Set popup position in relation to mouse
	if (parseInt(Event.pointerX(e) + parseInt(imgwidth) + 30) >= docwidth)
	{
		// Position image to the left of the cursor
		xcoord = Event.pointerX(e) - imgwidth - 10;
	}else{
		// Position image to the right of the cursor
		xcoord = parseInt(Event.pointerX(e));
	}

	// Position image above cursor
	ycoord = Event.pointerY(e) - imgheight - 30;

	$('slideshow_popup_wrapper').setStyle({left: xcoord+'px'});
	$('slideshow_popup_wrapper').setStyle({top: ycoord+'px'});

	updateSlideshowPopup();

	// Update the image for the popup:
	img.src = imageObjects[image_ind+1].src; // +1 because we skip the first object since that is the strip image


	// Only display the popup if the users' browser window is wider than the slideshow wrapper
	if (docwidth > slideshow_wrapper_width)
	{
		// Update the popup
		$('slideshow_popup_wrapper').appendChild(div);
		$('slideshow_popup_wrapper').setStyle({display: 'inline'});
	}
}

function updateSlideshowPopup()
{
	if (imageObjects[image_ind+1].complete)
	{
		img.width = imgwidth;
		img.height = imgheight;
		refreshSlideshowPopup();
	}else{
		window.setTimeout('updateSlideshowPopup()', 500);
	}
}

function refreshSlideshowPopup()
{
	if (div.childNodes.length > 0)
	{
		div.removeChild(div.childNodes[0]);
	}
	div.appendChild(img);
}

// This function fixes a bug with IE6 that causes IE6 to continually reload the image from the server each time we refresh it within the mouseover popup - in other words, every time the mouse moves a single pixel, the browser tried to re-download the image
// With this function in place, IE6 just uses the cached version.  Does not have any effect on other browsers (via try,catch)
function fixIE6ImageCacheing()
{
	try
	{
		document.execCommand("BackgroundImageCache", false, true);
	}catch(err)
	{}
}
// Call the IE6 fix automatically
fixIE6ImageCacheing();