addLoadEvent(function () {
	productPanelsHoverAndClick();
});

// Manage hover and click behaviour of product panels on product pages
function productPanelsHoverAndClick() {
	var primaryContent = $('primaryContent');
	var primaryContentDivs = primaryContent.getElementsByTagName('div');
	var productPanels = [];

	// Loop through primaryContent divs, pushing any product panel divs into productPanels array
	for (var i = 0; i < primaryContentDivs.length; i++) {
		if (hasClass(primaryContentDivs[i], 'products_panel')) {
			productPanels[productPanels.length] = primaryContentDivs[i];
		}
	}

	// Loop through productPanels
	for (i = 0; i < productPanels.length; i++) {

		// Add 'products_panelHover' class when product panels are moused over
		productPanels[i].onmouseover = function () {
			addClass(this, 'products_panelHover');
		}

		// Remove 'products_panelHover' class when product panels are moused off of
		productPanels[i].onmouseout = function () {
			removeClass(this, 'products_panelHover');
		}

		// Bring user to product page when panel is clicked
		productPanels[i].onclick = function () {
			window.location = this.getElementsByTagName('a')[0].getAttribute('href');
		}
	}
}