var productScroller = null;

window.addEvent('domready', function() {
	var productImages = $$('div[id^=productImage]');
	var menuMaxItems = 5;
	
	if (productImages.length > 0) {
		productImages.setStyle('display', 'none');
		productImages[0].setStyle('display', 'block');
	}
	
	if ($('leftArrow')) {
		$('leftArrow').setStyle('display', 'none');
		if ($$('.product').length <= 3) {
			$('rightArrow').setStyle('display', 'none');
		} else {
			$('leftArrow').addEvent('click', function() {
				scrollProducts('left');
				$('leftArrow').setStyle('display', 'none');
				$('rightArrow').setStyle('display', 'block');
			});	
			
			$('rightArrow').addEvent('click', function() {
				scrollProducts('right');
				$('rightArrow').setStyle('display', 'none');
				$('leftArrow').setStyle('display', 'block');
			});	
			
			window.addEvent('keydown', function(event) {
				event = new Event(event);
				if (event.key == 'left') {
					event.stop();
					scrollProducts('left');
					$('leftArrow').setStyle('display', 'none');
					$('rightArrow').setStyle('display', 'block');
				}
				if (event.key == 'right') {
					event.stop();
					scrollProducts('right');
					$('rightArrow').setStyle('display', 'none');
					$('leftArrow').setStyle('display', 'block');
				}
			});
		}
	}
	
	var collapseIcons = $$('.icon-collapse');
	collapseIcons.each(function(item, key) {
		if (item.getStyle('display') == 'block') {
			item.addEvent('click', function(event) {
				event = new Event(event);
				event.stop();
				toggleMenu(this);
			});
		}
	});
});

function toggleMenu(item) {
	var ul = item.getNext('ul');
	var li = item.getParent();
	var parentContainer = li.getParent();
	var menuItems = parentContainer.getElements('li');
	if (li.hasClass('active')) {
		li.removeClass('active');
	} else {
		menuItems.removeClass('active');
		li.addClass('active');	
	}
	
}

function showProductImage(count) {
	var productImages = $$('div[id^=productImage]');
	
	productImages.setStyle('display', 'none');
	productImages[parseInt(count)].setStyle('display', 'block');	
}

function playProductVideo() {
	var productImages = $$('div[id^=productImage]');
	
	productImages.setStyle('display', 'none');
	$('productImage-video').setStyle('display', 'block');
}

function scrollProducts(direction) {
	if (productScroller == null) {
		productScroller = new Fx.Scroll($('product_aanbod'), {
			duration: 800
		});
	}	
	
	if (direction == 'left') {
		productScroller.toLeft();
	} else {
		productScroller.start(317, 0);
	}
}

function toggleDiv(id) {
	div = $(id);
	
	if (div.getStyle('display') == 'none') {
		div.setStyle('display', 'block');
	} else {
		div.setStyle('display', 'none');	
	}
}

function getUrlVar(key) {
	// Thanks to: http://snipplr.com/users/Roshambo/
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        if (hash[0] == key) {
        	return hash[1];	
        }
    }
    
    return '';
}

var directionsSet = false;
function onGDirectionsLoad() {
	if (!directionsSet) {
		$('route-table').setStyle('display', 'none');
		setDirections(decodeURIComponent(getUrlVar('route_from')), decodeURIComponent(getUrlVar('route_to')), 'nl_nl');
		directionsSet = true;
	} else {
		(function() {
			window.print();	
		}).delay(2500);
	}
}