window.onload = initSite;

function initSite() {
	//gør submenuen klar
	$$('ul[id^=SubMenu]').each(function(iFaq) {			
		iFaq.setStyle('display', '');
		var myVerticalSlide1 = new Fx.Slide(iFaq).hide();
	});
	if (window.iSubmenu !== undefined) {
		if (iSubmenu != 0) SlideDown('SubMenu' + iSubmenu,1);
	}
}

window.addEvent('domready',function() {
	/* settings */
	var showDuration = 3000;
	var container = $('BannerContainer');
	var images = container.getElements('img');
	var currentIndex = 0;
	var interval;
	/* opacity and fade */
	images.each(function(img,i){ 
		if(i > 0) {
			img.set('opacity',0);
		}
	});
	/* worker */
	var show = function() {
		images[currentIndex].fade('out');
		images[currentIndex = currentIndex < images.length - 1 ? currentIndex+1 : 0].fade('in');
	};
	/* start once the page is finished loading */
	window.addEvent('load',function(){
		interval = show.periodical(showDuration);
	});
});

function SlideDown(iDivID,iMode,iObject) {
	var status = {
		'true': 'Skjul',
		'false': 'Læs mere'
	};
	var myVerticalSlide = new Fx.Slide(iDivID);
	if (iMode == 0) myVerticalSlide.toggle();
	if (iMode == 1) myVerticalSlide.slideIn();
	if (iMode == 2) myVerticalSlide.slideOut();
	if (iMode == 3) {
		if (iObject.checked) myVerticalSlide.slideIn();
		else myVerticalSlide.slideOut();
	}

	myVerticalSlide.addEvent('complete', function() {
		if ($(iDivID + "Button")) $(iDivID + "Button").set('html', status[myVerticalSlide.open]);
	});
	
}

function ShowBigPicture(iImage) {
	if (window.getScrollTop() > 10) var iTop = window.getScrollTop() + 10;
	else var iTop = window.getScrollTop() + 70;
	
	new Modalizer().modalShow({hideOnClick: false});
	
	var divContainer = new Element('div').setProperty('id','BigPicture');
	var imgHeadline = new Element('img', {
		//src: '/external_images/tkmobil/products/600px/' + iImage,
		src: iImage,
		alt: 'Klik på billedet for at lukke det...',
		title: 'Klik på billedet for at lukke det...',
		styles: {
			cursor: 'pointer'
		},
		events: {
			click: function() { CloseDropIn(); }
		}
	});

	var divHeadline = new Element('p').setProperty('id','BigPictureHeadline');

	divContainer.adopt(divHeadline);
	divContainer.adopt(imgHeadline);
	
	$(document.body).adopt(divContainer);

	$('BigPictureHeadline').set('html', 'Klik på billedet for at lukke det.');

	iLeft = (window.getScrollWidth() - $('BigPicture').getWidth()) / 2;
	$('BigPicture').setStyle('left', iLeft + 'px');
	
	var myFx = new Fx.Tween($('BigPicture'));
	myFx.set('opacity', '0');
	myFx.set('top', iTop + 'px');
	
	//Fader boxen ind
	$('BigPicture').fade(1);

}

function CloseDropIn() {
	//DestroyStickys();
	if ($('DropInContainer')) {
		$('DropInContainer').fade(0);
		setTimeout("$('DropInContainer').parentNode.removeChild($('DropInContainer'))",300)
	}
	if ($('BigPicture')) {
		$('BigPicture').fade(0);
		setTimeout("$('BigPicture').parentNode.removeChild($('BigPicture'))",300)
	}
	$("modalOverlay").fade(0);
}
function CreateDropIn() {
	new Modalizer().modalShow({hideOnClick: false});
	if (!$('DropInContainer')) {
		var divContainer = new Element('div').setProperty('id','DropInContainer');
		
		var divTop = new Element('div').addClass('BoxTop');
		var divContent = new Element('div').setProperty('id','DropInContent').addClass('BoxContent');
		var divBottom = new Element('div').addClass('BoxBottom');
		
		divContainer.adopt(divTop);
		divContainer.adopt(divContent);
		divContainer.adopt(divBottom);
		
		$(document.body).adopt(divContainer);
	}
	
	$('DropInContent').setHTML = "<div align='center'><img src='/images/design/black_gray/ajax_loader.gif'></div>";
	
	if (window.getScrollTop() > 10) var iTop = window.getScrollTop() + 10;
	else var iTop = window.getScrollTop() + 70;
	//var iTop = window.getScrollTop() + 100;
	
	var myFx = new Fx.Tween($('DropInContainer'));
	myFx.set('opacity', '0');
	//myFx.set('width', iWidth + 'px');
	myFx.set('top', iTop + 'px');
	//finder ud af hvor langt boxen skal placeres inde på sidne
	iLeft = (window.getScrollWidth() - $('DropInContainer').getWidth()) / 2;
	myFx.set('left', iLeft);
	
	//Fader boxen ind
	$('DropInContainer').fade(1);
}