function initPage()
{
	initFadeGallery();
	initInputs();
//	initBgChanger();
	initPopups();
	if(document.getElementById("gallery"))
		var gallery_1 = new slideGallery($('gallery'), $('btn-prev'), $('btn-next'), {duration: 3000, autoplay: false, width: 232});
	if(document.getElementById("gallery-2"))
		var gallery_2 = new slideGallery($('gallery-2'), $('btn-prev-2'), $('btn-next-2'), {duration: 3000, autoplay: false, width: 232});
	if(document.getElementById("gallery-3"))
		var gallery_3 = new slideGallery($('gallery-3'), $('btn-prev-3'), $('btn-next-3'), {duration: 3000, autoplay: false, width: 232});
	if(document.getElementById("gallery-4"))
		var gallery_4 = new slideGallery($('gallery-4'), $('btn-prev-4'), $('btn-next-4'), {duration: 3000, autoplay: false, width: 232});
	if(document.getElementById("gallery-3"))
		var gallery_5 = new slideGallery($('gallery-5'), $('btn-prev-5'), $('btn-next-5'), {duration: 3000, autoplay: false, width: 232});
}

function initPopups()
{
	var popup = document.getElementById('popup');
	var fader = document.getElementById('fader');
	var opener = document.getElementById('btn-subscribe');
	if(popup && fader && opener)
	{
		opener.onclick = function ()
		{
			/*
			fader.style.display = "block";
			popup.style.display = "block";
			fader.style.height = document.documentElement.scrollHeight+'px';
			popup.style.marginLeft = -popup.clientWidth/2 + 'px';
			*/
		}
		
		var btn_close = document.getElementById('close');
		btn_close.onclick = function ()
		{
			submitOtherVitals();
			/*
			fader.style.display = "none";
			popup.style.display = "none";
			*/
		}
		
		var btn_enter = document.getElementById('btn-enter');
		btn_enter.onclick = function ()
		{
			submitOtherVitals();
			/*
			fader.style.display = "none";
			popup.style.display = "none";
			*/
		}
		
		fader.onclick = btn_close.onclick;
	}
}

var slideGallery = new Class(
{
	Implements: [Options],
	options: {
    	duration: 10000,
		autoplay: true,
		width: 500
	},
	initialize: function(items, prev, next, options)
	{
		this.items = items;
		this.items_number = this.items.getElementsByTagName("li").length;
		this.prev = prev;
		this.next = next;
		this.current = 0;
		this.setOptions(options);
		this.items.fx = new Fx.Morph(this.items, {duration: 600});
		
		this.bound = { rotate: this.rotate.bind(this) }
		this.next.addEvent('click', function(){ this.play_next(); }.bind(this));
		this.prev.addEvent('click', function(){ this.play_prev(); }.bind(this));

		if(this.options.autoplay)
		{
			this.timer = this.bound.rotate.delay(this.options.duration);
		}
	},
	play_next: function()
	{
		this.items.fx.cancel();
		this.options.autoplay = false;
		if(++this.current>=this.items_number)
			this.current=0;
	
		this.items.fx.start({'margin-left': -this.current*this.options.width});
	},
	play_prev: function()
	{
		this.items.fx.cancel();
		this.options.autoplay = false;
		if(--this.current<0)
			this.current=this.items_number-1;

		this.items.fx.start({'margin-left': -this.current*this.options.width});
	},
	rotate : function()
	{
		if(this.options.autoplay)
		{
			if(++this.current>=this.items_number)
				this.current=0;
			this.items.fx.start({'margin-left': -this.current*this.options.width});
			this.timer = this.bound.rotate.delay(this.options.duration);
		}
	}
});

function initBgChanger()
{
	var today = new Date();
	var exp = new Date(today.getTime() + (365*24*60*60*1000));
	
	if(document.getElementById("city-nav"))
	{
		var bg_1 = document.getElementById("bg-everywhere");
		var bg_2 = document.getElementById("bg-new-york");
		var bg_3 = document.getElementById("bg-los-angeles");
		
		activeReset("city-nav");
		
		var bg = getCookie("tasting-table-bg");
		if(bg!=null)
		{
			document.body.className = bg;
			if(bg=="")
			{
				if(bg_1)
					bg_1.className = "active";
			}
			if(bg=="ny")
			{
				if(bg_2)
					bg_2.className = "active";
			}
			if(bg=="la")
			{
				if(bg_3)
					bg_3.className = "active";
			}
		}
		else
		{
			document.body.className = "";
			if(bg_1)
				bg_1.className = "active";
		}
		
		if(bg_1)
		{
			bg_1.onclick = function ()
			{
				document.body.className = "";
				activeReset("city-nav");
				if(document.getElementById("city-nav-2"))
				{
					activeReset("city-nav-2");
					document.getElementById("bg-everywhere-2").className = "active";
				}
				this.className = "active";
				setCookie("tasting-table-bg", "", exp.toGMTString(), "/");
			}
		}
		if(bg_2)
		{
			bg_2.onclick = function ()
			{
				document.body.className = "ny";
				activeReset("city-nav");
				if(document.getElementById("city-nav-2"))
				{
					activeReset("city-nav-2");
					document.getElementById("bg-los-angeles-2").className = "active";
				}
				this.className = "active";
				setCookie("tasting-table-bg", "ny", exp.toGMTString(), "/");
			}
		}
		if(bg_3)
		{
			bg_3.onclick = function ()
			{
				document.body.className = "la";
				activeReset("city-nav");
				if(document.getElementById("city-nav-2"))
				{
					activeReset("city-nav-2");
					document.getElementById("bg-new-york-2").className = "active";
				}
				this.className = "active";
				setCookie("tasting-table-bg", "la", exp.toGMTString(), "/");
			}
		}
	}
	
	if(document.getElementById("city-nav-2"))
	{
		var bg_1_2 = document.getElementById("bg-everywhere-2");
		var bg_2_2 = document.getElementById("bg-los-angeles-2");
		var bg_3_2 = document.getElementById("bg-new-york-2");
		
		activeReset("city-nav-2");
		
		var bg = getCookie("tasting-table-bg");
		if(bg!=null)
		{
			document.body.className = bg;
			if(bg=="")
			{
				if(bg_1_2)
					bg_1_2.className = "active";
			}
			if(bg=="ny")
			{
				if(bg_2_2)
					bg_2_2.className = "active";
			}
			if(bg=="la")
			{
				if(bg_3_2)
					bg_3_2.className = "active";
			}
		}
		else
		{
			document.body.className = "";
			if(bg_1_2)
				bg_1_2.className = "active";
		}
		
		if(bg_1_2)
		{
			bg_1_2.onclick = function ()
			{
				document.body.className = "";
				activeReset("city-nav-2");
				if(document.getElementById("city-nav"))
				{
					activeReset("city-nav");
					document.getElementById("bg-everywhere").className = "active";
				}
				this.className = "active";
				setCookie("tasting-table-bg", "", exp.toGMTString(), "/");
			}
		}
		if(bg_2_2)
		{
			bg_2_2.onclick = function ()
			{
				document.body.className = "ny";
				activeReset("city-nav-2");
				if(document.getElementById("city-nav"))
				{
					activeReset("city-nav");
					document.getElementById("bg-new-york").className = "active";
				}
				this.className = "active";
				setCookie("tasting-table-bg", "ny", exp.toGMTString(), "/");
			}
		}
		if(bg_3_2)
		{
			bg_3_2.onclick = function ()
			{
				document.body.className = "la";
				activeReset("city-nav-2");
				if(document.getElementById("city-nav"))
				{
					activeReset("city-nav");
					document.getElementById("bg-los-angeles").className = "active";
				}
				this.className = "active";
				setCookie("tasting-table-bg", "la", exp.toGMTString(), "/");
			}
		}
	}
}

function activeReset(ul)
{
	var city_nav = document.getElementById(ul);
	var as = city_nav.getElementsByTagName("a");
	for(var i=0; i<as.length; i++)
	{
		as[i].className = "";
	}
}

var slides;
var duration = 3000;
var all_slides = [];
var current;
function initFadeGallery()
{
	if(document.getElementById('fade-gallery'))
	{
		current = 0;
		all_slides = $$('#fade-gallery li');
		slides = all_slides.length;
		if(slides>1)
		{
			all_slides.setStyles({"position": "absolute", "top": 0, "left": 0, "opacity": 0})
			all_slides[0].setStyle("opacity", 1);
			for(var i=0; i<slides; i++)
			{
				all_slides[i].style.zIndex = slides-i;
			}
			setTimeout('rotate(' + 0 +')', duration);
		}
	}
}

function rotate(_index)
{
	all_slides[_index].fade(0);
	if(_index==slides-1)
		_index=-1;
	all_slides[++_index].fade(1);
	current = _index;
	setTimeout('rotate(' + _index + ')', duration);
}

function initInputs()
{
	var inputs = document.getElementsByTagName("input");
	for (var i=0; i<inputs.length; i++)
	{
		if (inputs[i].type == "text" && (inputs[i].name == "email"))
		{
			inputs[i].onfocus = function ()
			{
				if (this.value == "enter your email")
					this.value = "";
			}
			inputs[i].onblur = function ()
			{
				if (this.value == "" && this.name == "email") this.value = "enter your email";
			}
		}
	}
}

function setCookie(name, value, expires, path, domain, secure)
{
	document.cookie = name + "=" + escape(value) +
		((expires) ? "; expires=" + expires : "") +
		((path) ? "; path=" + path : "") +
		((domain) ? "; domain=" + domain : "") +
		((secure) ? "; secure" : "");
}

function getCookie(name)
{
	var cookie = " " + document.cookie;
	var search = " " + name + "=";
	var setStr = null;
	var offset = 0;
	var end = 0;
	if (cookie.length > 0) {
		offset = cookie.indexOf(search);
		if (offset != -1) {
			offset += search.length;
			end = cookie.indexOf(";", offset)
			if (end == -1) {
				end = cookie.length;
			}
			setStr = unescape(cookie.substring(offset, end));
		}
	}
	return(setStr);
}

if (window.addEventListener)
	window.addEventListener("load", initPage, false);
else if (window.attachEvent)
	window.attachEvent("onload", initPage);