//These are the section headings 
sectionHeadings = {
	'chat' : 'Chat',
	'counsellor' : 'E-Counselling',
	'forum' : 'Forums',
	'login' : 'Private Inbox',
	'phone' : 'Phone',
	'resources' : 'Resources'
}

//these are the section urls - urlencoded
sectionUrls = {
	'chat' : '%3Faction%3Dchat',
	'counsellor' : '%3Faction%3Dcounsellor',
	'forum' : '%3Faction%3Dforum',
	'login' : '%3Faction%3Dprv_inbox',
	'phone' : '%3Faction%3Dphone',
	'resources' : '%3Faction%3Dresources'
}

var menuInfoInner = '';
window.addEvent('domready',function(){
									
	menuInfoInner = $('menuInfo').innerHTML;
	$('nav_chat').addEvent('mouseover',navIn);
	$('nav_chat').addEvent('mouseout',navOut);
	$('nav_counsellor').addEvent('mouseover',navIn);
	$('nav_counsellor').addEvent('mouseout',navOut);
	$('nav_forum').addEvent('mouseover',navIn);
	$('nav_forum').addEvent('mouseout',navOut);
	$('nav_login').addEvent('mouseover',navIn);
	$('nav_login').addEvent('mouseout',navOut);
	$('nav_phone').addEvent('mouseover',navIn);
	$('nav_phone').addEvent('mouseout',navOut);
	$('nav_resources').addEvent('mouseover',navIn);
	$('nav_resources').addEvent('mouseout',navOut);
})

function navIn()
{
	$('menuInfo').innerHTML = sectionHeadings[this.id.split('_')[1]]
}

function navOut()
{
	$('menuInfo').innerHTML = menuInfoInner;
}

window.addEvent('domready',function(){
   	var chat = new SWFObject('swf/chat.swf','chat','61','61','7');
	chat.addParam('allowscriptaccess','always');
	chat.addParam('allowfullscreen','false');
	chat.addParam('wmode', 'transparent');
	chat.addVariable('targetUrl',sectionUrls['chat']);
	chat.write('nav_chat');
	var counsellor = new SWFObject('swf/counsellor.swf','counsellor','61','61','7');
	counsellor.addParam('allowscriptaccess','always');
	counsellor.addParam('allowfullscreen','false');
	counsellor.addParam('wmode', 'transparent');
	counsellor.addVariable('targetUrl',sectionUrls['counsellor']);
	counsellor.write('nav_counsellor');
	var forum = new SWFObject('swf/forum.swf','forum','61','61','7');
	forum.addParam('allowscriptaccess','always');
	forum.addParam('allowfullscreen','false');
	forum.addParam('wmode', 'transparent');
	forum.addVariable('targetUrl',sectionUrls['forum']);
	forum.write('nav_forum');
	var login = new SWFObject('swf/login.swf','login','61','61','7');
	login.addParam('allowscriptaccess','always');
	login.addParam('allowfullscreen','false');
	login.addParam('wmode', 'transparent');
	login.addVariable('targetUrl',sectionUrls['login']);
	login.write('nav_login');
	var phone = new SWFObject('swf/phone.swf','phone','61','61','7');
	phone.addParam('allowscriptaccess','always');
	phone.addParam('allowfullscreen','false');
	phone.addParam('wmode', 'transparent');
	phone.addVariable('targetUrl',sectionUrls['phone']);
	phone.write('nav_phone');
	var resources = new SWFObject('swf/resources.swf','resources','61','61','7');
	resources.addParam('allowscriptaccess','always');
	resources.addParam('allowfullscreen','false');
	resources.addParam('wmode', 'transparent');
	resources.addVariable('targetUrl',sectionUrls['resources']);
	resources.write('nav_resources');
})

//ajax username checking
window.addEvent('domready', function(){
									
	//we need both the field name and user id fields for the function call
	if(!$('checkUserName_fieldName') || !$('checkUserName_userId'))
		return;
	
	var fieldName = $('checkUserName_fieldName').value;
	var userId = $('checkUserName_userId').value;
	
	//start building a query string
	var baseQS = "?rcc_userId=" + userId;
	
	//the subject id is only used on forum posts
	if($('checkUserName_subjectId'))
		baseQS = baseQS + "&rcc_subjectId=" + $('checkUserName_subjectId').value;
	
	//make an error box
	var errDiv = new Element('div',{id:'usernameConflict'})
		.injectAfter($(fieldName))
	
	var errSlide = new Fx.Slide('usernameConflict');
	errSlide.hide();
	
	
	$(fieldName).addEvent('blur',function(){

		qs = baseQS + "&rcc_userName=" + this.value;
		var theAjax = new Ajax("youthspace_site.php" + qs,{
			onRequest:function() {
				errDiv.removeClass('error');
				errDiv.innerHTML = 'Checking...';	
			},
			onComplete:function(response) {
				//no problem
				if(response == '')
				{
					errDiv.removeClass('error');
					errDiv.innerHTML = 'Username ok!'
					errSlide.slideOut.delay(2000,errSlide);
					return;
				}
				
				errDiv.innerHTML = response;
				errDiv.addClass('error');
				errSlide.stop();
				errSlide.slideIn();
			}
			
		}).request();
	});
	
	
})