window.addEvent('domready', function(){
// INITIALISATION
$('wait-nojs').setStyle('display','none');
$('wait-tool').setStyle('display','block');

/* ACCESSIBILITY */
var showTable = $('showTable');
var showTool = $('showTool');

// SHOW DATA TABLE - HIDES TOOL
showTable.addEvent('click', function(z) {
	z.stop();
	$('wait-nojs').setStyle('display','block');
	$('wait-tool').setStyle('display','none');
	$('showTool').setStyle('display','block');
});

// SHOW TOOL - HIDES TABLE
showTool.addEvent('click', function(c) {
	c.stop();
	$('wait-nojs').setStyle('display','none');
	$('wait-tool').setStyle('display','block');
	this.setStyle('display','none');
});



// GLOBAL VARIABLES
var infoBlocks = $$('div.info-block');
var infomationBlocks = $('full-blocks');
var selectTh = $$('div#wait-tool th');
var selectBox = $$('.select-box');
var selectBoxLink = $$('.select-box a');
var optionsPanel = $$('.select-box ol');
var option = $$('.select-box li');

// INJECTABLE ELEMENTS
var errorMessage = new Element('div', {
	'id':'error', 
	'html':'<p style="color: #FFF;padding: 10px; ">There are no results that match your criteria. You may now wish to seek specialist advice or alternatively reset the tool and try again.</p>',
	'style':'background-color: #333333; color: #FFF; width: 100%; clear: both; float: left; margin-bottom: 20px'
});

// TABLE CELL HIGHLIGHTING

selectTh.addEvents({
    'mouseenter': function(){
		this.morph({'background-color':'#A70833'});
/*		var hasEm = this.getChildren('em.holder');
		if(hasEm == 0){
				//alert('NONE');
			}else{
				this.getChildren('div.select-box').setStyle('display','block');
				$$('.select-box').fade('in');
				hasEm.destroy();
			};
*/    },
    'mouseleave': function(){
		this.morph({'background-color':'#333333'});
	}
});

// SELECT BOX DEFAULT FUNCTIONALITY
// MORPHS OPEN OL ON CLICK
selectBoxLink.addEvent('click', function(e) {
	e.stop();
	var parentItem = this.getParent('div.select-box');
	var thisOptions = parentItem.getChildren('ol');
	thisOptions.setStyles({'height': '180px', 'overflow': 'visible'});
});
// MORPHS OPEN OL ON CLICK
var defaultSelect = $$('div.select-box span em');
defaultSelect.addEvent('click', function(g){
	g.stop();
	var parentItem = this.getParent('div.select-box');
	var thisOptions = parentItem.getChildren('ol');
	thisOptions.setStyles({'height': '180px', 'overflow': 'visible'});
});							
	
// MORPHS CLOSED OL ON LEAVE + SETS TH TO GREY
selectBox.addEvent('mouseleave', function(){
		var thisOptions = this.getChildren('ol');
		thisOptions.setStyles({'height': '0px', 'overflow': 'hidden'});
		$$('div#wait-tool th').setStyle( 'background-color', '#333333');
});
// SETS OPTION ITEM BG COLOUR + SETS TH TO GREY
option.addEvents({
    'mouseover': function(){
		this.setStyle('background-color','#CFCFCF');
    },
    'mouseleave': function(){
		this.setStyle('background-color','#FFFFFF');
    },
	'click': function(){
		var thisParent = this.getParent('ol');
		thisParent.setStyles({'height':'1px','overflow':'hidden'});
		$$('div#wait-tool th').setStyle( 'background-color', '#333333');
		var thisContent = this.get('text');
		var thisSelect = this.getParent('div.select-box');
		var thisEm = new Element('em',{'class':'holder'});
		thisEm.inject(thisSelect, 'after');
		thisEm.set('text', thisContent);
		thisSelect.setStyle('display','none');
		$('info-blocks').setStyles({'display':'block','overflow':'visible','height':'auto'});
		var emptyInfo = $$('div.info-block');
		var emptyInfoStatus = emptyInfo.getStyle('display');
		if(emptyInfoStatus == 'none,none,none,none,none,none,none,none,none,none,none'){
			var errorMessage = new Element('div', {
				'id':'error', 
				'html':'<p style="color: #FFF;padding: 10px; ">There are no results that match your criteria. You may now wish to seek specialist advice or alternatively reset the tool and try again.</p>',
				'style':'background-color: #333333; color: #FFF; width: 100%; clear: both; float: left; margin-bottom: 20px'
			});
			errorMessage.inject($('wait-tool'), 'after');
			selectBox.fade('out');
		};
	}
});

// TOOL RESET AND SHOW ALL DATA BUTTONS
// REFRESHES THE PAGE

$('reset').addEvent('click', function(event) {
		event.stop();
		$('info-blocks').setStyles({'height': '1px', 'overflow': 'hidden'}); 
		$$('.info-block').setStyle('display','block');
		$$('div.select-box').setStyle('display','block');
		$$('.select-box').fade('in');
		if($('error')){$('error').destroy()};
		var emStorage = $$('th em.holder');
		emStorage.destroy();
		var resetBtn = $('showAll');
		var resetParent = resetBtn.getParent('li');
		resetParent.fade('in');
});

// FADES BLOCKS OUT + FADES SELECTS OUT + FADES ITSELF OUT + SHOWS FULL BLOCK DIV
$('showAll').addEvent('click',function(event){
	event.stop();
	$$('.select-box').fade('out');
	var resetParent = this.getParent('li');
	resetParent.fade('out');
	$('info-blocks').setStyles({'display':'block','overflow':'visible','height':'auto'});
	$$('.info-block').setStyle('display','block');
});


// INFOBLOCK VARIABLES
var fs = $('fs');
var ms = $('ms');
var msmu = $('msmu');
var mssu = $('mssu');
var mbmu = $('mbmu');
var mbsu = $('mbsu');
var ps = $('ps');
var ll = $('ll');
var sl = $('sl');
var tr = $('tr');
var hu = $('hu');

// Height of working platform - 0 to 1.5 m - 
// keeps hop up, trestle, podium steps, step ladder, leaning ladder, mobile access tower

$('howp1').addEvent('mousedown', function(){
//	fs.setStyle('display','none');
	msmu.setStyle('display','none');
	mssu.setStyle('display','none');
	mbmu.setStyle('display','none');
	mbsu.setStyle('display','none');
});

// Height of working platform - 1.5 to 6m
// keeps podium steps, step ladder, leaning ladder, mobile access tower, fixed scaffold, MEWP scissor (single user) , MEWP single (multi user), MEWP Boom (single user), MEWP Boom (multi user) 
$('howp2').addEvent('click', function(){
	tr.setStyle('display','none');
	hu.setStyle('display','none');
});

// Height of working platform - 
// keeps mobile access tower, fixed scaffold, MEWP scissor (single user) , MEWP single (multi user), MEWP Boom (single user), MEWP Boom (multi user)
$('howp3').addEvent('click', function(){
	ps.setStyle('display','none');
	ll.setStyle('display','none');
	sl.setStyle('display','none');
	tr.setStyle('display','none');
	hu.setStyle('display','none');
});


// Work activity - Light
$('wd2').addEvent('click', function(){
	ps.setStyle('display','none');
	ll.setStyle('display','none');
	sl.setStyle('display','none');
	hu.setStyle('display','none');
});
// Work activity - Heavy
$('wa1').addEvent('click', function(){
	msmu.setStyle('display','none');
	mssu.setStyle('display','none');
	mbmu.setStyle('display','none');
	mbsu.setStyle('display','none');
//	ms.setStyle('display','none');
	ps.setStyle('display','none');
	tr.setStyle('display','none');
	sl.setStyle('display','none');
	hu.setStyle('display','none');
	ll.setStyle('display','none');
});
// Work activity - Medium
$('wa2').addEvent('click', function(){
	ps.setStyle('display','none');
	ll.setStyle('display','none');
	sl.setStyle('display','none');
	hu.setStyle('display','none');
});
// Freestanding - Yes
$('fr1').addEvent('click', function(){
	ll.setStyle('display','none');
	fs.setStyle('display','none');
});
// Access Width Required - Not much apace (there isn't much space near the job)
$('aw2').addEvent('click', function(){
	msmu.setStyle('display','none');
	mbmu.setStyle('display','none');
	mbsu.setStyle('display','none');
});
// Time between equipment movements - Less than 30 minutes
$('tbem1').addEvent('click', function(){
	tr.setStyle('display','none');
//	fs.setStyle('display','none');
});

});