window.addEvent('domready',function(){

	var wrapper = $('wrap');
	
	var blurb = wrapper.getElement('.blurb');
	var blurbWrap = wrapper.getElement('.blurbwrap');
	
	var next = wrapper.getElement('.next');
	var previous = wrapper.getElement('.prev');

	// Page Backgrounds & Navigation
	if($('verkefni')){
		wrapper.setStyles({'background':'url() #333333'});
	}
	if($$('.employees-index')[0]){
		$$('html')[0].setStyles({'background-image':'url(/img/fiton_bg2.jpg)'}); 
	}
	if($('kaaber_frame')){
		$$('html')[0].setStyles({'background-image':'url(/img/kaaber_bg.jpg)'});
	}
	if($('english_frame')){
		$$('html')[0].setStyles({'background-image':'url(/img/english_bg.jpg)'});
	}
	
	var url = window.location.href
	var urlSplit = url.split('/')
	var urlLength = urlSplit.length;
	var page = urlSplit[urlLength-2];
	
	if(page == 2011){
		wrapper.setStyles({'background':'url(/img/Bladid2011_BCKGR.jpg) #fff'});
		className = ".n" + page;
		wrapper.getElement(className).addClass('selected');
	} else if(page == 2010){
		wrapper.setStyles({'background':'url(/img/Bladid2010_BCKGR.jpg) #fff'});
		className = ".n" + page;
		wrapper.getElement(className).addClass('selected');
	} else if(page == 2009){
		wrapper.setStyles({'background':'url(/img/Bladid2009_BCKGR.jpg) #fff'});
		className = ".n" + page;
		wrapper.getElement(className).addClass('selected');
	} else if(page == 2008){
		wrapper.setStyles({'background':'url(/img/Bladid2008_BCKGR.jpg) #fff'});
		className = ".n" + page;
		wrapper.getElement(className).addClass('selected');
	} else if(page == 2007){
		wrapper.setStyles({'background':'url(/img/Bladid2007_BCKGR.jpg) #fff'});
		className = ".n" + page;
		wrapper.getElement(className).addClass('selected');
	} else if(page == 2006){
		wrapper.setStyles({'background':'url(/img/Bladid2006_BCKGR.jpg) #fff'});
		className = ".n" + page;
		wrapper.getElement(className).addClass('selected');
	} else if(page == 2005){
		wrapper.setStyles({'background':'url(/img/Bladid2005_BCKGR.jpg) #fff'});
		className = ".n" + page;
		wrapper.getElement(className).addClass('selected');
	} else if(page == 2004){
		wrapper.setStyles({'background':'url(/img/Bladid2004_BCKGR.jpg) #fff'});
		className = ".n" + page;
		wrapper.getElement(className).addClass('selected');
	} else if(page == 2003){
		wrapper.setStyles({'background':'url(/img/Bladid2003_BCKGR.jpg) #fff'});
		className = ".n" + page;
		wrapper.getElement(className).addClass('selected');
	} else if(page == 2002){
		wrapper.setStyles({'background':'url(/img/Bladid2002_BCKGR.jpg) #fff'});
		className = ".n" + page;
		wrapper.getElement(className).addClass('selected');
	}


	// Check if video on slide and prep
	var videoExists;
	var vimeoPlayer;
	var videoThumbs;
	
	var videoCheck = function(){
		if (videoExists) {
			if (!Browser.Platform.ios) {
				vimeoPlayer.api('pause');
			}
		};
		
		videoExists = currentSlide.getElement('.content_frame .video_frame > iframe');
		videoExistsParent = currentSlide.getElement('.content_frame .video_frame');
		vimeoPlayer = $f(videoExists);
		
		clearInterval(timer);
		
		videoThumbs = currentSlide.getElements('.content_frame .video_frame .thumbnails .thumbnail');
		if (videoThumbs[0]) {
			//selectedThumb = videoThumbs[0];
			videoThumbs.each(function(thumb){
				thumb.removeEvents();
				var thumbContent = thumb.getElement('iframe');
				thumb.addEvent('click',function(){
					videoThumbs.each(function(elem){
						elem.removeClass('selected');
					});
					thumb.addClass('selected');
					selectedThumb = thumb;
					videoExists.destroy();
					var thumbClone = thumbContent.clone('keepid').inject(videoExistsParent, 'top');
					videoExists = currentSlide.getElement('.content_frame .video_frame iframe');
					vimeoPlayer = $f(videoExists);
				})
			});
		}
		
		
		if (videoExists) {
			if (!Browser.Platform.ios) {
				vimeoPlayer.api('play');
			}
		} else {
			timer = nextSlide.periodical(interval);
		}
	};


	// Load Viemo videos
	(function(){
		var vimeoPlayers = document.querySelectorAll('iframe'),
			player;

		function addEvent(element, eventName, callback) {
			if (element.addEventListener) {
				element.addEventListener(eventName, callback, false);
			}
			else {
				element.attachEvent(eventName, callback, false);
			}
		}

		for (var i = 0, length = vimeoPlayers.length; i < length; i++) {
			player = vimeoPlayers[i];
			$f(player).addEvent('ready', ready);
		}

		function ready(player_id) {
			var container = document.getElementById(player_id).parentNode.parentNode,
				froogaloop = $f(player_id)
			
			videoCheck();
		}
	})();


	//**  Background slideshow and content  **// 
	var imgList = $('imglist');
	
	if(imgList){
	
		var imgListImages = $$('#imglist ul.images > li > .background-img"');
		var imgListItems = $$('#imglist ul.images > li');
		
		if (imgListImages.length <= 1) {
			next.destroy();
			previous.destroy();
		}
		
		// Auto resizing of content and backgrounds
		var setSizes = function(){
			var wrapSize = wrapper.getScrollSize();

			imgListItems.each(function(item){
				item.setStyles({'width':wrapSize.x,'height':wrapSize.y});
			});
			
			var aspectRatio = wrapSize.y / wrapSize.x; //0.5625
			
			if(aspectRatio < 0.5625){
				var newHeight = wrapSize.x * 0.5625
				imgListImages.each(function(image){
					image.setStyles({'width':wrapSize.x,'height':newHeight});
				});
			} else{
				var newWidth = wrapSize.y * 1.7777
				imgListImages.each(function(image){
					image.setStyles({'width':newWidth,'height':wrapSize.y});
				});
			};
		};
		setSizes()


		reSize = function(){
			setSizes();
		};

		// Resize timer
		var timer
		window.addEvent('resize',function(){
			clearTimeout(timer);
			timer = setTimeout("reSize()",150)
		});


		// Slideshow
		var duration = 500;
		var interval = 8000;

		var l = imgListItems.length-1;
		var i = 0;
		var e = 1;
		var currentSlide = imgListItems[i];

		imgListItems.each(function(item){
			item.setStyles({'z-index':-2,'visibility':'hidden'});
		})
		imgListItems[i].setStyles({'z-index':0,'visibility':'visible'});


		var fadeContent = function(){
			if (imgListItems[e]) {
				var listContent = imgListItems[e].getElement('.listcontent');
				if (listContent) {
					listContent.set({'opacity':0})
				}
			}
			var lulz = blurb.getElement('.blurbtext');
			var textSize = lulz.getSize().y;
			var blurbFade = new Fx.Morph(lulz,{'duration':duration});
			var blurbSlide = new Fx.Morph(blurb,{'duration':duration});
			
			blurbFade.removeEvents();
			blurbFade.addEvent('complete',function(){
				var elText = imgListItems[i].getElement('.text');
				lulz.set('html',elText.get('html'));
				var headline = lulz.getElement('h1');
				var linkText = lulz.getElement('.link');
				Cufon.replace(headline);
				Cufon.replace(linkText);
				textSize = lulz.getSize().y;
				blurbSlide.start({'height':textSize});
				lulz.morph({'opacity':1});
				if (listContent) {
					listContent.morph({'opacity':1});
				}
			});
			blurbFade.start({'opacity':0});
		};
		fadeContent();

		// Flip to next slide
		var nextSlide = function(){
			
			var slideOut = new Fx.Morph(imgListItems[i],{'duration':duration});
			var slideIn = new Fx.Morph(imgListItems[e],{'duration':duration});
			var wrapSize = wrapper.getScrollSize();
			
			currentSlide = imgListItems[e];
			
			imgListItems[e].setStyles({'left':wrapSize.x,'z-index':'0','visibility':'visible'});
			imgListItems[i].setStyles({'z-index':'-1','visibility':'visible'});
			
			slideIn.start({'left':0});
			slideOut.start({'left':(-wrapSize.x)}).chain(function(){
				imgListItems.each(function(item){
					item.setStyles({'z-index':-2});
				})
				imgListItems[i].setStyles({'z-index':0});
			});
			
			fadeContent();
			videoCheck();
			
			i++;
			e++;
			l++;
			if(i == imgListItems.length){
				i = 0;
			}
			if(e == imgListItems.length){
				e = 0;
			};
			if(l == imgListItems.length){
				l = 0;
			};
			
		};

		// Flip to previous slide
		var prevSlide = function(){
			var slideOut = new Fx.Morph(imgListItems[i],{'duration':(duration)});
			var slideIn = new Fx.Morph(imgListItems[l],{'duration':duration});
			var wrapSize = wrapper.getScrollSize();
			
			currentSlide = imgListItems[l];
			
			imgListItems[i].setStyles({'left':0,'z-index':-1,'visibility':'visible'});
			imgListItems[l].setStyles({'left':-wrapSize.x,'z-index':0,'visibility':'visible'});
			
			slideIn.start({'left':0});
			slideOut.start({'left':(wrapSize.x)}).chain(function(){
				imgListItems.each(function(item){
					item.setStyles({'z-index':-2});
				})
				imgListItems[i].setStyles({'z-index':0});
			});
			
			fadeContent();
			videoCheck();
			
			i--;
			e--;
			l--;
			if(i < 0){
				i = imgListItems.length-1;
			}
			if(e < 0){
				e = imgListItems.length-1;
			}
			if(l < 0){
				l = imgListItems.length-1;
			}
		};


		// Start slideshow
		if(!document.getElementById('noslide')){
			var timer = nextSlide.periodical(interval);
		}


		var changeReady = true;
		var foo = function(){
			changeReady = true;
		}

		// Switch slides with arrow keys
		window.addEvent('keydown',function(event){
			if(event.key == 'right'){
				if(!changeReady) return;
				nextSlide();
				changeReady = false;
				foo.delay(duration+100);
			}else if(event.key == 'left'){
				if(!changeReady) return;
				prevSlide();
				changeReady = false;
				foo.delay(duration+100);
			}
		});


		// Switch slides with buttons
		if (imgListItems[e]) {
			next.addEvent('click',function(){
				if(!changeReady) return;
				nextSlide();
				changeReady = false;
				foo.delay(duration+100);
			});
			previous.addEvent('click',function(){
				if(!changeReady) return;
				prevSlide();
				changeReady = false;
				foo.delay(duration+100);
			});
		}

	}


	// Resize subpage
	/*var subPage = $('sub');
	if(subPage){
		
		var contentWrap = $$('.content')[0];
		
		// Fill Screen
		var setSizes = function(){
			var wrapSize = wrapper.getScrollSize();
			var windowSize = window.getSize();
			var contentSize = contentWrap.getSize();
			
			if(wrapSize.y <= windowSize.y && wrapSize.y >= contentSize.y && contentSize.y < windowSize.y ){
				wrapper.setStyles({'position':'absolute'})
			} else{
				wrapper.setStyles({'position':'relative'})
			}
		};
		setSizes()
		
		reSize = function(){
			setSizes();
		};
		
		var timer
		window.addEvent('resize',function(){
			clearTimeout(timer);
			timer = setTimeout("reSize()",150)
		});
	}*/


	// Display map - ON HOLD
	var displayMap = function(){
		var footer = wrapper.getElement('.blurbwrap .kort');
		footer.addEvent('click',function(){
			var mapImage = new Element ('img', {
				'src':'/img/map.jpg',
				styles: {
					'height': '100%',
					'width': '100%'
				},
				events: {
					
				}
			});
		});
	};


	// fun time
	var konamiCode = ["up","up","down","down","left","right","left","right","b","a"];
	var pos = 0;
	window.addEvent('keydown',function(event){
		if(event.key == konamiCode[pos]){
			pos++;
			if(pos == konamiCode.length){
				alert('KONAMI');
				pos = 0;
			}
		}else{
			pos = 0;
		}
	});
});


