// home page effects scripts
// Uses the JQuery framework and must be called after JQuery.js
// The Guild
// v1.0.0 Sept 24 08 unoptimised code

$(document).ready(function()	{
	$('.contentRow1 div:not(#resident) ul').hide()
	$('<a href="#" class="moreLink moreLinkOn">More for residents</a>').appendTo('div#resident p.revealOnLoad')
	$('<a href="#" class="moreLink">More for parents</a>').appendTo('div#parent p.revealOnLoad')
	$('<a href="#" class="moreLink">More for Jobseekers</a>').appendTo('div#jobseeker p.revealOnLoad')
	$('<a href="#" class="moreLink">More on Local Democracy</a>').appendTo('div#democracy p.revealOnLoad')
	$('<a href="#" class="moreLink">More for Visitors</a>').appendTo('div#visitor p.revealOnLoad')
	$('p.revealOnLoad').css('display', 'block');
});	


// Rotates the "I am" header images
// Images should be in the static/images folder and follow the naming convention bg-column-header_iam_(number).jpg
// The maximum number of images used should be set manually in the totalNum variable below to allow the random picking
$(document).ready(function()	{
	var totalNum1 = 4;
	var rndNum1 = Math.floor(Math.random() * totalNum1 + 1);
	$("div.middleColRow1 h2").css("background-image","url(/static/images/bg-column-header-iam_" + rndNum1  + ".jpg)");
});	

// Rotates the "Do it online" background images
// Images should be in the static/images folder and follow the naming convention bg-column-header-online_(number).jpg
// The maximum number of images used should be set manually in the totalNum variable below to allow the random picking
$(document).ready(function()	{
	var totalNum2 = 4;
	var rndNum2 = Math.floor(Math.random() * totalNum2 + 1);
	$("div.rightColRow1 h2").css("background-image","url(/static/images/bg-column-header-online_" + rndNum2  + ".jpg)");
});	


// The following section enables the expanding and collapsing lists in the "I am" section

$(document).ready(function()	{
	$('#resident .moreLink').bind('click',function()	{
		$('#resident ul').show('fast')
		$('#middleColumn .contentRow1 div:not(#resident) ul').hide('fast')
		$('#resident p.revealOnLoad a').addClass('moreLinkOn')
		$('#middleColumn .contentRow1 div:not(#resident) p.revealOnLoad a').addClass('moreLink').removeClass('moreLinkOn')
	});
});	

$(document).ready(function()	{
	$('#parent .moreLink').bind('click',function()	{
		$('#parent ul').show('fast')
		$('#middleColumn .contentRow1 div:not(#parent) ul').hide('fast')
		$('#parent p.revealOnLoad a').addClass('moreLinkOn')
		$('#middleColumn .contentRow1 div:not(#parent) p.revealOnLoad a').addClass('moreLink').removeClass('moreLinkOn')
	});
});	

$(document).ready(function()	{
	$('#jobseeker .moreLink').bind('click',function()	{
		$('#jobseeker ul').show('fast')
		$('#middleColumn .contentRow1 div:not(#jobseeker) ul').hide('fast')
		$('#jobseeker p.revealOnLoad a').addClass('moreLinkOn')
		$('#middleColumn .contentRow1 div:not(#jobseeker) p.revealOnLoad a').addClass('moreLink').removeClass('moreLinkOn')
	});
});	

$(document).ready(function()	{
	$('#democracy .moreLink').bind('click',function()	{
		$('#democracy ul').show('fast')
		$('#middleColumn .contentRow1 div:not(#democracy) ul').hide('fast')
		$('#democracy p.revealOnLoad a').addClass('moreLinkOn')
		$('#middleColumn .contentRow1 div:not(#democracy) p.revealOnLoad a').addClass('moreLink').removeClass('moreLinkOn')
	});
});	

$(document).ready(function()	{
	$('#visitor .moreLink').bind('click',function()	{
		$('#visitor ul').show('fast')
		$('#middleColumn .contentRow1 div:not(#visitor) ul').hide('fast')
		$('#visitor p.revealOnLoad a').addClass('moreLinkOn')
		$('#middleColumn .contentRow1 div:not(#visitor) p.revealOnLoad a').addClass('moreLink').removeClass('moreLinkOn')
	});
});