// JavaScript Document

function SlideMenu($button, $menu) {
	this.$button = $button;
	this.$menu = $menu;
	this.timeout = 250;
	this.timer = null;
	
	var _this = this;
	
	this.$button.click(function() {
		_this.openMenu();
		return false;
	});
	this.$button.mouseenter(function() {
		_this.openMenu();
		_this.stopTimer();
	});
	this.$button.mouseleave(function() {
		_this.startTimer();
	});
	
	this.$menu.mouseenter(function() {
		_this.stopTimer();
	});
	this.$menu.mouseleave(function() {
		_this.startTimer();
	});
}

SlideMenu.prototype.openMenu = function() {
	this.$menu.slideDown("medium");
	this.$button.addClass("active");
	return false;
};

SlideMenu.prototype.closeMenu = function() {
	this.$menu.slideUp("medium");
	this.$button.removeClass("active");
};

SlideMenu.prototype.startTimer = function() {
	var _this = this;
	
	this.timer = setTimeout(function() { _this.closeMenu(); }, this.timeout);
};

SlideMenu.prototype.stopTimer = function() {
	clearTimeout(this.timer);
};

$(document).ready(function(){

	var businessSlideMenu = new SlideMenu($(".business"), $("#businesspanel"));
	var residentialSlideMenu = new SlideMenu($(".residential"), $("#residentialpanel"));
	var techTipsSlideMenu = new SlideMenu($(".techtips"), $("#techtipspanel"));
	
	$("a.fancy").fancybox({ 'hideOnContentClick': true }); 
	$("a.group").fancybox({ 'zoomSpeedIn': 300, 'zoomSpeedOut': 300, 'overlayShow': true });
	
});