/// <reference path="jquery-intellisense.js"/>

$(function()
{
	// Navigation menu
	$("#header #navigation .top .gallery").mouseover(
	function()
	{
		$("#header #navigation .top .gallery-menu").show();
		$("#header #navigation .top .gallery-menu-arrow").show();
	});
	
	$("#header #navigation .top .gallery-menu").hover(function () {},
	function()
	{
		/* for some fucking reason this does not work with mouseout */
		$("#header #navigation .top .gallery-menu").hide();
		$("#header #navigation .top .gallery-menu-arrow").hide();
	});
	
	
	// Rounded corners
	Corners();
	
	// Hover-able divs
	Hoverables();
	
	// Yellow-buttons
	$(".yellow-button").corner();
	$(".yellow-button").addClass("clickable");
	$(".yellow-button").hover(
	function()
	{
		$(this).css("background-image", "url(/Content/images/buttons/yellow-bg-hover.png)");
	},
	function()
	{
		$(this).css("background-image", "url(/Content/images/buttons/yellow-bg.png)");
	});
	
	// Click-able divs
	Clickables();
	
	// Tabs
	var currentTab = "";
	var tabBtns = $(".tab > .btn");
	var tabViews = $(".tab > .view");
	
	tabBtns.click(
	function ()
	{
		showTab($(this).attr("id"));
	});
	
	tabBtns.hover(
	function ()
	{
		$(this).addClass("mouseover");
	},
	function ()
	{
		$(this).removeClass("mouseover");
		$("#"+currentTab).addClass("mouseover");
	});
	
	showTab(tabBtns.filter(":first").attr("id"));
	
	function showTab(id)
	{
		tabViews.hide();
		$("#"+id+"_view").show();
		
		currentTab = id;
		
		tabBtns.filter(":not(#"+currentTab+")").removeClass("mouseover");
	}
	
	
});

// Clickable divs... clickable children solved using followLink = false;
var followLink = true;
var lastClickedDiv;
function Clickables()
{
	$("div.clickable").click(
	function()
	{
		lastClickedDiv = $(this);
		setTimeout("divClick();", 200);
	});
}

function divClick()
{
	if (!followLink)
		followLink = true;
	else
		window.location = lastClickedDiv.attr("url");
}

function gotoUrl(url)
{
	followLink = false;
	window.location = url;
}
// </Clickable>

function Hoverables()
{
	$(".hoverable").hover(
	function()
	{
		$(this).css("background-color", "#CCCCCC");
	},
	function()
	{
		$(this).css("background-color", "#E0E0E0");
	});
}

function Corners()
{
	$(".cornered-box").corner();
	$(".cornered-box-5").corner("5px");
	$(".cornered-title").corner("top");
	$(".cornered-title-15").corner("top 15px");
}

// Login
function doLogin()
{
    if ($("#loginusername").val() == "")
		$("#loginusername_status").html("Username must not be blank");
	else
		$("#loginusername_status").html("&nbsp;");
			
	if ($("#loginpassword").val() == "")
		$("#loginpassword_status").html("Password must not be blank");
	else
		$("#loginpassword_status").html("&nbsp;");
	
	if (($("#loginusername_status").html() != "&nbsp;") || ($("#loginpassword_status").html() != "&nbsp;"))
		return false;
	else
		return true;
}

function showLogin() {
    
   	var left = screen.width / 2 - parseInt($("#loginRegister #login-box").css("width")) / 2;
	var top = screen.height / 2 - parseInt($("#loginRegister #login-box").css("height")) / 2;
	
	$("#loginRegister #login-box").css("margin-left", left);
	$("#loginRegister #login-box").css("margin-top", 100);
	
	$("#loginRegister #login-box .content").css("height", "230px");
	
	$("#loginRegister #register-box").hide();
	$("#loginRegister #login-box").show();
	
	//$("#loginusername").focus(true);
	$("#silverlight-content").css("visibility", "hidden");
	$("#loginRegister").show();
	window.scrollTo(0, 0);
}

function showRegister()
{
	var left = screen.width / 2 - parseInt($("#loginRegister #register-box").css("width")) / 2;
	var top = screen.height / 2 - parseInt($("#loginRegister #register-box").css("height")) / 2;
	
	$("#loginRegister #register-box").css("margin-left", left);
	$("#loginRegister #register-box").css("margin-top", 100);
	
	$("#loginRegister #register-box .content").css("height", "380px");
	
	$("#loginRegister #login-box").hide();
	$("#loginRegister #register-box").show();
	
	$("#silverlight-content").css("visibility", "hidden");
	$("#loginRegister").show();
}

function hideLoginRegister()
{
	$("#loginRegister").hide();
	$("#silverlight-content").css("visibility", "visible");
}

function debug(msg)
{
	try { console.debug(msg); } catch(e) { }
}