function AssignImage(id, src, isVideo)
{
	var target = document.getElementById(id);
	if(isVideo == 1){
		if(document.getElementById(id+'_video') == null){
			if(document.getElementById(id+'_image') != null) target.removeChild(document.getElementById(id+'_image'));
			var videlmt = document.createElement('div');
			videlmt.setAttribute('id', id+'_video');
			target.appendChild(videlmt);
		}


		var so = new SWFObject("flash/player.swf", "player", "553", "350", "9", "#000000");
		so.addVariable("Height", "350");
		so.addVariable("Width", "553");
		so.addParam('wmode', 'opaque'); // used to ensure css/ajax popup calendars don't get hidden by the flv player

	//	so.addVariable("skin", "flash/skin_nacht.swf");
	//	so.addParam("allowfullscreen","true");	
		so.addVariable("controlbar", "over");
		so.addVariable("stretching", "fill")
		so.addVariable("volume", "60");
		


		so.addVariable('plugins', 'hd-1');
		so.addVariable('hd.state', 'false');	
		so.addVariable('hd.replace', 'flv|mp4');	

		var videopreview = src.replace('.flv', '.jpg'); 

		so.addVariable("image", videopreview);
		so.addVariable("file", src);
		so.addVariable("hd.file", src);
		so.write(id+'_video');

/*
		var so = new SWFObject("flash/flvPlayer.swf", "flvPlayer_swf", "553", "350", "9", "#000000");
		//so.addVariable("imagePath", src.split("flv").join("jpg"));
		so.addVariable("videoPath", src);
		so.addVariable("autoStart", "true");
		so.addVariable("autoHide", "false");
		so.addVariable("hideLogo", "false");
		so.addVariable("volAudio", "60");
		so.addVariable("newWidth", "553");
		so.addVariable("newHeight", "350");
		so.addVariable("soundBarColor", "0x6381b9");
		so.addVariable("barColor", "0x6381b9");
		so.addVariable("barShadowColor", "0xa6b7d8");
		so.addVariable("subbarColor", "0xffffff");
		so.write(id+'_video');
*/

	} else {
		if(document.getElementById(id+'_image') == null){
			if(document.getElementById(id+'_video') != null) target.removeChild(document.getElementById(id+'_video'));
			var imgelmt = document.createElement('img');
			imgelmt.setAttribute('id', id+'_image');
			//imgelmt.setAttribute('height', target.getAttribute('height'));
			imgelmt.setAttribute('height', 350);
			target.appendChild(imgelmt);
		}
		var img = new Image();
		img.onload = function(){
			document.getElementById(id+'_image').src = img.src;
		};
		img.src = src;
	}
}


function CreateGalleryModule(id, xml, width, height)
{
	target = document.getElementById(id);
	
	if( !target )
	{
		//alert('Unable to find target: ' + id);
		return;
	}
	
	var root = xml.getElementsByTagName('images')[0];
	var images = root.getElementsByTagName('image');
	
	if( images.length )
	{
		//var bigImg = document.createElement('img');
		var bigImg = document.createElement('div');
		bigImg.setAttribute('id', id+'_bigimg');
		bigImg.style.width = width+"px";
		bigImg.style.height = height+"px";
		target.appendChild(bigImg);
								
		var ul = document.createElement('ul');
		
		for( var i=0; i < images.length; i++ )
		{
			var image = images[i];
			
			var uid = image.getAttribute('uid');
			var isVideo = (image.getAttribute('media_type') == 'video' ? 1 : 0);
			var extension = image.getAttribute('extension');
			var thumbExtension = (isVideo ? 'jpg' : extension);
			var src = isVideo ? '/hotels/'+hotel_id+'/media/'+uid+'-default.'+extension : 'display.php?hotels/'+hotel_id+'/media/'+uid+'-'+width+'-'+height+'-t.'+extension;
			var caption = image.getAttribute('caption');
			
			if( i==0 )
			{
				//bigImg.setAttribute('src', src);
				//bigImg.setAttribute('id', id+'_bigimg');
				AssignImage(id+'_bigimg', src, isVideo);
			}
			
			var li = document.createElement('li');
			li.style.display = 'inline';
			
			var img = document.createElement('img');
			img.style.display = 'inline';
			img.style.cursor = 'pointer';
			
			img.setAttribute('src', 'hotels/'+hotel_id+'/media/'+uid+'-thumb.'+thumbExtension);
			img.setAttribute('title', caption);
			/*jQuery(img).click(new Function(
				'alert(\''+bigImg.getAttribute('id')+'\', \''+src+'\', \''+isVideo+'\'); AssignImage(\''+bigImg.getAttribute('id')+'\', \''+src+'\', \''+isVideo+'\');'
			));*/
			jQuery(img).click(new Function(
				"AssignImage('"+bigImg.getAttribute('id')+"', '"+src+"', '"+isVideo+"')"
			));
			
			img.style.margin = '0 1px';
			
			var hoverCaption = document.createElement('div');
			hoverCaption.style.fontSize = "1.2em";
			hoverCaption.style.padding = "5px";
			hoverCaption.style.background = "#476dae";
			hoverCaption.style.color = "#fff";	
			hoverCaption.style.display = "none";
			hoverCaption.style.position = "absolute";
			hoverCaption.style.zIndex = 9999;
			hoverCaption.style.border = "1px solid #fff";
			hoverCaption.setAttribute('id', 'hover'+uid);
			hoverCaption.innerHTML = caption;
/*	
	// remove the custom captions since they overlap the standard image alt tags
			jQuery(img).mouseover(new Function(
				"showItem('hover"+uid+"')"
			));
			
			jQuery(img).mouseout(new Function(
				"hideItem('hover"+uid+"')"
			));
*/			
			ul.appendChild(li);
			li.appendChild(img);
			document.getElementById('container').appendChild(hoverCaption);
		}

		
		
		var div = document.createElement('div');
	
		var left = document.createElement('img');
		left.src = 'images/scroll_arrow_left.jpg';
		
		var right = document.createElement('img');
		right.src = 'images/scroll_arrow_right.jpg';
		
		jQuery(left).css('cursor', 'pointer').click(function(){
			var target = jQuery(ul);
			var x = parseInt(target.css('left'));
			var w = target.children(':last').offset().left + target.children(':last').width() - target.children(':first').offset().left;
			if( !x ) x = 0;
			x += target.children(':last').width()*4;
			if( x > 0 ) x = 0;
			target.animate({'left':x+'px'});
		});
		
		jQuery(right).css('cursor', 'pointer').click(function(){
			var target = jQuery(ul);
			var x = parseInt(target.css('left'));
			var w = target.children(':last').offset().left + target.children(':last').width() - target.children(':first').offset().left;
			if( !x ) x = 0;
			x -= target.children(':last').width()*4;
			if( x < -w+target.parent().width() ) x = -w+target.parent().width();
			target.animate({'left':x+'px'});			
		});
		
		var div2 = document.createElement('div');
	
		div2.style.position = 'relative';
		ul.style.position = 'absolute';
		div2.appendChild(ul);

		div2.style.width = (width - 20) + 'px';
		div2.style.height = '58px';						
		div2.style.overflow = 'hidden';
		div2.style.whiteSpace = 'nowrap';
								
		left.style.cssFloat = div2.style.cssFloat = right.style.cssFloat = 'left';
		left.style.styleFloat = div2.style.styleFloat = right.style.styleFloat = 'left';
							
		div.appendChild(left);
		div.appendChild(div2);
		div.appendChild(right);

		target.appendChild(div);
	}
}

function CreateGalleryModuleRes99(id, images, width, height)
{
	target = document.getElementById(id);
	
	if( !target )
	{
		//alert('Unable to find target: ' + id);
		return;
	}
	
	if( images.length )
	{	
		//var bigImg = document.createElement('img');
		var bigImg = document.createElement('div');
		bigImg.setAttribute('id', id+'_bigimg');
		bigImg.style.width = width+"px";
		bigImg.style.height = height+"px";
		target.appendChild(bigImg);
								
		var ul = document.createElement('ul');
		
		for( var i=0; i < images.length; i++ )
		{
			var image = images[i];
			var src = image;
			var caption = '';
			var isVideo = false;
			
			//var uid = image.getAttribute('uid');
			//var isVideo = (image.getAttribute('media_type') == 'video' ? 1 : 0);
			//var extension = image.getAttribute('extension');
			//var thumbExtension = (isVideo ? 'jpg' : extension);
			//var src = isVideo ? '/hotels/'+hotel_id+'/media/'+uid+'-default.'+extension : 'display.php?hotels/'+hotel_id+'/media/'+uid+'-'+width+'-'+height+'-t.'+extension;
			//var caption = image.getAttribute('caption');
			
			
			
			if( i==0 )
			{
				//bigImg.setAttribute('src', src);
				//bigImg.setAttribute('id', id+'_bigimg');
				AssignImage(id+'_bigimg', src, false);
			}
			
			var li = document.createElement('li');
			li.style.display = 'inline';
			
			var img = document.createElement('img');
			img.style.display = 'inline';
			img.style.cursor = 'pointer';
			img.style.width = '58px';
			img.style.height = '58px';
			
			img.setAttribute('src', src);
			img.setAttribute('title', caption);
			/*jQuery(img).click(new Function(
				'alert(\''+bigImg.getAttribute('id')+'\', \''+src+'\', \''+isVideo+'\'); AssignImage(\''+bigImg.getAttribute('id')+'\', \''+src+'\', \''+isVideo+'\');'
			));*/
			jQuery(img).click(new Function(
				"AssignImage('"+bigImg.getAttribute('id')+"', '"+src+"', '"+isVideo+"')"
			));
			
			img.style.margin = '0 1px';
			
			var hoverCaption = document.createElement('div');
			hoverCaption.style.fontSize = "1.2em";
			hoverCaption.style.padding = "5px";
			hoverCaption.style.background = "#476dae";
			hoverCaption.style.color = "#fff";	
			hoverCaption.style.display = "none";
			hoverCaption.style.position = "absolute";
			hoverCaption.style.zIndex = 9999;
			hoverCaption.style.border = "1px solid #fff";
			hoverCaption.setAttribute('id', 'hover'+i);
			hoverCaption.innerHTML = caption;
/*	
	// remove the custom captions since they overlap the standard image alt tags
			jQuery(img).mouseover(new Function(
				"showItem('hover"+uid+"')"
			));
			
			jQuery(img).mouseout(new Function(
				"hideItem('hover"+uid+"')"
			));
*/			
			ul.appendChild(li);
			li.appendChild(img);
			document.getElementById('container').appendChild(hoverCaption);
		}

		
		
		var div = document.createElement('div');
	
		var left = document.createElement('img');
		left.src = 'images/scroll_arrow_left.jpg';
		
		var right = document.createElement('img');
		right.src = 'images/scroll_arrow_right.jpg';
		
		jQuery(left).css('cursor', 'pointer').click(function(){
			var target = jQuery(ul);
			var x = parseInt(target.css('left'));
			var w = target.children(':last').offset().left + target.children(':last').width() - target.children(':first').offset().left;
			if( !x ) x = 0;
			x += target.children(':last').width()*4;
			if( x > 0 ) x = 0;
			target.animate({'left':x+'px'});
		});
		
		jQuery(right).css('cursor', 'pointer').click(function(){
			var target = jQuery(ul);
			var x = parseInt(target.css('left'));
			var w = target.children(':last').offset().left + target.children(':last').width() - target.children(':first').offset().left;
			if( !x ) x = 0;
			x -= target.children(':last').width()*4;
			if( x < -w+target.parent().width() ) x = -w+target.parent().width();
			target.animate({'left':x+'px'});			
		});
		
		var div2 = document.createElement('div');
	
		div2.style.position = 'relative';
		ul.style.position = 'absolute';
		div2.appendChild(ul);

		div2.style.width = (width - 20) + 'px';
		div2.style.height = '58px';						
		div2.style.overflow = 'hidden';
		div2.style.whiteSpace = 'nowrap';
								
		left.style.cssFloat = div2.style.cssFloat = right.style.cssFloat = 'left';
		left.style.styleFloat = div2.style.styleFloat = right.style.styleFloat = 'left';
							
		div.appendChild(left);
		div.appendChild(div2);
		div.appendChild(right);

		target.appendChild(div);
	}
}
			
function OnLoadMainGallery(xml)
{
	CreateGalleryModule("profile_main", xml, 553, 350);
}

function OnLoadDiningGallery(xml)
{
	CreateGalleryModule("profile_dining", xml, 290, 230);
}