var corners = '<span class="end-cap"></span>';
var loginOver = false;
var loginOn = false;
var inputText = "";

$(document).ready(function()
{	

	$('.tooltip').tooltip();
	
	$('input[type="text"],input[type="password"]').focus(function(){
			inputText = $(this).attr('value');
			$(this).attr('value','')
	});
	
	$('input[type="text"],input[type="password"]').blur(function(){
			if($(this).attr('value') == '') $(this).attr('value',inputText);
			inputText = "";
	});
	
	$('#login').mouseover(function(){ loginOver = true; }); // we're over a dropdown button
	$('#login').mouseout(function(){ loginOver = false; }); // we've left a dropdown button
	
	$('#login').hide();
	$('.focus').css({top:40,opacity:0,display:'block'});
	
	
	
	$('h2').append(corners);
	$('.button').append(corners);
	
	
	$('#toggle_login').click(function(ev){
		ev.preventDefault();
		$('#login').stop();
		if($('#login').is(':hidden')){
			
			$('#login').fadeIn(function(){loginOn = true;$('#username').focus();});
		}else{
			$('#login').fadeOut(function(){loginOn = false});
		}
	});
	
	
	$(document).click(function()
	{
		if(loginOn && !loginOver) { // check not hovering over login box
			$('#login').fadeOut(function(){loginOn = false});
		}
	});
	
	var mainHeight = $('.main-column').outerHeight();
	var secHeight = $('.secondary-column').outerHeight();
	var last = $('.secondary-column .panel:last').height();
	
	if(mainHeight > secHeight){
		var newHeight = last + (mainHeight - secHeight);
		var diff = secHeight + (mainHeight - secHeight);
		
		$('.secondary-column .panel:last').css({height:newHeight+10});
	}
	
	
	$('.features').cycle({timeout:  6000});
	
	setTimeout ( "showFocus()", 1000 );
	
});

function showFocus()
{
	$('.focus').animate({
    opacity: 1,
    top: 10
  }, 1500, 'easeOutExpo', function() {
    // Animation complete.
  });

}