/********************************************************************************
Javascript stylesheet:  Sets javascript enabled css defaults.
********************************************************************************/
document.write('<link rel="StyleSheet" href="/checkMyFileAssets/css/checkMyFileJavascript.css" type="text/css" media="screen" />');



/********************************************************************************
Set body class to "small", "medium" or "large" 
Set "textSize" cookie to the size
@param 	textSize		string size of text

******** Dev Notes ********

This script will require a serverside check for the text sizing cookie being set, and 
to retrieve one of the following three options from the cookie:

smallText
mediumText
largeText

The appropriate one of these three options will then need to be written as a class name on the 
body tag.  If no cookie exists, set the class to "smallText" on the body tag.

*********************************************************************************/


function fnTSize(textSize) {	
	// Set body class								
	document.body.className = textSize;

	// Set cookie
	document.cookie = "textSize="+textSize;	
			
} 	


/**
Menu rollovers
*/
function on(i) {
	
	obj = document.getElementById("nav"+(i+1));

	if(obj.className != "selected") {
	obj.style.backgroundPosition = "50% 0";
		
	// Traverse to same cell in row beneath
	obj.parentNode.parentNode.rows[1].cells[i].style.backgroundPosition = "50% 0";
	}
}

function off(i) {
	
	obj = document.getElementById("nav"+(i+1));
	
	if(obj.className != "selected") {
	obj.style.backgroundPosition = "-400px -400px";
	
	
	// Traverse to same cell in row beneath
	obj.parentNode.parentNode.rows[1].cells[i].style.backgroundPosition = "-400px -400px";
	}
}


/*********************************************** 
	Form rollovers for IE 6 & 5.5
***********************************************/	
window.onload = function() {
	var ua = navigator.userAgent.toLowerCase();
	if (/msie 5|msie 6/.test(ua)) {	
		var inputs = document.getElementsByTagName("input")
		for(i=0;i<inputs.length;i++) {
			inputs[i].onmouseover = function(e){
				this.style.filter = "alpha(opacity=80)"
			}
			inputs[i].onmouseout = function(e){
				this.style.filter = "alpha(opacity=100)"
			}
		}
	}
	
}


/*********************************************** 
	Print function
***********************************************/	
function fnPrint() {
	window.print();	
}



/********************************************************************************
 
Name:					fnAnchorShowHide
Description:			- Takes ID from link's href, and pushes content from this ID into target 
						container.  
						- Requires javascript default css styles to be set in 
						checkMyFileJavascript.css.  
						- When JavaScript is disabled, this gracefully 
						falls back to standard anchor menu linking down to content ID's.
						- H2 titles should be used within each item, duplicating link text on 
						menu's. This is hidden by the javascript css, but makes content accessible 
						when js is disabled, or when using screenreaders.
						
@param	setNumber		Allows for two sets of showHides that work independently of one another. 
				
Example HTML:
						<!-- Navigation -->
						
							<ul>
								<li><a href="#set1Item1" onClick="fnAnchorShowHide(this, 'set1'); return false;">item 1</a></li>
								<li><a href="#set1Item2" onClick="fnAnchorShowHide(this, 'set1'); return false;">item 2</a></li>
								<li><a href="#set1Item3" onClick="fnAnchorShowHide(this, 'set1'); return false;">item 3</a></li>
								<li><a href="#set1Item4" onClick="fnAnchorShowHide(this, 'set1'); return false;">item 4</a></li>
							</ul>		
						
						
						<!-- container to push content into -->
						
							<div id="targetContainer1">
							
							</div>
										
						<!-- Content hidden by javascript CSS.  First item is shown by default -->	
						
							<div id="set1Item1"  class="showHideItem">
								<h2>Item 1 Title</h2>
								<p>Item 1 Content</p>
							</div>	
							<div id="set1Item2"  class="showHideItem">
								<h2>Item 2 Title</h2>
								<p>Item 2 Content</p>
							</div>	
							<div id="set1Item3"  class="showHideItem">
								<h2>Item 3 Title</h2>
								<p>Item 3 Content</p>
							</div>	
							<div id="set1Item4"  class="showHideItem">
								<h2>Item 4 Title</h2>
								<p>Item 4 Content</p>
							</div>	
					

*********************************************************************************/	

function fnAnchorShowHide(targ, setNumber) {	
	
	fnSelectMe(targ); // set selected states on nav
	
	var showItem = targ.href.split("#")[1];	// Get ID text string from link 
	
	if (setNumber == "set1") {
		document.getElementById("targetContainer1").innerHTML = document.getElementById(showItem).innerHTML;	
		document.getElementById("set1Item1").style.display = "none";
	}
	
	if (setNumber == "set2") {
		document.getElementById("targetContainer2").innerHTML = document.getElementById(showItem).innerHTML;	
		document.getElementById("set2Item1").style.display = "none";
	}	
	
}	


/***********************************************************************
Name:			fnSelectMe
Descritpion:	Select States for subNav - removes "selected" class 
				from all list-items within grandparent, then adds 
				"selected" class to parent LI of selected link.
***********************************************************************/	

function fnSelectMe(obj) {
	var listItems = obj.parentNode.parentNode.getElementsByTagName("LI");
	
	for (i=0;i<listItems.length;i++) {
		listItems[i].className = "";
	}	
	
	obj.parentNode.className = "selected";
}	



/**
Custom show hide for report
*/
function fnReportTabs(ref) {
	if(ref == "productOverview") {
		document.getElementById("reportTarg").innerHTML = document.getElementById("productoverview").innerHTML
		document.getElementById("overview").className = "selected"
		document.getElementById("testimonials").className = ""
	} else {
		document.getElementById("reportTarg").innerHTML = document.getElementById("clienttestimonials").innerHTML;
		document.getElementById("overview").className = ""
		document.getElementById("testimonials").className = "selected"
	}
}



/**
Custom show hide for report
*/
function fnScoreTabs(ref) {
	if(ref == "contentCards") {
		document.getElementById("scoreTarg").innerHTML = document.getElementById("contentCards").innerHTML
		document.getElementById("cards").className = "selected"
		document.getElementById("loans").className = ""
		document.getElementById("mortgages").className = ""
		document.getElementById("overdraft").className = ""
	} else if (ref == "contentLoans"){
		document.getElementById("scoreTarg").innerHTML = document.getElementById("contentLoans").innerHTML
		document.getElementById("cards").className = ""
		document.getElementById("loans").className = "selected"
		document.getElementById("mortgages").className = ""
		document.getElementById("overdraft").className = ""
	} else if (ref == "contentMortgages"){
		document.getElementById("scoreTarg").innerHTML = document.getElementById("contentMortgages").innerHTML
		document.getElementById("cards").className = ""
		document.getElementById("loans").className = ""
		document.getElementById("mortgages").className = "selected"
		document.getElementById("overdraft").className = ""
	} else if (ref == "contentOverdraft"){
		document.getElementById("scoreTarg").innerHTML = document.getElementById("contentOverdraft").innerHTML
		document.getElementById("cards").className = ""
		document.getElementById("loans").className = ""
		document.getElementById("mortgages").className = ""
		document.getElementById("overdraft").className = "selected"
	}
}