var nextCalled = false;
var currentPage = 'home';
var eventsItems = [
	{
		name: 'Wireless Microphones',
		min: 0,
		max: 3,
		price: 5
	},
	{
		name: 'Haze/Fog (improves lighting effects)',
		min: 0,
		max: 1,
		price: 20
	},
	{
		name: 'Disco Lighting',
		min: 0,
		max: 1,
		price: 30
	},
	{
		name: 'Music System & DJ, per hour',
		min: 2,
		max: 10,
		price: 25
	}
]

function dimNav(nodim) {
  nextCalled = true;
  $$('.navlink').setStyle('opacity','0.5');
  nodim.setStyle('opacity','1');
}

function restoreNav() {
  if (nextCalled == false) {
    $$('.navlink').setStyle('opacity','1');
  }
}

function setEvents() {
		var tempItems = [];
		
		//add items to list
		eventsItems.each(function(ei){
			item = new Element('li', {
				'class': 'item',
			}).setHTML(ei.name);
			item.qty = ei.min;
			item.min = ei.min;
			item.max = ei.max;
			item.name = ei.name;
			item.price = ei.price;
			item.total = ei.min * ei.price;
			item.plus = function(num){
				if ((this.qty + num >= this.min) && (this.qty + num <= this.max)) {
					this.qty = this.qty + num;
					this.getElement('span.qty').setHTML(this.qty);
					this.getElement('span.price').setHTML('&pound;' + (this.qty * this.price).toFixed(2));
					this.total = this.qty * this.price;
					alltotal = 0;
					eventsItems.each(function(i){
						alltotal = alltotal + i.total;
					})
					$('total').setHTML('&pound;' + alltotal.toFixed(2));
				}
			}
			new Element('a', {
				'class': 'minus',
				href: '#',
				events: {
					click: function(e){
						e = new Event(e)
						e.stop();
						this.getParent().plus(-1)
					}
				}
			}).injectBefore(new Element('span', {
				'class': 'qty'
			}).setHTML(item.min).injectBefore(new Element('a', {
				'class': 'plus',
				href: '#',
				events: {
					click: function(e){
						e = new Event(e)
						e.stop();
						this.getParent().plus(1)
					}
				}
			}).injectBefore(new Element('span', {
				'class': 'price'
			}).setHTML('&pound;' + (item.min * item.price).toFixed(2)).injectTop(item))));
			item.injectTop($('items'));
			tempItems.push(item);
		});
		eventsItems = tempItems;
}


window.addEvent('domready', function (a) {
  $$('.navlink').addEvents({
    mouseover: function() {dimNav(this)},
    mouseout: function() {
      nextCalled = false;
      restoreNav.delay(200);
    }
  });
});