// Allows multiple functions to load

function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}


// Clears & validates forms

function resetFields(whichform) {
  for (var i=0; i<whichform.elements.length; i++) {
    var element = whichform.elements[i];
    if (element.type == "submit") continue;
    if (!element.defaultValue) continue;
    element.onfocus = function() {
    if (this.value == "enter e-mail here") {
      this.value = "";
     }
    }
    element.onblur = function() {
      if (this.value == "") {
        this.value = "enter e-mail here";
      }
    }
  }
}

function validateForm(whichform) {
  for (var i=0; i<whichform.elements.length; i++) {
    var element = whichform.elements[i];
    if (element.className.indexOf("requ") != -1) {
      if (!isFilled(element)) {
        alert("Please complete all required fields");
        return false;
      }
    }
    if (element.className.indexOf("reqmail") != -1) {
      if (!isFilled(element))  {
        alert("Please enter your e-mail");
        return false;
      }
      if (!isEmail(element)) {
        alert("Please enter your e-mail again - it doesn\'t appear to be correct \n(If the problem persists please e-mail us directly at info@webcredible.co.uk)");
        return false;
      }
    }
    if (element.className.indexOf("reqfrmail") != -1) {
      if (!isEmail(element)) {
        alert("Please enter your friend\'s e-mail again - it doesn\'t appear to be valid \n(if the problem persists please e-mail us directly at info@webcredible.co.uk)");
        return false;
      }
    }
    if (element.className.indexOf("email") != -1) {
      if (!isEmail(element)) {
        alert("Please enter your e-mail again - it doesn\'t appear to be valid \n(If the problem persists please e-mail us directly at info@webcredible.co.uk)");
        return false;
      }
    }
  }
  return true;
}

function isFilled(field) {
  if (field.value.length < 1 || field.value == field.defaultValue) {
    return false;
  } else {
    return true;
  }
}

function isEmail(field)
{
    // you could add a test to see if the brower support regular expression or not here
    if (RegExp) {
        return checkEmail(field.value);
    } else {
      if (field.value.indexOf("@") == -1 || field.value.indexOf(".") == -1) {
        return false;
      } else {
        return true;
      }
   }
}

function checkEmail(addr)
{
    var filter=/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,9}(?:\.[a-z]{2})?)$/i
    return filter.test(addr);
}

function prepareForms() {
  for (var i=0; i<document.forms.length; i++) {
    var thisform = document.forms[i];
    resetFields(thisform);
    thisform.onsubmit = function() {
      return validateForm(this);
    }
  }
}


// Opens PDF links in new windows

function doPopups()
{
 if (!document.getElementsByTagName) return false;
 var links = document.getElementsByTagName("a");
 for (var i=0; i < links.length; i++) {
  if (links[i].href.indexOf('.pdf') !== -1) {
   links[i].onclick =
    function() {
     window.open(this.href,'popper','resizable,scrollbars');
     return false;
    }
    links[i].title += "\n(opens in a new window)";
    var img = document.createElement("img");
    img.setAttribute("src", "/i/new-win-icon.gif");
    img.setAttribute("alt", "(opens in a new window)");
    links[i].appendChild(img);
  }
 }
}


// Opens virtual tour in new window

function doVirtual() {
 if (!document.getElementsByTagName) return false;
 var links = document.getElementsByTagName("a");
 for (var i=0; i < links.length; i++) {
  if (links[i].className.match('virtual')) {
   links[i].onclick =
    function() {
     window.open(this.href,'popper','width=390,height=560,resizable,scrollbars');
     return false;
    }
    links[i].title = "(opens in a new window - may take up to two minutes to download on a dial-up modem)";
    var img = document.createElement("img");
    img.setAttribute("src", "/i/new-win-icon.gif");
    img.setAttribute("alt", "(opens in a new window)");
    links[i].appendChild(img);
  }
 }
}


// Opens tell a friend in new window

function doTellFriend() {
 if (!document.getElementsByTagName) return false;
 var links = document.getElementsByTagName("a");
 for (var i=0; i < links.length; i++) {
  if (links[i].className.match('friend')) {
   links[i].onclick =
    function() {
     window.open(this.href,'popper','width=410,height=540,resizable,scrollbars');
     return false;
    }
    links[i].title += "(opens in a new window)";
    var img = document.createElement("img");
    img.setAttribute("src", "/i/new-win-icon.gif");
    img.setAttribute("alt", "(opens in a new window)");
    links[i].appendChild(img);
  }
 }
}


// Cancel links with # in them

function cancelLink() {
 if (!document.getElementsByTagName) return false;
 var links = document.getElementsByTagName("a");
 for (var i=0; i < links.length; i++) {
  if (links[i].href.match(/#$/)) {
   links[i].onclick =
    function() {
     return false;
    }
  }
 }
}


// Puts rounded corners on to menu items

function roundedCorners() {
  if (!document.getElementsByTagName) return false;
  var divs = document.getElementsByTagName('div');
  var rounded_divs = [];
  for (var i = 0; i < divs.length; i++) {
    if (/\bbox\b/.exec(divs[i].className)) {
      rounded_divs[rounded_divs.length] = divs[i];
    }
  }
  for (var i = 0; i < rounded_divs.length; i++) {
    var original = rounded_divs[i];
    original.className = original.className.replace('box', '');
    var div2 = document.createElement('div');
    div2.className = 'box2';
    original.parentNode.replaceChild(div2, original);
    for (var ii = 3; ii < 9; ++ii) {
        eval("var div" + ii + " = document.createElement('div');");
    }
    for (var iii = 2; iii < 8; ++iii) {
        eval("div" + iii + ".appendChild(div" + (iii + 1) + ");");
    }
    div8.appendChild(original);
  }
}


// Turns e-mail addresses into mailtos

function changeMail() {
 if (!document.getElementsByTagName) return false;
 var span = document.getElementsByTagName("span");
 for (var i=0; i < span.length; i++) {
  if (span[i].className.match('email')) {
   var innerspan = span[i].getElementsByTagName("span")[0].firstChild.nodeValue;
   span[i].innerHTML = "<a href='mailto:"+innerspan+"@webcredible.co.uk'>"+innerspan+"@webcredible.co.uk"
  }
 }
}


// Stylesheet switcher

function getAllSheets() {
	if( !window.ScriptEngine && navigator.__ice_version ) {
        return document.styleSheets;
    }
	if( document.getElementsByTagName ) {
        var Lt = document.getElementsByTagName('link'), St = document.getElementsByTagName('style');
	} else if(
        document.styleSheets && document.all ) { var Lt = document.all.tags('LINK'), St = document.all.tags('STYLE');
	} else { return []; } for( var x = 0, os = []; Lt[x]; x++ ) {
		var rel = Lt[x].rel ? Lt[x].rel : Lt[x].getAttribute ? Lt[x].getAttribute('rel') : '';
		if( typeof( rel ) == 'string' && rel.toLowerCase().indexOf('style') + 1 ) { os[os.length] = Lt[x]; }
	}
    for(var x = 0; St[x]; x++ ) {
        os[os.length] = St[x];
    }
    return os;
}
function changeStyle() {

	window.userHasChosen = window.MWJss;
	for( var x = 0, ss = getAllSheets(); ss[x]; x++ ) 
	{
		if( ss[x].title ) 
		{ 
			ss[x].disabled = true; 
			// alert("switch off" + ss[x].title)
		}
		if(arguments.length == 1)
		{
			for( var y = 0; y < arguments.length; y++ ) 
			{ 
				if( ss[x].title == arguments[y] ) 
				{
					// alert("switch on" + ss[x].title)
					ss[x].disabled = false; 
				} 
			}
		}
	} 
	removeLink("fon1");
	backToRegularView()
}
function rememberStyle( cookieName, cookieLife ) {


	// Checks to see if a view has been used.

	for( var viewUsed = false, ss = getAllSheets(), x = 0; window.MWJss && ss[x]; x++ ) 
	{
		if( ss[x].disabled != MWJss[x] ) {
		    viewUsed = true;
		    break;
		}
    	}
    	
    	
	if( !window.userHasChosen && !viewUsed ) {
        return;
    }
    
    
	for( var x = 0, outLine = '', doneYet = []; ss[x]; x++ ) {
		if( ss[x].title && ss[x].disabled == false && !doneYet[ss[x].title] ) 
		{

           	 	doneYet[ss[x].title] = true;
            		outLine += ( outLine ? ' MWJ ' : '' ) + escape( ss[x].title );
        	}
    }
	if( ss.length ) {

        document.cookie = escape( cookieName ) + '=' + escape( outLine ) + ( cookieLife ? ';expires=' + new Date( ( new Date() ).getTime() + ( cookieLife * 86400000 ) ).toGMTString() : '' ) + ';path=/';
    }
}
function useStyleAgain( cookieName ) 
{
	
	for( var x = 0; x < document.cookie.split( "; " ).length; x++ ) {
		
		var oneCookie = document.cookie.split( "; " )[x].split( "=" );

		if( oneCookie[0] == escape( cookieName ) ) {
			var styleStrings = unescape( oneCookie[1] ).split( " MWJ " );
			for( var y = 0, funcStr = ''; styleStrings[y]; y++ ) 
			{ 
				
				funcStr += ( y ? ',' : '' ) + 'unescape( styleStrings[' + y + '] )'; 
			}
			eval( 'changeStyleColour(' + funcStr + ');' );
			eval( 'changeStyleFont(' + funcStr + ');' );
           	break;
	   }
    }
    window.MWJss = []; for( var ss = getAllSheets(), x = 0; ss[x]; x++ ) {
        MWJss[x] = ss[x].disabled;
    }    	
}

function clearBackToRegularView()
{
	if(document.getElementById("returnnormalview"))
	{
		eleRemove = document.getElementById("returnnormalview");
		document.body.removeChild(eleRemove)
	}
}


function backToRegularView()
{
	var eleForm;
	var eleDiv;
	var eleInput;
	
	clearBackToRegularView()

	for( var x = 0, ss = getAllSheets(); ss[x]; x++ ) 
	{
		
		if (ss[x].rel == "alternate stylesheet")
		{
			
			if (ss[x].disabled == false )
			{
				if(ss[x].title == "col4")
				{
					var eleForm = document.createElement("form");
					var eleInput = document.createElement("input");
					var eleDiv = document.createElement("div");

					eleDiv.setAttribute("id", "returnnormalview");

					eleForm.setAttribute("action", "#");
					eleForm.setAttribute("class", "regview");
					eleForm.setAttribute("className", "regview");

					eleInput.setAttribute("type", "submit");
					eleInput.setAttribute("value", "Back to regular layout");
					eleInput.setAttribute("class", "button");
					eleInput.setAttribute("className", "button");

					eleForm.appendChild(eleInput);
					eleDiv.appendChild(eleForm);
					document.body.appendChild(eleDiv);

					eleDiv = document.getElementById("returnnormalview");
					eleInputs = eleDiv.getElementsByTagName("input");
					eleInputs[0].onclick = function () {changeStyle(''); return false}
				}
			}
		}
	}
}

// Link displayer for printing

function footnoteLinks(containerID, targetID)
{
      if (!document.getElementById || !document.getElementsByTagName || !document.createElement) return false;
      if (!document.getElementById(containerID) || !document.getElementById(targetID)) return false;

      var container = document.getElementById(containerID);
      var target    = document.getElementById(targetID);
      var h2        = document.createElement('h2');
      addClass.apply(h2,['printOnly']);

      var h2_txt    = document.createTextNode('Links');
      h2.appendChild(h2_txt);

      var coll = container.getElementsByTagName('*');
      var ol   = document.createElement('ol');
      addClass.apply(ol,['printOnly']);

      var myArr = [];
      var thisLink;
      var num = 1;
      for (var i=0; i< coll.length; i++) {
        var thisClass = coll[i].className;
        if ( (coll[i].getAttribute('href') || coll[i].getAttribute('cite')) && (thisClass == '' || thisClass.indexOf('nop') == -1)) {
          thisLink = coll[i].getAttribute('href') ? coll[i].href : coll[i].cite;
          var note = document.createElement('sup');
          addClass.apply(note,['printOnly']);
          var note_txt;
          var j = inArray.apply(myArr,[thisLink]);
          if ( j || j===0 ) {
            note_txt = document.createTextNode(j+1);
          } else {
            var li     = document.createElement('li');
            var li_txt = document.createTextNode(thisLink);
            li.appendChild(li_txt);
            ol.appendChild(li);
            myArr.push(thisLink);
            note_txt = document.createTextNode(num);
            num++;
          }
          note.appendChild(note_txt);
          if (coll[i].tagName.toLowerCase() == 'blockquote') {
            var lastChild = lastChildContainingText.apply(coll[i]);
            lastChild.appendChild(note);
          } else {
            coll[i].parentNode.insertBefore(note, coll[i].nextSibling);
          }
        }
      }
      target.appendChild(h2);
      target.appendChild(ol);
      addClass.apply(document.getElementsByTagName('html')[0],['noted']);
      return true;
}

 function doFootNoteLinks()
 {
    footnoteLinks('content','content');
 }

   function inArray(needle) {
      for (var i=0; i < this.length; i++) {
        if (this[i] === needle) {
          return i;
        }
      }
      return false;
    }
    function addClass(theClass) {
      if (this.className != '') {
        this.className += ' ' + theClass;
      } else {
        this.className = theClass;
      }
    }
    function lastChildContainingText() {
      var testChild = this.lastChild;
      var contentCntnr = ['p','li','dd'];
      while (testChild.nodeType != 1) {
        testChild = testChild.previousSibling;
      }
      var tag = testChild.tagName.toLowerCase();
      var tagInArr = inArray.apply(contentCntnr, [tag]);
      if (!tagInArr && tagInArr!==0) {
        testChild = lastChildContainingText.apply(testChild);
      }
      return testChild;
    }

function createElements(fullDisplayOptions)
{
	var div = document.createElement("div");
	var h2 = document.createElement("h2");
	var ulist = document.createElement("ul");

	h2.appendChild(document.createTextNode("Text size"));

	if (fullDisplayOptions == false)
	{
		ulist.setAttribute("id","fonts");
		var eleLiList1 = createElementLi("fon1", "Small font size", "A", "sma");
		var eleLiList2 = createElementLi("fon2", "Medium font size", "A", "med");
		var eleLiList3 = createElementLi("fon3", "large font size", "A", "lar");
		var eleFont = document.getElementById("sform"); 

		ulist.appendChild(eleLiList1);
		ulist.appendChild(eleLiList2);
		ulist.appendChild(eleLiList3);
		div.appendChild(h2);
		div.appendChild(ulist);
	}

	if (fullDisplayOptions == true)
	{
		
		div.setAttribute("class","split");
		div.setAttribute("className", "split");
		
		var divTop = document.createElement("div");
		divTop.setAttribute("class","top");
		divTop.setAttribute("className", "top");
		
		var divLeft = document.createElement("div");
		var divRight = document.createElement("div");
		divRight.setAttribute("class","half2");
		divRight.setAttribute("className", "half2");
				
		h2.setAttribute("class","second");
		h2.setAttribute("className", "second");
		
		var eleUlColour = document.createElement("ul");
		var eleUlLayout = document.createElement("ul");
		var h2Color = document.createElement("h2");
		var h2Layout = document.createElement("h2");

		var eleLiList1 = createElementLi("fon1", "", "Regular font size", "fon1");
		var eleLiList2 = createElementLi("fon2", "", "Medium font size", "fon2");
		var eleLiList3 = createElementLi("fon3", "", "Large font size", "fon3");

		eleUlColour.setAttribute("id","colour");
		eleUlLayout.setAttribute("id","layout");

		h2Color.appendChild(document.createTextNode("Display"));
		h2Color.setAttribute("class","second");
		h2Color.setAttribute("className", "second");
		h2Layout.appendChild(document.createTextNode("Layout"));
		h2Layout.setAttribute("class","second");
		h2Layout.setAttribute("className", "second");
		
		var eleLiList1col = createElementLi("col", "", "Regular display", "lay1");
		var eleLiList2col = createElementLi("col1", "", "High contrast", "lay2");
		var eleLiList3col = createElementLi("col2", "", "Dark blue on cream", "lay3");
		var eleLiList4col = createElementLi("col3", "", "Dark blue on light blue", "lay4");
		var eleLiList5col = createElementLi("col4", "", "PDA simulator", "lay5");

		ulist.appendChild(eleLiList1);
		ulist.appendChild(eleLiList2);
		ulist.appendChild(eleLiList3);
		
		eleUlColour.appendChild(eleLiList1col);
		eleUlColour.appendChild(eleLiList2col);
		eleUlColour.appendChild(eleLiList3col);
		eleUlColour.appendChild(eleLiList4col);
		eleUlColour.appendChild(eleLiList5col);
			
		divLeft.appendChild(h2Color);
		divLeft.appendChild(eleUlColour);
		
		divRight.appendChild(h2);
		divRight.appendChild(ulist);
		
		divTop.appendChild(divLeft);
		divTop.appendChild(divRight);
		
		
		div.appendChild(divTop);	
	} 
	
  	return div;
  
  }
  function fontDisplay() 
  {
  
  	/* This function check to see if the browser is recognised and calls the create elements function based on whether the divs are found. */
    	if (navigator.appName == 'Microsoft Internet Explorer' && navigator.platform == 'MacPPC' || !document.getElementById || !document.getElementById("sform")) return false;
    
    		var eleFontResizer = createElements(false);
    		
   		var eleFont = document.getElementById("fontsize"); 
   		eleFont.appendChild(eleFontResizer);
   		
 		//var para = document.createElement("p");
		//var ahref = document.createElement("a");  		
   		
		//ahref.setAttribute("href","/viewopts.shtml");
		//ahref.appendChild(document.createTextNode("More viewing options"));

		//para.appendChild(ahref);	
		//eleFont.appendChild(para);
		
    		/* If a element is found with the id displayoptions then the full options will be included */
   	
   		if(document.getElementById("jsmorestyles"))
  		{
  			var strJavaScriptUn = document.getElementById("jsmorestyles");
  			var para = document.createElement("p");
  			
			strJavaScriptUn.innerHTML = "";
  			
  			strJavaScriptUn.appendChild(document.createTextNode("For your convenience, we've provided you with a number of different ways in which you can view this website."));
  			
  			
  			var displayElements = createElements(true)
  			var eledisplayOptions = document.getElementById("jsmorestyles");
  			eledisplayOptions.appendChild(displayElements);
  			
  			
  			var newString = "fon1";
  			var newLoad = 0;
  			for( var x = 0, ss = getAllSheets(); ss[x]; x++ ) 
			{
				if(ss[x].title) 
				{
					if (ss[x].title.substr(0,3) == "fon")
					{
						// alert("Current state " + ss[x].disabled)
						if (ss[x].disabled == false)
						{
							newLoad++; 
							newString = ss[x].title;
						}
					}
				}	
  			}
  			if (newLoad > 1)
  			{
  				// If no stylesheets are selected then set to 0;
  				newString = "fon1";
  			}
  			removeLink(newString);
  		 }
  }
  function createElementLi(strType, strTextNode, strLinkText, strClass)
  {
  
  	var listitem = document.createElement("li");
  	var ahref = document.createElement("a");
	var off = document.createElement("span");
	
	listitem.setAttribute("class", strClass);
	listitem.setAttribute("className", strClass);  
	ahref.setAttribute("href","#");
	off.setAttribute("class", "off");
	off.setAttribute("className", "off");
	off.appendChild(document.createTextNode(strTextNode));
	ahref.appendChild(off);
	ahref.appendChild(document.createTextNode(strLinkText));
	listitem.appendChild(ahref);

	if (strType.substr(0,3) == "fon")
	{
		ahref.onclick = function () 
		{
		
		changeStyleFont(strType); 
				
		return false
		}
		ahref.onmouseover = function () {window.status=''; return true}
		return listitem;
	}else if (strType.substr(0,3) == "col")
	{

	
		ahref.onclick = function () 
		{

		changeStyleColour(strType); 
		return false
		}
		
		ahref.onmouseover = function () {window.status=''; return true}
		
		if(strClass != "lay5")
		{
			var eleSpan = document.createElement("span");
			eleSpan.setAttribute("class", "displaytext");
			eleSpan.setAttribute("className", "displaytext");
			eleSpan.appendChild(document.createTextNode("Sample text"));
			listitem.appendChild(eleSpan);
		}
		
		return listitem;
	}
  }

function changeStyleFont() 
{
	var strStyleSheetTitle;
	var strStyleForRemoval = "fon" + 1;
	/*alert('changeStyleFont');*/
	// window.userHasChosen = window.MWJss;
	// alert(arguments.length);
	for( var x = 0, ss = getAllSheets(); ss[x]; x++ ) 
	{
		strStyleSheetTitle = ss[x].title
		if( ss[x].title ) 
		{
			if (strStyleSheetTitle.substr(0,3) == "fon")
			{
				ss[x].disabled = true;
				
			}
		}
		if(arguments.length < 3)
		{
			for( var y = 0; y < arguments.length; y++ ) 
			{ 
				if( ss[x].title == arguments[y] ) 
				{ 
					ss[x].disabled = false; 
					strStyleForRemoval = ss[x].title;
					//alert(ss[x].title + ' enabled');
				} 
			}
		}
	}
	removeLink(strStyleForRemoval);
}

function changeStyleColour() 
{
	var strStyleSheetTitle;
	var strStyleForRemoval;
	// window.userHasChosen = window.MWJss;
	// alert(arguments.length);
	for( var x = 0, ss = getAllSheets(); ss[x]; x++ ) 
	{
		strStyleSheetTitle = ss[x].title
		if( ss[x].title ) 
		{
			if (strStyleSheetTitle.substr(0,3) == "col")
			{
				ss[x].disabled = true;
			}
		}
		if(arguments.length < 3)
		{
			for( var y = 0; y < arguments.length; y++ ) 
			{ 
				if( ss[x].title == arguments[y] ) 
				{ 			
					ss[x].disabled = false;	
				} 
			}
		}
	}
	backToRegularView();
}
function removeLink(strStyleForRemoval)
{
	//alert(strStyleForRemoval);
	if (document.getElementById("jsmorestyles"))
	{
		eleMoreStyleOptions = document.getElementById("jsmorestyles");
		// alert(eleMoreStyleOptions);
		eleLinks = eleMoreStyleOptions.getElementsByTagName('li');
		// alert("num of links " + eleLinks.length);
		removeAlllinks();
		 for( var numOfLinks = 0; numOfLinks < eleLinks.length; numOfLinks++ ) 
		 {
		 	
		 	// alert(eleLinks[numOfLinks].className + " : " + numOfLinks);
			if(eleLinks[numOfLinks].className == strStyleForRemoval)
			{
				//alert("match " + eleLinks[numOfLinks].className + " : " + numOfLinks);
				eleLinks[numOfLinks].setAttribute("id", "selected");
			}
		 }
	}
	// alert(document.getElementById("jsmorestyles").innerHTML)
}
function removeAlllinks()
{
	// alert("remove");
	eleMoreStyleOptions = document.getElementById("jsmorestyles");
	eleLinks = eleMoreStyleOptions.getElementsByTagName('li');
	for( var numOfLinks = 0; numOfLinks < eleLinks.length; numOfLinks++ ) 
	{
		eleLinks[numOfLinks].setAttribute("id", ""); 
	}
}



window.onload = function(e) {

    useStyleAgain('styleStore');
    
}

window.onunload = function(e) {

    rememberStyle('styleStore',10);
}


addLoadEvent(fontDisplay);

/*
addLoadEvent(prepareForms);
addLoadEvent(doPopups);
addLoadEvent(doVirtual);
addLoadEvent(doTellFriend);
addLoadEvent(cancelLink);

addLoadEvent(roundedCorners);
addLoadEvent(changeMail);
addLoadEvent(doFootNoteLinks);
*/