var MY_TABKEY = {
	blankImage:'images/b.gif',
	width:800,
	height:25,
	spacing:00,
	normal:{
		middle:'<table cellspacing="0" cellpadding="0" border="0" style="height: 25px; font: 9pt Verdana, sans-serif; background-color: #758454; color: black;"><td style="padding: 0 30px;">{text}</td></table>'
	},
	active:{
		middle:'<table cellspacing="0" cellpadding="0" border="0" style="height: 25px; font: 9pt Verdana, sans-serif; background-color: #232819; color: white;"><td style="padding: 0 30px;">{text}</td></table>'
	},
	rollovered:{
		middle:'<table cellspacing="0" cellpadding="0" border="0" style="height: 25px; font: 9pt Verdana, sans-serif; background-color: #232819; color: white;"><td style="padding: 0 30px;">{text}</td></table>'
	},
	items:[
		{text:'Receptions & Ceremonies', url:'receptions.html', re:/receptions.html/},
		{text:'Catering', url:'catering.html', re:/catering.html/},
		{text:'Photo Gallery', url:'gallery.html', re:/gallery.html/},
		{text:'Resources', url:'resources.html', re:/resources.html/},
		{text:'Testimonials', url:'testimonials.html', re:/testimonials.html/}
	],
	dynamics:{
		init:function (items, stage, itemIndex) {
			if (stage == STAGE_ONMOUSEOVER)
				items[itemIndex].targetTop = -2;
			else if (stage == STAGE_ONMOUSEOUT)
				items[itemIndex].targetTop = 0;
			else if (stage == STAGE_INIT) {
				for (var i in items) {
					items[i].targetTop = 0;
					items[i].top = 0;
				}
			}
		},
		step:function (items) {
			var left = 0, delay = 0;

			for (var i in items) {
				items[i].left = left;
				left += items[i].width + this.definition.spacing;
				if (items[i].isActive)
					;
				else if (items[i].targetTop > items[i].top) {
					items[i].top++;
					delay = 50;
				} else if (items[i].targetTop < items[i].top) {
					items[i].top--;
					delay = 50;
				}
			}

			return delay;
		}
	}
};

GenerateTabkey(MY_TABKEY);
