var minimise_ready = false
var TIMEOUT = 2000;

$('document').ready(function() {

	$('#main').append('<img id="corner1" class="corners" src="img/corner1.png" alt="" />');
	$('#main').append('<img id="corner2" class="corners" src="img/corner2.png" alt="" />');
	$('#main').append('<img id="corner3" class="corners" src="img/corner3.png" alt="" />');
	$('#main').append('<img id="corner4" class="corners" src="img/corner4.png" alt="" />');


	$('#mask').append('<img id="cloud_left" class="clouds" src="img/cloud_left.png" alt="" />');	
	$('#mask').append('<img id="cloud_right" class="clouds" src="img/cloud_right.png" alt="" />');

	$('#mask').append('<img id="bottom_img" class="grass" src="img/bottom.jpg" alt="" />');


	$('<input class="fake" type="text" name="fakeusername" id="fakeusername" value="Username" onfocus="inputFocus(\'username\')" />').insertBefore('#username');
	$('<input class="fake" type="text" name="fakepassword" id="fakepassword" value="Password" onfocus="inputFocus(\'password\')" />').insertBefore('#password');

		$('#main').corner();
		$('#mynupc input').corner("4px");
		$('#tab').corner("bottom 8px");	
		$('#login').corner("bl 8px");
		
		$('.accordion').liteAccordion()
		
	 $("#mynupc").bind("mouseleave",function(){
		minimise_ready = true;
		setTimeout('autoClose()',TIMEOUT);

	 });

	 $("#mynupc").bind("mouseenter",function(){
		
		minimise_ready = false;

	 });
	 
	$('.contentBlock').jScrollPane(
		{
			showArrows: false,
		}
	);	 

	updateCorners();

	$(window).resize(function() {
	  updateCorners();
	});

})


function autoClose()
{
	if(minimise_ready && (!$(":focus").is("input")))
	{
		if($('#mynupc').position().top == 0)
		{
			$("#mynupc").animate({"top": "-=38px"}, "slow");
		}
	}
}

function toggleLogin()
{
	$('#mynupc').position().top < 0 ? $("#mynupc").animate({"top": "+=38px"}, "slow") : $("#mynupc").animate({"top": "-=38px"}, "slow");
}

function inputFocus(inputname) {
	$('#fake' + inputname).hide();
	$('#' + inputname).show().focus();
}

function inputBlur(inputname) {
	if ($('#' + inputname).attr('value') == '')
	{
		$('#fake' + inputname + ', #' + inputname).toggle();
	}
	setTimeout('autoClose()',TIMEOUT);
}


function updateCorners()
{

	if (($(window).height() >= 809) || ($(window).width() < 1600 && $(window).height() >= 680))
	{
		$('#corner3').replaceWith('<img id="corner3" class="corners" src="img/corner3_b.png" alt="" />');
		$('#corner4').replaceWith('<img id="corner4" class="corners" src="img/corner4_b.png" alt="" />');
	}
	else if ($(window).height() < 710 && $(window).width() > 1546)
	{
		$('#corner3').replaceWith('<img id="corner3" class="corners" src="img/corner3_g.png" alt="" />');
		$('#corner4').replaceWith('<img id="corner4" class="corners" src="img/corner4_g.png" alt="" />');
	}
	else
	{
		$('#corner3').replaceWith('<img id="corner3" class="corners" src="img/corner3.png" alt="" />');
		$('#corner4').replaceWith('<img id="corner4" class="corners" src="img/corner4.png" alt="" />');
	}
}