$(function() {
	
	$('body').addClass('mocha');

	if ($.browser.msie) $('body').addClass('ie');
	
	if ($.browser.safari) $('body').addClass('safari');
	
	if ($.browser.firefox) $('body').addClass('gecko');
	if ($.browser.camino) $('body').addClass('gecko');
	if ($.browser.mozilla) $('body').addClass('gecko');
	if ($.browser.flock) $('body').addClass('gecko');
	if ($.browser.netscape) $('body').addClass('gecko');

	$('.tabs').tabs();
	
	$('input:text,input:password').addClass('text');
	$('input:checkbox,input:radio').addClass('checkbox');
	$('input:submit').addClass('submit');
	
	var centerBeaker = function() {
		//$('h1').css('margin-bottom', $('h1 img').height() * 1 - 100); 
		}

	//centerBeaker();
	//$(window).resize(centerBeaker);

	var positionReflection = function() {
		$('.reflection.curtain').css('top', $('.container').height() * 1 - 95); 
	}

	positionReflection();
	$(window).resize(positionReflection);

		var fadeOutSpeed = ($.browser.safari ? 950 : 900);
		var fadeInSpeed = ($.browser.safari ? 1350 : 1200);

		var fadeOutSpeed = ($.browser.safari ? 950 : 700);
		var fadeInSpeed = ($.browser.safari ? 1350 : 900);

		var hoverOpacity = ($.browser.safari ? 0.37 : 0.5);

	$('.item a').hover(function() {
			$('.item').not($(this).parents()).stop().animate({
						//'opacity': 0.37
						'opacity': hoverOpacity
					}, fadeOutSpeed, 'easeOutQuart');
		},function() {
			$('.item').not($(this).parents()).stop().animate({
						'opacity': 1
					}, fadeInSpeed, 'easeOutSine');
		});


	


	$('ul.icons a').hover(function() { 
		$(this).stop().animate({
			'opacity': 1
		}, 600, 'easeOutQuint')
	}, function() { 
		$(this).stop().animate({
			'opacity': 0
		}, 450, 'easeOutSine')
	});

});