window.addEvent('domready', function(){

	// Login
	if($('loginButton')){
		$('loginButton').addEvent('click', function(){
			showLoginBox();
		});
	}
	
	//if close login box
	if($('closeLoginBox')){
		$('closeLoginBox').addEvent('click', function(){
			$('loginBoxOuter').setStyle('display','none');
			$('loginOverlay').setStyle('display','none');
		});
	}
	
	//if login box, center it
	if($('loginBoxOuter')){
		var box = $('loginBoxOuter');
		var win = window.getCoordinates();
		var cor = box.getCoordinates();
		
		box.setStyle('top', (win.height / 2) - (cor.height / 2));
		box.setStyle('left', (win.width / 2) - (cor.width / 2));
	}
	

	// Menu Hover
	LIs = $$('.nav li');
	LIs.each(function(li){
		li.addEvent('mouseover', function(){
			li.addClass('hover');
		});
		li.addEvent('mouseout', function(){
			li.removeClass('hover');
		});
	});
	

	// Products popup
	/*$('our_products').addEvent('mouseover', function(){
		$('productsPopup').setStyle('display','block');
	});
	$('our_products').addEvent('mouseout', function(){
		$('productsPopup').setStyle('display','none');
	});*/
	
	$('productsPopup').setStyle('opacity', 0);
	$('productsPopup').setStyle('display', 'block');
	var menuFade = new Fx.Tween($('productsPopup'), {duration: 150, transition: Fx.Transitions.Sine.easeInOut});		
	$('our_products').addEvents({
		
		'mouseover': function(){
			menuFade.cancel();
			menuFade.start('opacity', 1);
		},
		'mouseleave': function(){
			menuFade.cancel();
			menuFade.start('opacity', 0);
		}
	});
	
	$('productsPopup').addEvents({
		
		'mouseover': function(){
			menuFade.cancel();
			menuFade.start('opacity', 1);
		},
		'mouseleave': function(){
			menuFade.cancel();
			menuFade.start('opacity', 0);
		}
	});
	
	
	
	
	// Add to Cart button text change
	if($('addToCartButton')){
		$('addToCartButton').addEvent('click', function(){
			setTimeout(resetButton,500);
		});
	}

});


// Resets the add to cart button
function resetButton(){
	$('addToCartButton').value = 'Add to Cart';	
}


function showLoginBox(){
	$('loginBoxOuter').setStyle('display','block');
	$('loginOverlay').setStyle('display','block');
	$('cradle_LoginUsernameField').focus();
	var box = $('loginBoxOuter');
	var win = window.getCoordinates();
	var cor = box.getCoordinates();
	
	box.setStyle('top', (win.height / 2) - (cor.height / 2));
	box.setStyle('left', (win.width / 2) - (cor.width / 2));
}