function resizeBGFade() {
		var BGFadeVar = document.getElementById('BGFadeOut');
		if (window.innerHeight && window.scrollMaxY) {
			pageWidth = window.innerWidth + window.scrollMaxX;
			pageHeight = window.innerHeight + window.scrollMaxY;
		} else if (document.body.scrollHeight > document.body.offsetHeight) {
			pageWidth = document.body.scrollWidth;
			pageHeight = document.body.scrollHeight;
		} else { 
			pageWidth = document.body.offsetWidth + document.body.offsetLeft; 
			pageHeight = document.body.offsetHeight + document.body.offsetTop; 
		}		
		BGFadeVar.style.width = pageWidth;
		BGFadeVar.style.height = pageHeight;
	}
	function returnDescription(i) {
		if (i == 1) { return "Clicking on these Project Bars opens the Task Bars."; }
		if (i == 2) { return "Tasks can be entered individually or via a Task Template, clicking the Task Bar opens the Comments."; }
		if (i == 3) { return "Add Comments to each Task and by ticking a box, send an email alert to people who need to take action or know whats happening."; }
		if (i == 4) { return "These letters enable a rapid view of what is happening with each project."; }
		if (i == 5) { return "See instantly  how many days left to your Target Date (or how many you are over that date)."; }
		if (i == 6) { return "Essential when site gets very big, search part or all of word across all entries."; }
		if (i == 7) { return "This huge benefit allows very quick access to the Completed Projects, archived as far back as you require."; }
		if (i == 8) { return "Whenever a Work Done % or a Stage Letter is changed it is logged, see who changes what and when."; }
		if (i == 9) { return "The Admin Control button allows access 'to the clever bits'. Task Managers can add or delete anything and are able to control who sees what."; }
		if (i == 10) { return "The Task Manager can add/delete users and allow different access levels. Each user is attached to a group or groups."; }
		if (i == 11) { return "Individual Task Bars % or hours can be changed. The Project Bar shows % or hours of Work Done, this automatically shows the overall % or hours for that Project."; }
		if (i == 12) { return "This facility enables a fast sorting, to suit your requirements. Sort by Project Name, Target Date, Work Done (%), Stage or Group Name."; }
		if (i == 13) { return "Like all parts of the TPM you can restrict who sees what. See the automatic entry of Projects as Target Dates. View by Personal, Group or Company permissions. Import your calendar entries from Outlook or iCal."; }
		if (i == 14) { return "View by First or Last Name, view personal, company or group contacts. See names only, a brief summary or click for full details. Import your contact entries from Outlook."; }
		if (i == 15) { return "The Login email address and password are personal and secure. Your login automatically allows you to see whatever part of the TPM your permissions allow. The site is also Encrypted in SSL (which is used by many banks)."; }
		if (i == 16) { return "Access while on the move. Keep up to date and make comments and send email alerts."; }
		if (i == 17) { return "This benefit allows you to work on a number of different TPM's (organisations / companies) from the same login. Also the red square shows two TPM's with the same login details."; }
		if (i == 18) { return "Each user is attached to group or groups, this allows the Task Manager to restrict the users access to any part of the TPM."; }
	}
	function returnTitle(i) {
		if (i == 1) { return "Active Projects"; }
		if (i == 2) { return "Tasks"; }
		if (i == 3) { return "Comments"; }
		if (i == 4) { return "Stages"; }
		if (i == 5) { return "Target Dates"; }
		if (i == 6) { return "Search"; }
		if (i == 7) { return "Completed Projects"; }
		if (i == 8) { return "Change Logs"; }
		if (i == 9) { return "Admin Control Panel"; }
		if (i == 10) { return "Users"; }
		if (i == 11) { return "Work Done - Hours or Percentage"; }
		if (i == 12) { return "Sort + View"; }
		if (i == 13) { return "Calendar"; }
		if (i == 14) { return "Contacts"; }
		if (i == 15) { return "Secure Login"; }
		if (i == 16) { return "Mobile"; }
		if (i == 17) { return "Multiple TPM"; }
		if (i == 18) { return "Groups"; }
}
	function returnBigImgName(i) {
		if (i == 1) { return "../images/features_large/active_projects_page.gif"; }
		if (i == 2) { return "../images/features_large/tasks_page.gif"; }
		if (i == 3) { return "../images/features_large/comments_page.gif"; }
		if (i == 4) { return "../images/features_large/stage_page.gif"; }
		if (i == 5) { return "../images/features_large/target_date_page.gif"; }
		if (i == 6) { return "../images/features_large/search_page.gif"; }
		if (i == 7) { return "../images/features_large/completed_page.gif"; }
		if (i == 8) { return "../images/features_large/task_changes_page.gif"; }
		if (i == 9) { return "../images/features_large/admin_control_page.gif"; }
		if (i == 10) { return "../images/features_large/admin_users_page.gif"; }
		if (i == 11) { return "../images/features_large/work_done_page.gif"; }
		if (i == 12) { return "../images/features_large/sort_view_page.gif"; }
		if (i == 13) { return "../images/features_large/calendar_page.gif"; }
		if (i == 14) { return "../images/features_large/contacts_page.gif"; }
		if (i == 15) { return "../images/features_large/secure_page.gif"; }
		if (i == 16) { return "../images/features_large/mobile_page.gif"; }
		if (i == 17) { return "../images/features_large/multiple_accounts_page.gif"; }
		if (i == 18) { return "../images/features_large/groups_list_page.gif"; }
	}
	function returnSmallImgName(i) {
		if (i == 1) { return "../images/features_small/active_projects_clip.gif"; }
		if (i == 2) { return "../images/features_small/tasks_clip.gif"; }
		if (i == 3) { return "../images/features_small/comments_clip.gif"; }
		if (i == 4) { return "../images/features_small/stage_clip.gif"; }
		if (i == 5) { return "../images/features_small/target_date_clip.gif"; }
		if (i == 6) { return "../images/features_small/search_clip.gif"; }
		if (i == 7) { return "../images/features_small/completed_clip.gif"; }
		if (i == 8) { return "../images/features_small/task_changes_clip.gif"; }
		if (i == 9) { return "../images/features_small/admin_control_clip.gif"; }
		if (i == 10) { return "../images/features_small/admin_users_clip.gif"; }
		if (i == 11) { return "../images/features_small/work_done_clip.gif"; }
		if (i == 12) { return "../images/features_small/sort_view_clip.gif"; }
		if (i == 13) { return "../images/features_small/calendar_clip.gif"; }
		if (i == 14) { return "../images/features_small/contacts_clip.gif"; }
		if (i == 15) { return "../images/features_small/secure_clip.gif"; }
		if (i == 16) { return "../images/features_small/mobile_clip.gif"; }
		if (i == 17) { return "../images/features_small/multiple_accounts_clip.gif"; }
		if (i == 18) { return "../images/features_small/groups_list_clip.gif"; }
	}
	function displayFeatureBox(i) {
		resizeBGFade();
		document.getElementById('feature_smallpicture').src = returnSmallImgName(i);
		document.getElementById('feature_bigpicture').src = returnBigImgName(i);
		document.getElementById('feature_title').innerHTML = returnTitle(i);
		document.getElementById('feature_description').innerHTML = returnDescription(i);
		document.getElementById('BGFadeOut').style.display = "block";
		document.getElementById('featuredWindow').style.display = "block";
	}
	function hideFeatureBox() {
		document.getElementById('BGFadeOut').style.display = "none";
		document.getElementById('featuredWindow').style.display = "none";
	}
	//window.onresize = resizeBGFade();