window.addEvents({

	'domready': function(){
	
		// prepare tween (IE bug)
		$$('.item').each(function(el){
		
			// tween
			el.tween('left', 0);
			
		});
	
		// init power dots
		initPowerDots();
		
		// step powerdots
		stepPowerDots.periodical(100);
		
		// check javascript
		(function(){ 
		
			// check if javascript url's are enabled
			var hashIndex = (window.location + "").indexOf('/#/');
			if(hashIndex == -1){
		
				// get current location
				var current_location = (window.location + "").split('/');
				
				// check
				if(current_location[current_location.length - 1].substr(current_location[current_location.length - 1].length - 5, 5) == ".html"){
				
					window.location = "/#/"+current_location[current_location.length - 1];
				
				}
				
			}else{
			
				// get page
				var current_page = ((window.location + "").substr(hashIndex + 3)).replace('.html', '');
				
				// check
				if(current_page.length > 0){
				
					// open
					openAlterPage(pageTitles[current_page]);
				
				}
			
			}
		
			// get al links
			$$('a').each(function(el){
			
				// check if there is an onclick
				if(el.onclick){
			
				
					// set links to javascript version
					el.href = "javascript:;";
					
				}
			
			});
			
		
		})();
		
		// remove background
		$('site').setStyle('background-image', 'none');
		
		// prepare alternate message box
		$('alternateMessage').fade('hide');
		
		

	}
	
});

// power dots
var powerDots = [

	[0,  310, 123, 0],
	[1,  310, 156, 1],
	[2,  310, 189, 2],
		[3,  343, 156, 2],
	[4,  310, 222, 3],
			[5,  376, 156, 3],
				[6,  409, 156, 4],
				[7,  409, 189, 5],
				[8,  409, 222, 6],
				[9,  409, 255, 7],
				[10, 409, 288, 8],
				[11, 409, 321, 9],
				[12, 409, 354, 10],
					[15, 442, 354, 11],
						[16, 475, 354, 12],
							[17, 508, 354, 13],
				[13, 409, 387, 11],
				[14, 409, 420, 12],						
							[18, 508, 387, 14],
							[19, 508, 420, 15],
							[20, 508, 453, 16],
							[21, 508, 486, 17],
								[25, 541, 453, 17],
									[26, 574, 453, 18],
										[27, 607, 453, 19],
										[27, 607, 486, 20],
										[28, 607, 519, 21],
							[22, 508, 519, 18],	[29, 607, 552, 22],
							[23, 508, 552, 19, 1],	[30, 607, 585, 23, 1],
							[24, 508, 585, 20, 1],	[31, 607, 618, 24, 1],
						[25, 475, 585, 21, 1],		[32, 607, 651, 25, 1],
					[36, 475, 618, 22, 1],			[33, 607, 684, 26, 1],
					[36, 475, 651, 23, 1],			[34, 607, 717, 27, 1],
					[36, 475, 684, 24, 1],			
				[36, 442, 684, 25, 1],				
				[36, 442, 717, 26, 1],			[36, 574, 717, 28, 1],
									[36, 541, 717, 29, 1],
				[36, 442, 750, 27, 1],		[36, 541, 750, 30, 1],
				[36, 442, 783, 28, 1],
					[36, 475, 783, 29, 1],
						[36, 508, 783, 30, 1],
							[36, 541, 783, 31, 1],

], powerDotI = [], powerStep = 0, maxSteps = 50;

// variables
var currentScroll = {'x': 0, 'y': 0}, itemsHidden = false, openedAlter;
var pageUrls = {
		"notAvailable": "niet-beschikbaar",
		"quotation": "offerte",
		"copyrights": "copyrights",
		"framework": "framework"
	},
    pageTitles = {
    	"niet-beschikbaar": "notAvailable",
    	"offerte": "quotation",
    	"copyrights": "copyrights",
    	"framework": "framework"
    };

// functions
var initPowerDots = function(){
	
	// create power dot div
	var powerDotDiv = new Element('div', {id: 'powerDots'})
	
	powerDotDiv.addEvent('click', function(event){
	
		var coords = this.getCoordinates();
	
	});

	// create power dot div
	$('site').grab(powerDotDiv, 'top');
	
	// create power dots
	for(var i = 0; i < powerDots.length; i++){
	
		// create element
		powerDotI[i] = new Element('div', {id: 'powerDot_'+i});
		//powerDotI[i].set('text', powerDots[i][0]);
	
		// set styles
		powerDotI[i].setStyles({'left': powerDots[i][1], 'top': powerDots[i][2]});
		powerDotI[i].addClass('powerDot');
			
		// adopt
		powerDotDiv.adopt(powerDotI[i]);
	
	}

},
stepPowerDots = function(){

	// remove active power dots
	$$('.powerDot').each(function(el){
	
		// remove class
		el.removeClass('active');
	
	});
	
	// add class to new active power dots
	for(var i = 0; i < powerDots.length; i++){
		
		// check if active
		if(powerDots[i][3] == powerStep){
		
			// set active
			$('powerDot_'+i).addClass('active');
		
		}
	
	}
	
	// update powerStep
	powerStep++;
	
	// check powerStep
	if(powerStep > maxSteps){
	
		// reset powerStep
		powerStep = 0;
	
	}

},
hideItems = function(){

	// safe current scroll
	currentScroll = window.getScroll();

	// scroll up
	var scrollFx = new Fx.Scroll(window);
	scrollFx.toTop();

	// pointer
	var i = 0;
	
	// loop items
	$$('.item').each(function(el){

		// tween
		el.tween('left', ((i % 2 == 0) ? -3000 : 3000));
		
		// hide
		(function(){ this.setStyle('display', 'none'); }).delay(500, el);
		
		// pointer
		i++;
		
	});
	
	// loop powerdots
	for(var i = 0; i < powerDots.length; i++){
		
		// check for need to disable
		if(powerDots[i][4] == 1){
		
			// set disabled
			$('powerDot_'+i).addClass('disabled');
		
		}
	
	}
	
	// items are hidden
	itemsHidden = true;

},
setAlternateMessage = function(HTML){

	// set
	$('alternateMessage_content').set('html', HTML);

},
showAlternateMessage = function(){

	// get element
	var el = $('alternateMessage');
	
	// set fade
	el.setStyle('display', 'block');
	el.fade('in');

},
resetItems = function(){

	// set location
	window.location = "#/";

	// get element
	var ela = $('alternateMessage');

	// set fade
	ela.fade('out');

	// loop items
	(function() { 
	
		$$('.item').each(function(el){
		
			// show
			el.setStyle('display', 'block');
		
			// tween
			el.tween('left', 0);
			
		});
		
		// hide alternate message
		$('alternateMessage').setStyle('display', 'none');
		
		// scroll back
		var scrollFx = new Fx.Scroll(window);
		scrollFx.start(currentScroll.x, currentScroll.y);
		
		// items are hidden
		itemsHidden = false;
		
		// current item
		openedAlter = null;
		
		// reset currentScroll
		currentScroll = {'x': 0, 'y': 0};
		
		(function(){
		
			// loop powerdots
			for(var i = 0; i < powerDots.length; i++){
				
				// check for need to disable
				if(powerDots[i][4] == 1){
				
					// set disabled
					$('powerDot_'+i).removeClass('disabled');
				
				}
			
			}
			
		}).delay(500);
		
	
	}).delay(500);
	

},
openAlterPage = function(w){

	// set location
	window.location = "#/"+pageUrls[w]+".html";

	// check already poened
	if(openedAlter == w){
		return false;
		
	}

	// check if items are hidden
	if(itemsHidden != true){
	
		// hide items
		hideItems();
		
	}else{
	
		// fade out
		$('alternateMessage').fade('out');
	
	}
	
	(function(){
	
		// set alternat message
		setAlternateMessage($(w).get('html'));
		
		// show message box
		showAlternateMessage();
		
		// save opened
		openedAlter = w;
		
	}).delay(itemsHidden == true ? 500: 0);
}