/*



xFlow!



Created by Paul Whitrow - www.pwhitrow.com



xFlow! Software License - see xFlow! Software License.html in the xFlow! root directory



*/





/* Configuration variables */

var xflow_focus = 5;					// Sets the numbers of images visible on each side of the focused one

var xflow_xstep = 60;					// default central image spacing



/* Global variables */

var xflow_startimage = 1,xflow_allowed_audio = new Array(), xflow_allowed_videos = new Array(), xflow_loading = false, xflow_options = new Array(), xflow_loading_count = false, xflow_div = false, xflow_imagebank = false, xflow_captions = false, xflow_scrollbar = false, xflow_slider = false, xflow_barleft = false, xflow_barright = false, xflow_gallerymenu = false, xflow_gallerymenulist = false, xflow_slider_width = 0, xflow_caption_id = 0, xflow_new_caption_id = 0, xflow_current = 0, xflow_target = 0, xflow_memtarget = 0, xflow_timer = 0, xflow_array_images = new Array(), xflow_imgarray = new Array(), xflow_new_slider_pos = 0, xflow_dragging = false, xflow_dragobj = null, xflow_dragx = 0, xflow_posx = 0, xflow_newposx = 0, xflow_max = 0, xflow_vieweropen = false, xflow_imageviewer = false, xflow_viewerimageholder = false, xflow_viewermainimage = false, xflow_viewertext = false, xflow_viewervideo = false, xflow_viewerrightcontrol = false, xflow_viewerclosecontrol = false, xflow_viewerleftcontrol = false, xflow_viewerplaycontrol = false, xflow_preloadedimgs = new Array(), xflow_loadtimer, xflow_percent = 0, xflow_imageid, xflow_isvideo = false, xflow_browser = false, xflow_slidetextlink = false, scrollbar_width = 0, xflow_playing = false, xflow_timerdisplay = false, xflow_play_timer = false, xflow_play_timer_steps = 5, xflow_play_timer_delay = 1000;



/* Start functions */





/* detect IE! */

var IE = false;

if (document.all) 

{

	IE = true;

}



function XFLOW_init()

{

	/* Cache document objects in global variables */

	xflow_div					=	XFLOW_getByClassName('xflow');

	xflow_loading				=	XFLOW_getByClassName('xflow_loading');

	xflow_loading_count			=	XFLOW_getByClassName('xflow_loadingcount', 'p');

	xflow_imagebank				=	XFLOW_getByClassName('xflow_images');

	xflow_scrollbar				=	XFLOW_getByClassName('xflow_scrollbar', 'ul');

	xflow_slider				=	XFLOW_getByClassName('xflow_slider', 'li');

	xflow_slidetextlink			=	XFLOW_getByClassName('xflow_slidetext','li');

	xflow_barleft				=	XFLOW_getByClassName('xflow_barleft', 'li');

	xflow_barright				=	XFLOW_getByClassName('xflow_barright', 'li');

	xflow_captions				=	XFLOW_getByClassName('xflow_captions');

	xflow_gallerymenu			=	XFLOW_getByClassName('xflow_gallerymenu');

	xflow_gallerymenulist		=	XFLOW_getByClassName('xflow_gallerymenulist', 'ul');

	xflow_imageviewer			=	XFLOW_getByClassName('xflow_imageviewer');

	xflow_viewerimageholder		=	XFLOW_getByClassName('xflow_viewerimageholder');

	xflow_viewermainimage		=	XFLOW_getByClassName('xflow_viewermainimage', 'img');

	xflow_viewertext			=	XFLOW_getByClassName('xflow_viewertext');

	xflow_viewervideo			=	XFLOW_getByClassName('xflow_viewervideo');

	xflow_viewerleftcontrol		=	XFLOW_getByClassName('xflow_viewerleftcontrol');

	xflow_viewerrightcontrol	=	XFLOW_getByClassName('xflow_viewerrightcontrol');

	xflow_viewerclosecontrol	=	XFLOW_getByClassName('xflow_viewerclosecontrol');

	xflow_viewerplaycontrol		=	XFLOW_getByClassName('xflow_viewerplaycontrol');

	xflow_timerdisplay			=	XFLOW_getByClassName('xflow_timerdisplay');



	XFLOW_setUp(true);



	if(xflow_imagebank)

	{

		XFLOW_preLoad();

		XFLOW_show(xflow_imagebank);

		XFLOW_show(xflow_scrollbar);

		XFLOW_initMouseWheel();

		XFLOW_initMouseDrag();

		XFLOW_goto(xflow_startimage);

		XFLOW_disableSelection(xflow_scrollbar);

		XFLOW_hide(xflow_loading);

	}

	

	XFLOW_menuSet();



	/* Do we have an 'open' request? */

	if(xflow_options["open"])

	{

		xflow_startimage = xflow_options["open"];

		XFLOW_goto(xflow_startimage);



		setTimeout(function()

		{

			XFLOW_openViewer(document.getElementById(xflow_startimage - 1));



		}, 1500);

	}



	/* Check for and apply slideshow timer */

	if(xflow_options["slideshown"])

	{

		xflow_play_timer_delay = xflow_options["slideshown"] * 1000;

	}

}



function XFLOW_disableSelection(target)

{

	if(xflow_slider)

	{

		if (typeof target.onselectstart != 'undefined') /* IE route */

		{

			target.onselectstart = function(){return false}

		}

		else if (typeof target.style.MozUserSelect != 'undefined') /* Firefox route */

		{

			target.style.MozUserSelect = 'none'

		}

		else /* All other route (ie: Opera) */

		{

			target.onmousedown = function(){return false}

			target.style.cursor = 'default'

		}

	}

}



function XFLOW_preLoad()

{

	var preLoadImages = xflow_imagebank.getElementsByTagName('IMG');

	

	for(var i=0; i < preLoadImages.length; i++) 

	{

		xflow_preloadedimgs[i] = new Image();

		xflow_preloadedimgs[i].src = XFLOW_str_replace('/thumbs', '', preLoadImages[i].src);

		XFLOW_checkLoadStatus(i)

	}

}



function XFLOW_checkLoadStatus(i)

{

	var imgbg = xflow_imagebank.getElementsByTagName('IMG')[i].parentNode;



	if(XFLOW_isImgLoaded(xflow_preloadedimgs[i]))

	{

		xflow_percent += 1;



		var p = Math.round((xflow_percent / xflow_preloadedimgs.length) * 100);

		

		xflow_loading_count.innerHTML = p + '%';



		if(XFLOW_hasClass(imgbg, 'loading'));

		{

			XFLOW_removeClass(imgbg, 'loading');

		}



		if((i + 1) >= xflow_preloadedimgs.length)

		{

			clearTimeout(xflow_loadtimer);

			//window.status = 'xFlow Ready.';

		}

	}

	else

	{



		if(!XFLOW_hasClass(imgbg, 'loading'));

		{

			XFLOW_addClass(imgbg, 'loading');

		}



		xflow_loadtimer = setTimeout('XFLOW_checkLoadStatus(' + i + ')', 100)

	}

}



function XFLOW_isImgLoaded(img) 

{

	if (!img.complete) 

	{

        return false;

    }



    if (typeof img.naturalWidth != 'undefined' && img.naturalWidth == 0) 

	{

        return false;

    }



    return true;

}



function XFLOW_getFileExtension(file)

{

	var tmp = file.split('.');

	return (tmp[tmp.length - 1]);

}



function XFLOW_in_array(needle, haystack, argStrict) 

{

    var found = false, key, strict = !!argStrict;

 

    for (key in haystack) 

	{

        if ((strict && haystack[key] === needle) || (!strict && haystack[key] == needle)) 

		{

            found = true;

            break;

        }

    }

 

    return found;

}





function XFLOW_pause(ms) 

{

	var now = new Date();

	var exitTime = now.getTime() + ms;

	while (true) 

	{

		now = new Date();

		if (now.getTime() > exitTime)

		{

			return;

		}

	}

}



function XFLOW_setMenuWidth()

{

	if(xflow_scrollbar.style)

	{

		xflow_gallerymenu.style.width = xflow_scrollbar.style.width;

	}

}



function XFLOW_menuSet()

{

	if(!xflow_gallerymenu) return;



	XFLOW_setMenuWidth();



	XFLOW_show(xflow_gallerymenu);



	/* is menu hide enabled? */

	if(xflow_gallerymenu.getAttribute('lang'))

	{

		XFLOW_changeOpac(0, xflow_gallerymenulist);



		xflow_gallerymenu.onmouseover = function()

		{

				XFLOW_changeOpac(100, xflow_gallerymenulist);

		}



		xflow_gallerymenu.onmouseout = function()

		{

				XFLOW_changeOpac(0, xflow_gallerymenulist);

		}

	}

}



function XFLOW_goto(n)

{

	n = n -1;

	xflow_new_caption_id = n;

	XFLOW_glideTo(-(xflow_xstep * n), n);

}



function XFLOW_playpause()

{

	xflow_playing = !xflow_playing;



	if(xflow_playing)

	{

		XFLOW_addClass(xflow_viewerplaycontrol, 'hidden');

		XFLOW_removeClass(xflow_timerdisplay, 'hidden');

	}

	else

	{

		XFLOW_removeClass(xflow_viewerplaycontrol, 'hidden');

		XFLOW_addClass(xflow_timerdisplay, 'hidden');

	}



	xflow_play_timer_steps = 5;



	XFLOW_play();

}



function XFLOW_play()

{

	if(xflow_play_timer_steps != 0)

	{

		XFLOW_showTimer(xflow_play_timer_steps);

	}



	if(xflow_playing)

	{

		if(xflow_play_timer_steps == 0)

		{

			xflow_play_timer_steps = 5;



			if(xflow_new_caption_id < (xflow_imgarray.length - 1))

			{

				XFLOW_handle(-1);

				XFLOW_play();

			}

			else

			{

				XFLOW_updateImageViewer(0, false);

				XFLOW_goto(1);

				XFLOW_play();

				return false;

			}

		}

		else

		{

			xflow_play_timer = setTimeout(function()

			{

				xflow_play_timer_steps--;

				XFLOW_play();

			}, 

			xflow_play_timer_delay);

		}

	}

	else

	{

		XFLOW_stopPlayer();

		return false;

	}

}



function XFLOW_stopPlayer()

{

	stopPlayer();

	clearTimeout(xflow_play_timer);

	xflow_playing = false;

	XFLOW_removeClass(xflow_viewerplaycontrol, 'hidden');

	XFLOW_addClass(xflow_timerdisplay, 'hidden');

}



function XFLOW_showTimer(n)

{

	/*

	xflow_timerdisplay.innerHTML = n;

	*/

	switch(n)

	{

		case (1):	xflow_timerdisplay.style.backgroundPosition = '0px -125px';

					break;

		case (2):	xflow_timerdisplay.style.backgroundPosition = '0px -100px';

					break;

		case (3):	xflow_timerdisplay.style.backgroundPosition = '0px -75px';

					break;

		case (4):	xflow_timerdisplay.style.backgroundPosition = '0px -50px';

					break;

		case (5):	xflow_timerdisplay.style.backgroundPosition = '0px -25px';

					break;

		default:	xflow_timerdisplay.style.backgroundPosition = '0px 0px';

					break;

	}

}



function XFLOW_minimiseText(str, n)

{

	if(str.length > n)

	{

		return str.substring(0, n) + '&#8230;[more]';

	}

	else

	{

		return str;

	}

}



/* Pull in the gallery options (from custom class names in main div) */

function XFLOW_getOptions(obj)

{

	var cls = obj.className.split(" ");

	for(i = 0; i < cls.length; i++)

	{

		if(i == 0) continue;

		var tmp = cls[i].split("_");

		xflow_options[tmp[0]] = tmp[1];

	}

}



/* position elements on page after load */

function XFLOW_positionElements()

{

	/* drop captions,slider,and menu under the main image by setting image holder div height */

	var fh = parseInt(xflow_options["fadeheight"]);

	var image_height = parseInt(XFLOW_str_replace('px', '', xflow_imgarray[0].style.height));

	var image_top = parseInt(XFLOW_str_replace('px', '', xflow_imgarray[0].parentNode.style.top));



	if(fh > 0)

	{

		fh = fh / 1.2;

	}



	var bank_height = (image_height + image_top) - fh;



	xflow_imagebank.style.height = bank_height + 'px';

}



/* Main function */

function XFLOW_setUp(onload)

{

	/* Are we using the remote xFlow! viewer? */

	if(typeof xFlowRemoteWidth != 'undefined' && xflow_div)

	{

		xflow_div.style.width = xFlowRemoteWidth + 'px';

	}



	if(xflow_imagebank)

	{

		/* Cache global variables, that only change on XFLOW_setUp */

		XFLOW_getOptions(xflow_imagebank);



		if(xflow_options['startimage'] != '')

		{

			xflow_startimage = xflow_options['startimage'];

		}

		else

		{

			xflow_startimage = 1;

		}



		/* Are we directed to goto an item (over rides the default startimage setting for the gallery)? */

		if(xflow_options["goto"])

		{

			xflow_startimage = xflow_options["goto"];

		}



		images_width = xflow_imagebank.offsetWidth;

		images_top = xflow_div.offsetTop;

		images_left = xflow_div.offsetLeft;

		max_xflow_focus = xflow_focus * xflow_xstep;

		size = images_width * 0.5;

		max_height = images_width * 0.5;



		xflow_imagebank.style.height = images_width * 0.33 + 'px';  



		xflow_browser = XFLOW_getBrowserInfo();



		if(xflow_captions)

		{

			xflow_captions.style.width = xflow_scrollbar.offsetWidth + 'px';

		}



		scrollbar_width = images_width / 2.5;



		if(xflow_slidetextlink)

		{

			if(xflow_slidetextlink.offsetWidth > scrollbar_width)

			{

				xflow_slidetextlink.innerHTML = XFLOW_minimiseText(xflow_slidetextlink.innerHTML, 30);

			}



			xflow_slidetextlink.style.left = ((scrollbar_width / 2) - (xflow_slidetextlink.offsetWidth / 2)) + 10 + 'px';

		}



		if(xflow_scrollbar.style)

		{

			xflow_scrollbar.style.width = scrollbar_width + 'px';

			/* centralise the scroll bar a little more!  */

			xflow_scrollbar.style.left = 10 + 'px';

		}



		 /* IE fix! */

		if(IE)

		{

			if(xflow_barleft) xflow_barleft.style.left = -27 + 'px'

			if(xflow_barright) xflow_barright.style.right = -47 + 'px'

		}



		/* Set slider attributes */

		xflow_slider.onmousedown = function () 

		{ 

			XFLOW_dragStart(this); 

		};



		/* Cache EVERYTHING! */



		XFLOW_loadImagesToArray();



		var i = 0;

		for (var index = 0; index < xflow_max; index++)

		{ 

			var image = xflow_imgarray[index];



			if (image.nodeType == 1)

			{

				xflow_array_images[i] = index;

				

				/* Set image onclick by adding i and x_pos as attributes! */

				image.onclick = function() 

				{ 

					XFLOW_glideTo(this.x_pos, this.i); 

				};



				image.x_pos = (-i * xflow_xstep);

				image.i = i;

				

				/* Add width and height as attributes ONLY once on first load */

				if(onload)

				{

					image.w = image.width;

					image.h = image.height;

					image.defWidth = (image.width / 2.8);

				}



				image.url = XFLOW_str_replace('thumbs/', '', image.src);



				i++;

			}

		}



		xflow_max = xflow_array_images.length;



		XFLOW_moveTo(xflow_current);

		XFLOW_glideTo(xflow_current, xflow_caption_id);



		/* set viewer controls */

		xflow_viewerleftcontrol.onclick = function()

		{

			if(xflow_imageid > 0)

			{

				XFLOW_handle(1);

			}

			this.blur();

		}



		xflow_viewerrightcontrol.onclick = function()

		{

			if(xflow_imageid < index)

			{

				XFLOW_handle(-1);

			}

			this.blur();

		}



		xflow_viewerclosecontrol.onclick = function()

		{

			XFLOW_closeViewer();

		}



		xflow_viewerplaycontrol.onclick = function()

		{

			XFLOW_playpause();

		}



		xflow_timerdisplay.onclick = function()

		{

			XFLOW_playpause();

		}



		xflow_barleft.onclick = function()

		{

			XFLOW_handle(1);

		}



		xflow_barright.onclick = function()

		{

			XFLOW_handle(-1);

		}



		XFLOW_positionElements();

	}



	/* set menu size */

	if(xflow_gallerymenu)

	{

		XFLOW_setMenuWidth();

	}



	if(document.getElementById('XFLOW_allowedVideos'))

	{

		xflow_allowed_videos = XFLOW_getAllowedMedia(document.getElementById('XFLOW_allowedVideos'));

		xflow_allowed_audio = XFLOW_getAllowedMedia(document.getElementById('XFLOW_allowedAudio'));

	}

}



function XFLOW_getAllowedMedia(mediatype)

{

	var tmp = mediatype.value.split(', ');

	return tmp

}



function XFLOW_step()

{

	switch (xflow_target < xflow_current-1 || xflow_target > xflow_current+1) 

	{

		case true:

			XFLOW_moveTo(xflow_current + (xflow_target-xflow_current)/3);

			window.setTimeout(XFLOW_step, 50);

			xflow_timer = 1;

			break;



		default:

			xflow_timer = 0;

			break;

	}

}



function XFLOW_glideTo(x, xflow_new_caption_id)

{	

	/* Animate gliding to new x position */



	if(xflow_imgarray.length <= 1)

	{

		return;

	}



	xflow_target = x;

	xflow_memtarget = x;



	/* Display new caption */

	xflow_caption_id = xflow_new_caption_id;

	var caption = xflow_imgarray[xflow_caption_id].alt;

	var description = xflow_imgarray[xflow_caption_id].title;

	if (caption == '') caption = '&nbsp;';



	caption = XFLOW_minimiseText(caption, 30);



	description = XFLOW_minimiseText(description, 30);



	xflow_captions.innerHTML = '<p><strong>' + caption + '</strong></p><p><em>' + XFLOW_convertURL(description) + '</em></p>';



	/* Set scrollbar slider to new position */

	if(!xflow_dragging && xflow_slider)

	{

		xflow_new_slider_pos = Math.round((scrollbar_width * (-(x*100/((xflow_max-1)*xflow_xstep))) / 100));



		xflow_slider.style.left = Math.round(xflow_new_slider_pos - xflow_slider_width) + 'px';



	}



	if (xflow_timer == 0)

	{

		window.setTimeout(XFLOW_step, 50);

		xflow_timer = 1;

	}

	

}



function XFLOW_moveTo(x)

{

	xflow_current = x;

	var zIndex = xflow_max;



	/* loop through images... */

	for (var index = 0; index < xflow_max; index++)

	{ 

		var image = xflow_imgarray[index];

		var current_image = index * -xflow_xstep;

		var imgbg = image.parentNode;



		/* Don't display images that are not focused */

		if ((current_image + max_xflow_focus) < xflow_memtarget || (current_image - max_xflow_focus) > xflow_memtarget)

		{

			image.style.visibility = 'hidden';

			image.style.display = 'none';

			imgbg.style.visibility = 'hidden';

			imgbg.style.display = 'none';

		}

		else 

		{

			XFLOW_css3(image, imgbg);



			var z = Math.sqrt(10000 + x * x) + 100;

			var xs = x / z * size + size;



			/* Still hide images until they are processed, but set display style to block */

			image.style.display = 'block';

			imgbg.style.display = 'block';

			imgbg.style.backgroundColor = '#' + xflow_options['mainbgcolor'];

		



			/* Process new image height and image width */

			var new_img_h = (image.h / image.w * image.defWidth) / z * size;



			if(isNaN(new_img_h)) continue; /* IE fix! */



			switch ( new_img_h > max_height )

			{

				case false:

					var new_img_w = image.defWidth / z * size;

					break;



				default:

					new_img_h = max_height;

					var new_img_w = image.w * new_img_h / image.h;

					break;

			}



			/* Set new image properties */

			var imgleft = xs - (image.defWidth / 2) / z * size + images_left + 'px';



			var new_img_top = (images_width * 0.34 - new_img_h) + images_top + new_img_h;



			if(new_img_w > xflow_div.offsetWidth)

			{

				new_img_h = (image.h / image.w * new_img_w) / z * size;

				new_img_w = parseInt(xflow_div.offsetWidth) / 2;

				imgleft = xs - (new_img_w / 2) / z * size + images_left + 'px';

			}



			imgbg.style.left = imgleft;

			imgbg.style.height = new_img_h + 'px';

			imgbg.style.width = new_img_w + 'px';

			imgbg.style.visibility = 'visible';





			



			image.style.height = new_img_h + 'px';

			image.style.width = new_img_w + 'px';

			image.style.visibility = 'visible';

			image.id = index;



			/* Set image layer through zIndex */

			switch ( x < 0 )

			{

				case true:

					zIndex++;

					break;



				default:

					zIndex = zIndex - 1;

					break;

			}



			/* Change zIndex and onclick function of the focused image */

			switch ( image.i == xflow_caption_id )

			{

				case false:

					image.onclick = function() 

					{ 

						XFLOW_glideTo(this.x_pos, this.i); 

					}

					break;



				default:

					zIndex = zIndex + 1;



					if(image.url != '')

					{

						/* events when clicking central image */

						image.onclick = function()

						{

							/* check if the description is a URL and go there if clicked */

							if(this.title.substr(0,4) == 'http')

							{

								document.location.href = this.title;

							}

							/* open main viewer if not a URL */

							else

							{

								XFLOW_openViewer(this);

							}

						}

					}

					

					/* set opacities for images either side of main */

					for(a=0; a < xflow_max; a++)

					{

						if((a > index + 3) || (a < index - 3))

						{ 

							XFLOW_changeOpac(15, xflow_imgarray[a]);

						}

						else if((a > index + 2) || (a < index - 2))

						{ 

							XFLOW_changeOpac(35, xflow_imgarray[a]);

						}

						else if((a > index + 1) || (a < index - 1))

						{

							XFLOW_changeOpac(50, xflow_imgarray[a]);

						}

						else if((a > index) || (a < index))

						{

							XFLOW_changeOpac(70, xflow_imgarray[a]);

						}

						else

						{

							// central image

							XFLOW_changeOpac(100, xflow_imgarray[a]);

						}



					}

					break;

			}



			/* make images appear on a curved plain? */

			if(xflow_options['curved'] == 'true')

			{

				var defTop = 30;

				var new_img_top = (new_img_h / 5) + images_top;

			}

			else

			{

				var defTop = 125;

				var new_img_top = (new_img_h / -5) + images_top;

			}





			if(new_img_top < (new_img_top + defTop))

			{

				new_img_top += defTop;

			}



			imgbg.style.top = Math.floor(new_img_top) + 'px';



			imgbg.style.zIndex = zIndex;

		}



		x += xflow_xstep;



	}

}



/* This function is called on mouse movement and moves the slider on user action */

function XFLOW_drag(e)

{

	xflow_posx = IE ? window.event.clientX : e.pageX;



	if(xflow_dragobj != null)

	{



		xflow_dragging = true;

		xflow_newposx = (xflow_posx - xflow_dragx) + xflow_slider_width;



		/* Make sure, that the slider is moved in proper relation to previous movements by the XFLOW_glideTo function */

		if(xflow_newposx < ( - xflow_new_slider_pos)) xflow_newposx = - xflow_new_slider_pos;

		if(xflow_newposx > (scrollbar_width - xflow_new_slider_pos)) xflow_newposx = scrollbar_width - xflow_new_slider_pos;

		

		var slider_pos = (xflow_newposx + xflow_new_slider_pos);

		var step_width = slider_pos / ((scrollbar_width) / (xflow_max-1));

		var image_number = Math.round(step_width);

		var new_target = (image_number) * -xflow_xstep;

		var xflow_new_caption_id = image_number;



		xflow_dragobj.style.left = slider_pos + 'px';



		XFLOW_glideTo(new_target, xflow_new_caption_id);

	}

	else

	{

		xflow_dragging = false; 

	}

}



function XFLOW_loadImagesToArray()

{

	if(xflow_imagebank)

	{

		var imgs = xflow_imagebank.getElementsByTagName('IMG')

		xflow_max = imgs.length;

		for (var i = 0; i < xflow_max; i++)

		{ 

			xflow_imgarray[i] = imgs[i];

		}

	}

}



function XFLOW_css3(image, imgbg)

{

	XFLOW_removeClass(imgbg, 'xflow_imgcentral');



	/* are CSS3 classes enabled? */

	if(XFLOW_hasClass(imgbg, 'css3'))

	{

		XFLOW_removeClass(imgbg, 'xflow_imgskewright');

		XFLOW_removeClass(imgbg, 'xflow_imgskewleft');



		if(image.i < xflow_caption_id)

		{

			if(!XFLOW_hasClass(imgbg, 'xflow_imgskewleft'))

			{

				XFLOW_addClass(imgbg, 'xflow_imgskewleft');

			}

		}

		else if(image.i > xflow_caption_id)

		{

			if(!XFLOW_hasClass(imgbg, 'xflow_imgskewright'))

			{

				XFLOW_addClass(imgbg, 'xflow_imgskewright');

			}

		}

	}



	if(image.i == xflow_caption_id)

	{

		if(!XFLOW_hasClass(imgbg, 'xflow_imgcentral'))

		{

			XFLOW_addClass(imgbg, 'xflow_imgcentral');

		}

	}

}



function XFLOW_basename(file)

{

	var tmp = file.split('/');

	return (tmp[tmp.length - 1]);

}



function XFLOW_isVideo(str)

{

	if(XFLOW_isYouTube(str))

	{

		return str;

	}



	var ext = XFLOW_getFileExtension(str);

	var media = XFLOW_basename(str);



    if(XFLOW_in_array(ext, xflow_allowed_videos))

	{

		return media;

	}

    else if(XFLOW_in_array(ext, xflow_allowed_audio))

	{

		return media;

	}

	else

	{

		return false;

	}

}



function XFLOW_isYouTube(str)

{

	if(str.indexOf('youtube') > 0)

	{

		return true;

	}

	else

	{

		return false;

	}

}



// FLV PLAYER MONITOR FUNCTIONS

function playerReady(obj)

{

	player = document.getElementById('XFLOW_MediaPlayer');

	player.addModelListener('STATE', 'stateMonitor');

}



function stopPlayer() 

{

	player = document.getElementById('XFLOW_MediaPlayer');

	if(player) 

	{

		player.sendEvent("STOP");

	}

}



function stateMonitor(obj)

{

	if(obj.newstate == 'COMPLETED')

	{

		if(xflow_new_caption_id < (xflow_imgarray.length - 1))

		{

			XFLOW_handle(-1);

		}

		else

		{

			XFLOW_updateImageViewer(0, false);

			XFLOW_goto(1);

		}

	}

}





function XFLOW_video(file)

{

	var url = file.getAttribute('longdesc');

	var src = file.src;

	var video = XFLOW_isVideo(url);



	if(video)

	{

		xflow_isvideo = true;

		var width = XFLOW_str_replace('px','',xflow_viewerimageholder.style.width);

		var height = XFLOW_str_replace('px','',xflow_viewerimageholder.style.height);

		var preview = XFLOW_basename(src);

		var mediaFile = XFLOW_str_replace('thumbs/' + preview, XFLOW_basename(url), src);

		var mediaBG = XFLOW_str_replace('thumbs/', '', src);

		var type = XFLOW_getFileExtension(video);

		var skin = '../../extras/player/skins/glow.zip';



		var s1 = new SWFObject('../../extras/player/player.swf', 'XFLOW_MediaPlayer', width, height, '9.0.124');

		s1.addParam('quality', 'best');

		s1.addParam('allowfullscreen', 'true');

		s1.addParam('allownetworking', 'all');

		s1.addParam('allowscriptaccess', 'always');

		s1.addVariable('enablejs', 'true');

		s1.addVariable('javascriptid', 'XFLOW_MediaPlayer');



		if(XFLOW_hasClass(xflow_imageviewer, 'autoplay'))

		{

			var autoplay = '&autostart=true';

		}

		else

		{

			var autoplay = '';

		}



		if(XFLOW_isYouTube(video))

		{

			s1.addParam('flashvars', 'file=' + url + '&image=' + src + autoplay + '&skin=' + skin);

			s1.addVariable('type','youtube');

		}

		else

		{

			s1.addParam('flashvars', 'file=' + mediaFile + '&image=' + mediaBG + autoplay + '&skin=' + skin);

		}



		setTimeout(function()

		{

			s1.write('xflow_viewervideo');

		}, 500);



		xflow_viewerimageholder.style.height = (xflow_viewerimageholder.offsetHeight + xflow_viewertext.offsetHeight) - 12 + 'px';



		XFLOW_centreViewer(40);

	}

	else

	{

		xflow_isvideo = false;

		return false;

	}

}



function XFLOW_openViewer(img)

{

	if(!XFLOW_isImgLoaded(xflow_preloadedimgs[parseFloat(img.id)]))

	{

		XFLOW_overlay(true, '<h2>Still preloading this image!</h2><p>Please be patient...</p>');



		var t = setTimeout(function(t)

		{

			XFLOW_overlay(false, false);

			clearTimeout(t);

		},  1000);



		return false;

	}

	else

	{

		XFLOW_updateImageViewer(parseFloat(img.id), false)

	}

}



function XFLOW_updateImageViewer(i, h)

{

	xflow_viewervideo.innerHTML = '';



	img = xflow_imgarray[i];



	XFLOW_setViewerImage(xflow_preloadedimgs[i].src, img.alt, img.title, img.rel, i);



	xflow_imageid = i;



	if(h)

	{

		i = XFLOW_handle(i, true);

	}

}



function XFLOW_setViewerImage(src, alt, txt, rel, i)

{



	if(!XFLOW_isImgLoaded(xflow_viewermainimage))

	{

		var t = setTimeout(function(src, alt, txt, rel, i, t)

		{

			XFLOW_setViewerImage(src, alt, txt, rel, i);

		}, 1);

	}

	else

	{



		xflow_viewermainimage.src = src;

		xflow_viewermainimage.alt = alt;

		

		XFLOW_resizeImage(xflow_imgarray[i]);



		var imgTitle = XFLOW_getByClassName('xflow_imagetitle', 'p');

		var imgDesc = XFLOW_getByClassName('xflow_imagetext', 'p');



		imgTitle.innerHTML = alt;

		imgDesc.innerHTML = XFLOW_convertURL(txt);



		if(document.getElementById('code_' + i))

		{

			imgDesc.innerHTML += XFLOW_safeHTML(document.getElementById('code_' + i).value);

		}



		if(!xflow_vieweropen)

		{

			XFLOW_viewerDisplay('show');

		}



		xflow_viewerimageholder.style.width = xflow_viewermainimage.offsetWidth + 'px';

		xflow_viewerimageholder.style.height = xflow_viewermainimage.offsetHeight + 'px';



		XFLOW_video(xflow_imgarray[i]);

		

		if(xflow_isvideo)

		{

			xflow_viewertext.style.display = 'block';



		}

		else

		{

			xflow_viewerimageholder.onmouseover = function()

			{

				xflow_viewertext.style.display = 'block';

			}



			xflow_viewerimageholder.onmouseout = function()

			{

				xflow_viewertext.style.display = 'none';

			}

		}



		XFLOW_setViewerTextSize(200);



		xflow_viewermainimage.onclick = function()

		{

			/* use this to capture a click on the main image! */

		}



		XFLOW_viewerControls(i);

	}

}



function XFLOW_viewerControls(i)

{

	xflow_viewerleftcontrol.style.display = 'block';

	xflow_viewerrightcontrol.style.display = 'block';



	if(i == 0)

	{

		xflow_viewerleftcontrol.style.display = 'none';

	}



	if(i >= (xflow_array_images.length - 1))

	{

		xflow_viewerrightcontrol.style.display = 'none';

	}

}



function XFLOW_setViewerTextSize(val)

{

	xflow_viewertext.style.height = 'auto';



	if(xflow_viewertext.style.overflow)

	{

		xflow_viewertext.style.overflow = 'none';

	}



	if(xflow_viewertext.offsetHeight > val)

	{

		xflow_viewertext.style.height = val + 'px';

		xflow_viewertext.style.overflowY = 'auto';

	}

}



function XFLOW_resizeImage(img)

{

	/* get image dimensions */

	imgSize = img.className.split(':');

	imgWidth = parseFloat(imgSize[0]);

	imgHeight = parseFloat(imgSize[1]);



	/* arbitrary value to get a nice image size! */

	var xBy = 120;



	/* resize the image */

	if((imgHeight + xBy) > xflow_browser['H'])

	{

		xflow_viewermainimage.style.width = 'auto';

		xflow_viewermainimage.style.height = Math.round(xflow_browser['H'] - xBy) + 'px'; 

	}

	else if((imgWidth + xBy) > xflow_browser['W'])

	{

		xflow_viewermainimage.style.width = Math.round(xflow_browser['W'] - xBy) + 'px';

		xflow_viewermainimage.style.height = 'auto'; 

	}

	else

	{

		xflow_viewermainimage.style.width = imgWidth + 'px';

		xflow_viewermainimage.style.height = imgHeight + 'px'; 

	}

	

	XFLOW_centreViewer();

}



function XFLOW_centreViewer(offset)

{

	if(!offset)

	{

		offset = 5;

	}



	xflow_viewerimageholder.style.top = Math.round((xflow_browser['H'] / 2) - parseInt(XFLOW_str_replace('px','',xflow_viewermainimage.style.height)) / 2) - offset + 'px';

}



function XFLOW_getBrowserInfo()

{

	xflow_browser = new Array();



	if( typeof( window.innerHeight ) == 'number' ) 

	{

		xflow_browser['W'] = window.innerWidth;

		xflow_browser['H'] = window.innerHeight;

	} 

	else 

	{

		xflow_browser['W'] = document.documentElement.clientWidth;

		xflow_browser['H'] = document.documentElement.clientHeight;

	}



	return xflow_browser;

}



function XFLOW_viewerDisplay(val)

{

	if(val == 'show')

	{

		xflow_imageviewer.style.display				= 'none';

		xflow_viewerimageholder.style.display		= 'block';

		xflow_viewermainimage.style.display			= 'block';

		xflow_viewerclosecontrol.style.display		= 'block';

		xflow_viewertext.style.display				= 'block';

		xflow_imageviewer.style.display				= 'block';

		xflow_vieweropen = true;

	}

	if(val == 'hide')

	{

		xflow_viewerimageholder.style.display		= 'none';

		xflow_viewermainimage.style.display			= 'none';

		xflow_viewerclosecontrol.style.display		= 'none';

		xflow_viewertext.style.display				= 'none';

		xflow_imageviewer.style.display				= 'none';

		xflow_vieweropen = false;

	}

	if(val == 'loading')

	{

		xflow_viewerimageholder.style.display		= 'none';

		xflow_viewermainimage.style.display			= 'none';

		xflow_viewerclosecontrol.style.display		= 'none';

		xflow_viewertext.style.display				= 'none';

		xflow_imageviewer.style.display				= 'block';

		xflow_vieweropen = true;

	}

}



function XFLOW_closeViewer()

{

	XFLOW_stopPlayer();

	XFLOW_viewerDisplay('hide');

}



/* Change opacity for image (cross browser) */

function XFLOW_changeOpac(opacity, obj) 

{

	var object = obj.style;

	object.opacity = (opacity / 100);

	object.MozOpacity = (opacity / 100);

	object.KhtmlOpacity = (opacity / 100);

	object.filter = 'alpha(opacity=' + opacity + ')';

}



/* Handle the wheel angle change (delta) of the mouse wheel */

function XFLOW_handle(delta, ret)

{

	var change = false;

	switch (delta > 0)

	{

		case true:

			if(xflow_caption_id >= 1)

			{

				xflow_target = xflow_target + xflow_xstep;

				xflow_new_caption_id = xflow_caption_id - 1;

				change = true;

			}

			break;



		default:

			if(xflow_caption_id < (xflow_max-1))

			{

				xflow_target = xflow_target - xflow_xstep;

				xflow_new_caption_id = xflow_caption_id + 1;

				change = true;

			}

			break;

	}

	

	/* Glide to next (mouse wheel down) / previous (mouse wheel up) image */

	if (change == true)

	{

		XFLOW_glideTo(xflow_target, xflow_new_caption_id);

	}

	

	/* update main viewer if it's open */

	if(xflow_vieweropen)

	{

		XFLOW_updateImageViewer(xflow_new_caption_id, false);

	}



	if(ret) return xflow_new_caption_id;

}



/* Event handler for mouse wheel event, also will capture and move xflow_imageviewer accordingly */

function XFLOW_wheel(event)

{

	var delta = 0;

	if (!event) event = window.event;

	if (event.wheelDelta)

	{

		delta = event.wheelDelta / 120;

	}

	else if (event.detail)

	{

		delta = -event.detail / 3;

	}





	if (delta)

	{

		var n = XFLOW_handle(delta, true);



		/* update main viewer if it's open */

		if(xflow_vieweropen)

		{

			XFLOW_updateImageViewer(n, false);

		}

	}

	if (event.preventDefault) event.preventDefault();

	event.returnValue = false;

}



/* Initialize mouse wheel event listener */

function XFLOW_initMouseWheel()

{

	if(window.addEventListener) xflow_div.addEventListener('DOMMouseScroll', XFLOW_wheel, false);

	xflow_div.onmousewheel = XFLOW_wheel;

}



/* This function is called to drag an object (= slider div) */

function XFLOW_dragStart(element)

{

	xflow_dragobj = element;

	xflow_dragx = xflow_posx - xflow_dragobj.offsetLeft + xflow_new_slider_pos;

}



/* This function is called to stop dragging an object */

function XFLOW_dragStop()

{

	xflow_dragobj = null;

	xflow_dragging = false;

}



/* Initialize mouse event listener */

function XFLOW_initMouseDrag()

{

	document.onmousemove = XFLOW_drag;

	document.onmouseup = XFLOW_dragStop;

}





/* Capture keyboard actions */

document.onkeydown = function(ev) 

{

    ev = ev || window.event;

    kCode = ev.keyCode || ev.which;



	/* Login: ctrl + shift + x */

    if (ev.ctrlKey && ev.shiftKey && kCode == 19 || ev.ctrlKey && ev.shiftKey && kCode == 88) 

	{

		/* grab a string from a .js file path and parse it to get root location, append admin dir and redirect */

		document.location.href = XFLOW_str_replace('js/xflow_global.js', '', document.getElementById('globalscript').src) + 'admin' + (XFLOW_getByClassName('xflow_adminlinks','fieldset') ? '?logout=true' : '');

        return false;

    }



	/* P key */

	if(kCode == 80)

	{

		if(xflow_vieweropen)

		{

			XFLOW_playpause();

		}

		else

		{

			XFLOW_stopPlayer();

		}

	}



	/* Right arrow */

	if(kCode == 39)

	{

		XFLOW_handle(-1);

	}



	/* Left arrow */

	if(kCode == 37)

	{

		XFLOW_handle(1);

	}



	/* Escape */

	if(kCode == 27)

	{

		if (xflow_vieweropen)

		{

			XFLOW_closeViewer();

		}

	}



	/* Enter */

	if(kCode == 13)

	{

		if (xflow_vieweropen)

		{

			XFLOW_closeViewer();

		}

		else

		{

			XFLOW_openViewer(document.getElementById(xflow_new_caption_id));



		}

	}

}



/* Convert textual links to actual urls */

function XFLOW_convertURL(text)

{

	if( !text ) return text;

	text = text.replace(/((https?\:\/\/|ftp\:\/\/)|(www\.))(\S+)(\w{2,4})(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/gi,function(url){

	nice = url;

	if( url.match('^https?:\/\/') )

	{

		nice = nice.replace(/^https?:\/\//i,'')

	}

	else

		url = 'http://'+url;

		return '<a href="'+ url +'">'+ nice.replace(/^www./i,'') +'</a>';

	});

	return text;

}



/* XFLOW_setUp xflow on window resize */

window.onresize = function()

{

	if(XFLOW_getByClassName('xflow'))

	{

		XFLOW_setUp(false);

	}

}



/* start code */

XFLOW_addLoadEvent(XFLOW_init);