sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
         if (document.getElementById("sermonLists")) {
            document.getElementById("sermonLists").style.visibility="hidden";
         }
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
			if (document.getElementById("sermonLists")) {
            document.getElementById("sermonLists").style.visibility="visible";
			}
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

function textCounter(field,cntfield,maxlimit) {
  // if too long...trim it!
  if (field.value.length > maxlimit) {
    field.value = field.value.substring(0, maxlimit);
  }
  // otherwise, update 'characters left' counter
  else {
    cntfield.value = maxlimit - field.value.length;
  }
}


$(document).ready(function() {
  $("#content-wrap").addClass("clearfix");
  
  $('#footer p:first').addClass("first");

  $('#sidebar h4:first').addClass("first");

  $('.monkForm legend:first').hide();
  
  $("legend").wrap("<span></span>");
  
  if (window.location.pathname == "/resources/life-change-stories/") {
    $("a[onclick^=waspPopup]").each(function() {
        var $this = $(this);
        var title = $this.attr("title");
  
        var onclickVal = $this.attr("onclick").toString();
        //onclickVal = onclickVal.replace('480', '330');
        //onclickVal = onclickVal.replace('360', '272');
        var fnBodyString = onclickVal.match(/\bhttp\:\/\/[a-z\/\:\.\-]+\b/)[0];
        $this.parent().append("<a href='javascript:void(0);' onclick='waspPopup(\""+fnBodyString + "\", 330, 272)' title='"+title+"'>Watch Video</a>");
        $this.remove();
  
    });
  }
  
  // <textarea name="message1" wrap="physical" cols="28" rows="5"
  // onKeyDown="textCounter(document.myForm.message1,document.myForm.remLen1,125)"
  // onKeyUp="textCounter(document.myForm.message1,document.myForm.remLen1,125)"></textarea>
  // <br>
  // <input readonly type="text" name="remLen1" size="3" maxlength="3" value="125">
  // characters left
  
  $("textarea#area_20345").closest('form').attr('name','baptismForm');
  
  $("textarea#area_20345").attr({
      name:"countedArea",
      onKeyDown:"textCounter(document.baptismForm.countedArea,document.baptismForm.remLen1,700)",
      onKeyUp:"textCounter(document.baptismForm.countedArea,document.baptismForm.remLen1,700)"
    }).
    after("<input readonly type='text' name='remLen1' size='3' maxlength='3' value='700'>&nbsp;characters left");
  
  
});