var img_viewer_xml;
var img_viewer_imgs;
var img_viewer_position;

function open_img_viewer(xml_url, i) {
	jQuery.ajax({
		url: xml_url,
		dataType: (jQuery.browser.msie) ? 'text' : 'html',
		success: function(data) {
			if (typeof data == 'string' && jQuery.browser.msie) {
				img_viewer_xml = new ActiveXObject('Microsoft.XMLDOM');
				img_viewer_xml.async = false;
				img_viewer_xml.loadXML(data);
			} else {
				img_viewer_xml = data;
			}
			img_viewer_position = parseInt(i, 10);
			img_viewer_imgs = jQuery(img_viewer_xml).find('item');
			
			var viewer = jQuery(
				'<div id="img-viewer">' + 
					'<div class="img">' + 
						'<img src="' + jQuery(img_viewer_imgs[i]).attr('link') + '" />' + 
						'<div class="prev">' + 
							'<a href="#" title="Forrige">Forrige</a>' + 
						'</div>' + 
						'<div class="next">' + 
							'<a href="#" title="N&aelig;ste">N&aelig;ste</a>' + 
						'</div>' + 
					'</div>' + 
					'<div class="btm">' + 
						'<a href="#" class="close">Luk</a>' + 
					'</div>' + 
				'</div>'
			);
			
			viewer.css('top', (jQuery(window).scrollTop() + 50) + 'px');
			
			if (i == 0) {
				viewer.addClass('start');
			}

			if (i == (img_viewer_imgs.length - 1)) {
				viewer.addClass('end');
			}
			
			jQuery.dimScreen(0.5, 350, function() {
				viewer.appendTo('body');
			});
		}
	});
}

function change_img_viewer_img(i) {
	var old_img = jQuery('#img-viewer .img img');
	var new_img = jQuery('<img src="' + jQuery(img_viewer_imgs[i]).attr('link') + '" />');
			
	new_img.css('display', 'none');
	new_img.addClass('on-top');
	new_img.appendTo('#img-viewer .img');
	new_img.fadeIn('slow', function() {
		old_img.remove();
		new_img.removeClass('on-top');
	});
}

jQuery(document).ready(function(){
	jQuery('#img-viewer .prev a').live('click', function(event) {
		event.preventDefault();
		var i = img_viewer_position - 1;
		if (i >= 0) {
			img_viewer_position = i;
			jQuery('#img-viewer').removeClass('end');
			if (i == 0) {
				jQuery('#img-viewer').addClass('start');
			}
			change_img_viewer_img(i);
		}
	});

	jQuery('#img-viewer .next a').live('click', function(event) {
		event.preventDefault();
		var i = img_viewer_position + 1;
		if (i <= img_viewer_imgs.length) {
			img_viewer_position = i;
			jQuery('#img-viewer').removeClass('start');
			if (i == (img_viewer_imgs.length - 1)) {
				jQuery('#img-viewer').addClass('end');
			}
			change_img_viewer_img(i);
		}
	});

	jQuery('#img-viewer a.close').live('click', function(event) {
		event.preventDefault();
		jQuery('#img-viewer').fadeOut('fast', function() {
			jQuery('#img-viewer').remove();
			jQuery.dimScreenStop();
		})
	});
});