var beskrivelse;
var beskrivelseVist = false;
var beskrivelseAnimerer = false;
var menus = new Array();
var totalMenus = 0;
var shownMenu = -1;
var morphs = Array();
var erForside = false;
var showImages = false;
var busy = false;
var time
var loadedImages = [];
var gallery;
var progress;
var bar;
var imageLoadDone = false;

function musOverBillede(tekst)
{	
	if (beskrivelseAnimerer)
	{
		window.setTimeout("musOverBillede(\""+ tekst +"\");", 500);	
	}
	else
	{
		var beskrivelseTekst = tekst.split(", ");
		document.getElementById("beskrivelse").innerHTML = "<b>" + beskrivelseTekst[0] + "</b><br>" + beskrivelseTekst[1];
		
		if (!beskrivelseVist)
			beskrivelse.slideIn();
	}	
}

function DisplayImages()
{
	if (!busy)
	{
		var galleryImgs = $$('#gallery img');
		if (galleryImgs.length > 0) galleryImgs.each(function(image) {	image.remove();	});
	
		busy = true;
		
		if (!imageLoadDone)
		{
			progress.setStyle('visibility', 'visible');
			gallery.setStyle('display', 'block');
			new Asset.images(images, {
				onProgress: function(i) {
					this.setStyles({
						'position': 'absolute',
						'opacity': 0,
						'left': (gallery.getCoordinates().width / 2) - (this.width / 2),
						'top': (gallery.getCoordinates().height / 2) - (this.height / 2)
					});
					loadedImages[i] = this;
					var percent = ((i + 1) * progress.getStyle('width').toInt()) / images.length;
					bar.setStyle('width', percent).setHTML('Indlæser ' + (i + 1) + ' / ' + images.length);
				},
				
				onComplete: function() {
					progress.setStyle('visibility', 'hidden');
					DoDisplayImages();
				}
			});
		}
		else
		{
			DoDisplayImages();	
		}
	}
}

function DoDisplayImages()
{
	imageLoadDone = true;
	var fx = $('gallery').effect('opacity').start(1);
	timer = 0;
	loadedImages.each(function(image, i) {
		timer += 1500;
		image.inject(gallery);
		image.onclick = function()
		{
			var imgsrc = image.src.split('/');
			
			if (imgsrc.length > 0)
			{
				var billedeInfo = imgsrc[imgsrc.length - 1].split('_');	
				window.open('/PresseBillede.php?id='+ billedeInfo[billedeInfo.length - 3] +'&nr=' + billedeInfo[billedeInfo.length - 2], 'PresseBillede', 'width=800,height=800');
			}
		}
		
		fx = function() {
			var imgEffect = image.effect('opacity', {duration: 1500});
			imgEffect.start(1).chain(function() {
				if (i < loadedImages.length - 1) {
					//alert(i + " " + loadedImages.length);
					this.start(0).chain(function() {
						image.remove();
					});
				} else {
					//alert("done " + i + " " + loadedImages.length);
					busy = false;
					this.start(0).chain(function() {
						image.remove();
					});
					DisplayImages();
					/*var fx = new Fx.Style(gallery, 'opacity', {
						onComplete: function() {
							DisplayImages();
						}
					});
					fx.start(0);*/
					//DisplayImages();
					//$('clear').setStyle('visibility', 'visible');
					//$('start').setStyle('visibility', 'hidden');
				}
			});
	
		}.delay(timer * 2);
	});
}
	
window.onload = function()
{	
	// Morph
	Fx.Morph = Fx.Styles.extend({
		start: function(className){
	
			var to = {};
	
			$each(document.styleSheets, function(style){
				var rules = style.rules || style.cssRules;
				$each(rules, function(rule){
					if (!rule.selectorText.test('\.' + className + '$')) return;
					Fx.CSS.Styles.each(function(style){
						if (!rule.style || !rule.style[style]) return;
						var ruleStyle = rule.style[style];
						to[style] = (style.test(/color/i) && ruleStyle.test(/^rgb/)) ? ruleStyle.rgbToHex() : ruleStyle;
					});
				});
			});
			return this.parent(to);
		}
	
	});
	
	Fx.CSS.Styles = ["backgroundColor", "backgroundPosition", "color", "width", "height", "left", "top", "bottom", "right", "fontSize", "letterSpacing", "lineHeight", "textIndent", "opacity"];
	
	Fx.CSS.Styles.extend(Element.Styles.padding);
	Fx.CSS.Styles.extend(Element.Styles.margin);
	
	Element.Styles.border.each(function(border){
		['Width', 'Color'].each(function(property){
			Fx.CSS.Styles.push(border + property);
		});
	});
	
	morphs[0] = new Fx.Morph('morpher1', {wait: false});
	morphs[1] = new Fx.Morph('morpher2', {wait: false});
	morphs[2] = new Fx.Morph('morpher3', {wait: false});
	
	morphs[0].start("morph2");
	window.setTimeout("morphs[1].start('morph2');", 250);
	window.setTimeout("morphs[2].start('morph2');", 500);
	
	// Runde hjørner
	/*Nifty("div#container span","top big");
	Nifty("div#menu");
	
	if (navigator.appVersion.indexOf("MSIE 6") == -1)
		Nifty("div#container p","bottom same-height big");
		
	if (erForside)
	{
		Nifty("div#nyheder");
		Nifty("div#favoritter");
		Nifty("div#salg");
		Nifty("div#katalog");
		Nifty("div#aktivitet");
		Nifty("div#tm");
	}*/
	
	// Alle billeder mouseover
	var billeder = document.getElementsByTagName("img");
	
	for (var i = 0; i < billeder.length; i++)
	{
		if (billeder[i].hasClass('nl') || billeder[i].alt == "nl")
		{
			billeder[i].style.border = "none";
		}
		else
		{
			billeder[i].onmouseover = function()
									{
										this.style.border = "4px solid #999";
									};	
									
			billeder[i].onmouseout = function()
									{
										this.style.border = "4px solid #EEE";
									};
		}
								
		/*
		<p style="text-align: center; width: 100px; margin: -25px 0px -45px 0px; padding: 0px; margin: -10px 0px -45px 0px !important; margin: -25px 0px -45px 0px;">tsdfdfest</p>
		<p style="text-align: center; width: 100px; margin: -55px 0px -45px 120px; padding: 0px;">testsdfsdf</p><br />
		*/
	}
	
	if (erForside)
	{
		// Forside billeder under nyheder
		/*beskrivelse = new Fx.Slide("beskrivelse", {duration: 500});
		beskrivelse.hide();
		
		var billederId = document.getElementById("billeder");
		billeder = billederId.getElementsByTagName("img");
		var ptags = billederId.getElementsByTagName("p");
		
		for (var i = 0; i < billeder.length; i++)
		{
			billeder[i].onmouseover = function()
									{
										this.style.border = "4px solid #999";
										musOverBillede(this.alt);
									};	
									
			billeder[i].onmouseout = function()
									{
										this.style.border = "4px solid #EEE";
										beskrivelseAnimerer = true;
										beskrivelse.slideOut();
										window.setTimeout("beskrivelseAnimerer = false; beskrivelseVist = false;", 500);
									};
		
									*/
			/*
			<p style="text-align: center; width: 100px; margin: -25px 0px -45px 0px; padding: 0px; margin: -10px 0px -45px 0px !important; margin: -25px 0px -45px 0px;">tsdfdfest</p>
			<p style="text-align: center; width: 100px; margin: -55px 0px -45px 120px; padding: 0px;">testsdfsdf</p><br />
			*/
		//}
	}
	
	// Lav menu
	/*var menu = $("menu").getElementsByTagName("ul");
	
	if (menu.length > 0)
	{
		var menuObj = menu[0].childNodes;
		
		var ii = 0;
		
		var incr = 2;
		var start = 1;
		
		if (navigator.appVersion.indexOf("MSIE 6") != -1)
		{
			incr = 1;
			start = 0;
		}
		
		// Loop through li tags
		for (var i = start; i < menuObj.length; i += incr)
		{
			var linkObjs = menuObj[i].getElementsByTagName("a");
			var ulObjs = menuObj[i].getElementsByTagName("ul");
			
			// Takes the first link and the first ul in the li tag
			if (linkObjs.length > 0 && ulObjs.length > 0)
			{
				//alert("test " + i);
				var linkObj = linkObjs[0];
				var ulObj = ulObjs[0];
				
				ulObj.id = "menu" + ii;
				
				ulObj.style.display = "block";
				
				menus[ii] = new Fx.Slide("menu" + ii, {duration: 500});
				menus[ii].hide();
				
				linkObj.tag = ii;
				linkObj.href = "#";
				linkObj.onclick = function ()
								{									
									var i = this.tag;
									
									if (shownMenu >= 0 && shownMenu != i)
									{
										menus[shownMenu].slideOut();
										window.setTimeout("menus[" + i + "].toggle();", 250); 
									}
									else
									{
										menus[i].toggle();	
									}
									
									shownMenu = i;	
								}
									
				ii++;
			}
		}
		
		totalMenus = ii;
	}
	
	// Open first menu item
	if (totalMenus > 0 && document.location.toString().indexOf("html") == -1)
	{
		shownMenu = 0;
		menus[0].slideIn();
	}*/
}

function areaOver(area)
{
	$('standard_tekst').style.display = 'none';
	$('wall').src = '/images/forside/wall_' + area + '.png';
	$(area).style.display = 'block';
}

function areaOut(area)
{
	$('standard_tekst').style.display = 'block';
	$('wall').src = '/images/forside/wall.png';
	$(area).style.display = 'none';
}