﻿var SubCategoryPopupTimeout = null;
var SubCategoryHidingPopup = null;


var SubCategoryPopupRules = {
	"div.sub-category-popup": function(el) {
		el.onmouseover = function(ev) {
			el = $(el);
			el.setStyle({ display: 'block' });
			clearTimeout(SubCategoryPopupTimeout);
		},
		el.onmouseout = function(ev) {
			ev = ev || window.event;
			el = $(el);
			if (Event.pointerX(ev) > el.positionedOffset().left && Event.pointerX(ev) < el.positionedOffset().left + el.getDimensions().width && Event.pointerY(ev) > el.positionedOffset().top && Event.pointerY(ev) < el.positionedOffset().top + el.getDimensions().height) {
				//alert('inside');
			} else {
				SubCategoryHidingPopup = el;
				SubCategoryPopupTimeout = setTimeout("SubCategoryPopup.HidePopup();", 10);
				
			}

			Event.stop(ev || window.event);
		}
	}
}

var SubCategoryPopup = {
	"HidePopup" : function() {
		SubCategoryHidingPopup.setStyle({ display: 'none' });
		SubCategoryHidingPopup = null;
	}
}

Behaviour.register(SubCategoryPopupRules);



var SubCategoryPopupRolloverRules = {
	"div.sub-category-popup div.listing ul li a": function(el) {
		el.onmouseover = function(ev) {
			el = $(el);
			el.addClassName('highlighted');
		},
		el.onmouseout = function(ev) {
			el = $(el);
			el.removeClassName('highlighted');
			Event.stop(ev || window.event);

		}
	}
}

Behaviour.register(SubCategoryPopupRolloverRules);
