﻿
var homepage = { version: 1.0 }
var r_debug = (document.location.href.indexOf('riktest') > -1);

homepage.addEvent = function(object, eventName, fn) {
	if (document.addEventListener) object.addEventListener(eventName, fn, false);
	else object.attachEvent('on' + eventName, fn);
}

homepage.removeEvent = function(object, eventName, fn) {
	if (document.removeEventListener) object.removeEventListener(eventName, fn, false);
	else object.detachEvent('on' + eventName, fn);
}


// Home page load function
homepage.addEvent(window, 'load', function() { 
	var tmpObj = new homepage.lowerTabs();
	//new homepage.preloader(); 
	document.body.style.minHeight = (homepage.util.getDocHeight()) + 'px';
	//homepage.lightwindowLoader();
	//homepage.dim = new homepage.dimmer();
});
// -----------------------




// Lower tabs show/hider
homepage.lowerTabs = function() {
	var self = this;
	var elements = document.getElementsByTagName('a');
	this.tabs = new Array();
	for(var i=0; i<elements.length; i++) if(elements[i].className) if(elements[i].className.indexOf('lowertab') > -1) this.tabs.push(elements[i]);
	if(this.tabs.length == 0) this.tabs = null;
	this.activeTab = null;
	this.nextTab = null;
	this.animating = false;

	this.init = function() {
		for(var i = 0; i < this.tabs.length; i++) {
			var t = this.tabs[i];
			t.content = document.getElementById(t.href.substring(t.href.indexOf('#') + 1));
			if(t.content) {
				t.content.fullHeight = t.content.offsetHeight;
				t.content.height = 0;
				t.content.style.height = '0px';
				t.style.cursor = 'pointer';
				t.removeAttribute('href');
			}
			t.onclick = this.tabClick;
		}
	}
	
	this.tabClick = function(e, element) {
		if(element == null) element = this;
		if(self.animating || element.content == null) return false;
	
		if(self.activeTab && self.activeTab != element) 
		{
			self.nextTab = element;
			self.animating = true;
			self.rad = -(Math.PI / 2);
			document.body.style.minHeight = (homepage.util.getDocHeight()) + 'px';			
			self.AnimHideTab();
		} 
		else if (!self.activeTab)
		{
			self.nextTab = element;
			self.animating = true;
			self.rad = 0;
			self.AnimShowTab();
		}
		return false;
	}
	
	this.AnimHideTab = function() {
		self.rad = self.rad + (Math.PI / 40);
		var h = self.activeTab.content.fullHeight * (1 - Math.cos(self.rad));
		self.activeTab.content.style.height = Math.round(h) + 'px';
		
		if(Math.round(h) == 0) self.AnimShowTab();
		else setTimeout(self.AnimHideTab, 10);
	}
	
	this.AnimShowTab = function() {
		
		self.rad = self.rad + (Math.PI / 40);
		var h = self.nextTab.content.fullHeight * (1 - Math.cos(self.rad));
		self.nextTab.content.style.height = Math.round(h) + 'px';
		
		if(Math.round(h) == self.nextTab.content.fullHeight) 
		{
			document.body.style.minHeight = '0px';	
			self.activeTab = self.nextTab;
			self.animating = false;
			
		} 
		else setTimeout(self.AnimShowTab, 10);
	}
	
	if(this.tabs != null) if(this.tabs.length > 0) this.init();
}

homepage.util = {
	getBodySize: function() {
		return { w: Math.max(Math.max((window.innerWidth ? window.innerWidth : 0), (document.documentElement ? document.documentElement.clientWidth : 0)), 

(document.body ? document.body.clientWidth : 0)),
				 h: Math.max(Math.max((window.innerHeight ? window.innerHeight : 0), (document.documentElement ? document.documentElement.clientHeight : 0)), 

(document.body ? document.body.clientHeight : 0)) };
	},
	getWindowSize: function() {
		if (window.innerHeight) return { w: self.innerWidth, h: self.innerHeight }
		if (document.documentElement && document.documentElement.clientHeight) return {w: document.documentElement.clientWidth, h: 

document.documentElement.clientHeight }
		if (document.body) return { w: document.body.clientWidth, h: document.body.clientHeight }
	},
	getDocHeight: function() {
		var D = document;
		return Math.max(
			Math.max(D.body.scrollHeight, D.documentElement.scrollHeight),
			Math.max(D.body.offsetHeight, D.documentElement.offsetHeight),
			Math.max(D.body.clientHeight, D.documentElement.clientHeight)
		) - (navigator.appName.indexOf('webkit') > -1 ? 0 : 12) - (navigator.appName.toLowerCase().indexOf('microsoft') > -1 ? 25 : 0);
	}
}

homepage.dimmer = function() {
	var self = this;
	this.callBack = null;
    this.init = function() {
		this.dimmer = document.createElement('div');
		this.dimmer.style.background = 'black';
		this.dimmer.style.position = 'absolute';
		this.dimmer.style.left = this.dimmer.style.top = '0';
		this.dimmer.style.display = 'none';
		this.opacity = 0;
		this.setOpacity();
		document.body.appendChild(this.dimmer);
		homepage.addEvent(window, 'resize', self.setSize);
    }
    
    this.setSize = function() {			
		if(self.dimmer.style.display != 'none') {
			var s = homepage.util.getBodySize();
			self.dimmer.style.width = (s.w) + 'px';
			self.dimmer.style.height = ((s.h > document.body.scrollHeight ? s.h : document.body.scrollHeight) + 1) + 'px';
		}
    }
    
    this.setOpacity = function() {
    	if(navigator.appName.toLowerCase().indexOf('microsoft') > -1) this.dimmer.style.filter = 'alpha(opacity=' + Math.round(this.opacity * 100) + ')';
		this.dimmer.style.opacity = this.opacity;
		this.dimmer.style.MozOpacity = this.opacity;
	}
	
	this.dim = function() {
		self.opacity += 0.1;
		self.setOpacity();
		if(self.opacity < 0.5) setTimeout(self.dim, 10);
		else if (self.callBack != null) self.callBack();
    }
    
    this.undim = function() {			
		self.opacity -= 0.2;
		if(self.opacity < 0) self.opacity = 0;
		self.setOpacity();
		if(self.opacity > 0) setTimeout(self.undim, 10);
		else self.dimmer.style.display = 'none';
    }
    
    this.hide = function() {
		this.setSize();
		this.undim();
		this.dimmer.onclick = null;
		this.callBack = null;
    }
    this.show = function() {
		this.dimmer.style.display = 'block';
		this.setSize();
		this.dim();
    }
    this.init()
}	


