//generates a custom banner image style if required
function generateCustomStyle(styleArray)
{
    var parentNode = document.getElementById('td-header-banner');
    var headerElements = parentNode.getElementsByTagName("div");
    if (headerElements[0]) {
		if (headerElements[0].className == "") {
			var navStyle = "";
			var listOfStyles = "";
			var firstValue = 0;
			for(i=0;i<styleArray.length;i++){
				var arrVal = styleArray[i];		
				if (arrVal != undefined && arrVal.length != 0) {
					if (firstValue == 0) {
						arrVal = formatTopStyle(arrVal);
						firstValue = 1;
					}
					arrVal = formatStyle(arrVal);			
					if (navStyle == "") {
						navStyle = navStyle + arrVal;
					} else {
						navStyle = navStyle + "_" + arrVal;
					}					
					listOfStyles = listOfStyles + " " + navStyle;
				}
			}	
			if(listOfStyles != undefined && listOfStyles.length != 0) {
			    //set the header banner style
		        headerElements[0].className = listOfStyles;
			}
		}
	}	
}
//remove spaces and conver to all lower case
function formatStyle(str)
{
	//trim leading and trailing spaces
	str = str.replace(/^\s*|\s*$/,"");
	//convert white space to underscore
	str = str.replace(/\s+/g,'_');	
	//remove any special chars except underscore
	str = str.replace(/[^a-zA-Z 0-9_]+/g,'');		
	//convert string to lower case
	str = str.toLowerCase();	
	return str;
}
//adds 'n' to class style if it is a number
//to cater for FF browser
function formatTopStyle(str)
{
	var regPattern = new RegExp(/[0-9]/);	
	if (regPattern.test(str.charAt(0))) {str = "n" + str;}
	return str;
}