	$j = jQuery.noConflict();

	if (typeof Panagora != 'object' || typeof Panagora == 'undefined')
		Panagora = {};
		
	Panagora.ImageGallery = function(params)
	{
		var current_image = 1;
		var count = 0;
		var _id ="";
		var CommentsArray = params.CommentsArray;
		var heading = params.heading
		var imageArray = params.imageArray;
		var self = this;
			
		var previousImage = function (e)
		{
			e.preventDefault();
			current_image--;
			current_image = current_image <= 0 ? count  : current_image;
			updateProperties();
			return false;
		}
		var nextImage = function (e)
		{
			e.preventDefault();
			current_image = 1+current_image > count ? 1 : ++current_image;
			updateProperties();
			return false;
		}
		
		var updateProperties = function()
		{
			var idx = current_image-1;
			$j("#"+_id+" > em").html(CommentsArray[idx]);
			$j("#"+_id+" > .count > span").html("Bild " + current_image +" av "+ count);
			$j("#"+_id+" > .bigimage").attr("src", imageArray[idx]);
		}
		
		var initialize = function()
		{
			count = imageArray.length;
			var az = ['a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','x','y','z'];
/*			_id ="ImageGallery";

			for(var i=0;i<10;i++)
			{
				_id += az[Math.floor(Math.random()*az.length)];
			}
*/			
			_id = params.id;
			// print html
			//document.write('<div class="image-switcher" id="'+_id+'"></div>');
			//document.close();
			if(count > 1){
			$j('#' + _id).html('<h3>'+params.heading+'</h3>\
				<img class="bigimage" src="'+imageArray[0]+'" /><br>\
				\
					<a class="prev" href=""><img src="/images/viking/imageLeft.png"></a>\
					<a class="next" href=""><img src="/images/viking/imageRight.png"></a>\
					<p class="count"><span>Bild 1 av '+count+'</span></p>\
				');
			
			// hook up events to html
			$j("#"+_id+" > .prev").click(previousImage);
			$j("#"+_id+" > .next").click(nextImage);
			$j("#"+_id+" > .bigimage").click(nextImage);
			}else{
				$j('#' + _id).html('<h3>'+params.heading+'</h3>\
				<img class="bigimage" src="'+imageArray[0]+'" />');
			}
			
			
			
		}
		
		
		var LoadExternal = function(url)
		{
			$j.ajax({
				url: url,
				success: function(data){ 
					heading = data.heading || '';
					imageArray = data.imageArray;
					CommentsArray = data.CommentsArray;
	
					initialize();
				},
				//error: function(xhr, error){  },
				dataType: 'json'
			});
		}

		
		if(!params.url)
			initialize();
		else
			LoadExternal(params.url);

	}
	

