//JQUERY initalisation function (when the DOM is ready)
$(document).ready(function() {
	
	$(".makeVisibleWithJS").css("display","block"); //important
	$("body").click( function() {
		fadeOutElement('.makeInvisibleOnBodyClick');
	});
	
	
	createEmailLinks();
	
	
});


function createEmailLinks()
{
$(document).ready(function(){
	$("a[rel='email']").each(function(){
		// Modify the mailto: value
		var mailtoVal = $(this).attr('href');
		mailtoVal = mailtoVal.replace("[email]","mailto:");
		mailtoVal = mailtoVal.replace("[at]","@");
		mailtoVal = mailtoVal.replace("[dot]",".");
		// Auto-generate title tags for users
		var mailtoTitle = mailtoVal.replace("mailto:","Email: ");
		$(this).attr('title',mailtoTitle);
		// onClick Event
		$(this).click(function(){
			window.location.href = mailtoVal;
			return false;
		});
	});
});
	
}


//EDITABLE
var GLOBAL_FADE_IN_TIME_SECS = 0.2; 
var GLOBAL_FADE_OUT_TIME_SECS = 0.2;

/**** DO NOT EDIT VARS PAST THIS POINT! ****/
var GLOBAL_FADE_IN_TIME_MS = GLOBAL_FADE_IN_TIME_SECS*1000; // DONT ADJUST THIS, adjust GLOBAL_FADE_IN_TIME_SECS instead;
var GLOBAL_FADE_OUT_TIME_MS = GLOBAL_FADE_OUT_TIME_SECS*1000;
/**** END OF DONT EDIT ****/



function toggleOnOrOff(elementName, elementClicked)
{
	if($(elementName).css('display') == "none")
	{
		$(elementName).css('display','block')
	}
	else
	{
		$(elementName).css('display','none')
	}
	return false;	
	
}

function fadeInOrOut(elementName, elementClicked)
{
	if($(elementName).css('display') == "none")
	{
		fadeInAndMakeActive(elementName,elementClicked);
	}
	else
	{
		fadeOutAndMakeInactive(elementName, elementClicked)
	}
	return false;	
}

function fadeInAndMakeActive(elementName, elementClicked)
{
		fadeInElement(elementName);	
		if(elementClicked)
			$(elementClicked).addClass("active");
}

function fadeOutAndMakeInactive(elementName, elementClicked)
{
	if(elementClicked)
		$(elementClicked).removeClass("active")
		
		fadeOutElement(elementName);	

}




function fadeInElement(elementName)
{
	$(elementName).fadeTo({duration:GLOBAL_FADE_IN_TIME_MS, queue:false}, 1);
	return false;
}

function fadeOutElement(elementName)
{
	$(elementName).fadeOut({duration:GLOBAL_FADE_OUT_TIME_MS, queue:false});
	return false;
}

function fadeInOutSubNav(clickedElement, subNavElementName)
{
	var subNavIsCurrentlyVisible = $(subNavElementName).css('display') != "none";
	
	//if sub nav is currently visible then fade it out and deactivate the clicked item
	if(subNavIsCurrentlyVisible)
	{
		fadeOutSubNav(clickedElement,subNavElementName);
	}
	else
	{
		fadeInSubNav(clickedElement,subNavElementName);
	}

}

function fadeInSubNav(clickedElement, subNavElementName)
{
	$(clickedElement).addClass('active');
		fadeInElement(subNavElementName);	
}

function fadeOutSubNav(clickedElement, subNavElementName)
{
	
		$(clickedElement).removeClass('active');
		fadeOutElement(subNavElementName);
}