/*

	js/hpc.js
	
	Purpose:
	Drives the javascript for the site
	
	Created:
	Wednesday 2nd June 2010
	
	Created By:
	Andi Topping


*/

window.addEvent('domready',function() {
	
	//$('innercontainer').setStyle('height',$(document.body).getSize().y - 200);			

	// sort out height of innercontainer
	window.addEvent('resize', function(){
		$('innercontainer').setStyle('height',$(document.body).getSize().y - 200);			
	});	

	window.fireEvent('resize');

	// main nav
	$$('ul#main li')
	.addEvent('mouseenter',function(){
		this.setStyle('cursor','pointer');
		if(!this.hasClass('selected')) { 
			this.addClass('hover');
		}
	})
	.addEvent('mouseleave',function(){
		this.removeClass('hover');
	});
		
	/* subnav in right col
	$$('ul#subnav li')
	.addEvent('mouseenter',function(){
		this.setStyle('cursor','pointer');
		if(!this.getElement('span').hasClass('hover')) { 
			this.getElement('span').addClass('hover');
		}
	})
	.addEvent('mouseleave',function(){
		this.getElement('span').removeClass('hover');
	})
	.addEvent('click',function(){
		location.href = this.getElement('a').getProperty('href');			

	});
	
	*/
	
	if($('photo')) {
		$$('#innercontainer div#promo div#photo img').setStyle('opacity',0);
		$('p-1').setStyle('opacity',1).addClass('selected');
	
		// hover over of numbers
		$$('ul.ethos li')
		.addEvent('mouseenter',function(a){
	
			// stop the promo if mouse clicked
			if (a) $clear(runPromo);
	
			$$('ul.ethos li').removeClass('hover');
			this.addClass('hover');
			this.setStyle('cursor','pointer');
			
			$$('div#photo img').removeClass('selected').each(function(el){
				if (el.getStyle('opacity') == 1){
					el.tween('opacity', 0);
				}
			});
			
			$('p-'+this.get('id')).setStyles({
				'display':'block',
				'opacity': 0
			}).addClass('selected')
			.tween('opacity', 1);
	
		});
		
	    // run promo bar rotator
		if($('promo')) var runPromo = promo.periodical(3000);
		if($('promo')) { $('promo').getElement('ul.ethos li').fireEvent('mouseenter'); }

	}
	
});	

// function to run promo bar
var promo = function(){

	var el = $('promo').getElement('ul.ethos li.hover');
	var count = el.getAllPrevious('li').length + 2;
		
	if (count == 6){
		count = 1;
	}
	
	//alert(count);

	$$('ul.ethos li#'+count).fireEvent('mouseenter');
	
}