$(document).ready(function() {
	$('#commentbox,.box1,.box2,.box3,.box4').hide();
	$('a.comment-toggle').click(function() {
    $('#commentbox').toggle(400);
  	return false;
	});
	$('.pics').cycle({ 
		fx:    'fade', 
		speed:  2500 
	 });
	 $('.spics').cycle({ 
		fx:    'fade', 
		speed:  1000 
	 });
	$('a.tbox1').click(function() {
    $('.box1').toggle(400);
  	return false;
	});
	$('a.tbox2').click(function() {
    $('.box2').toggle(400);
  	return false;
	});
	$('a.tbox3').click(function() {
    $('.box3').toggle(400);
  	return false;
	});
	$('a.tbox4').click(function() {
    $('.box4').toggle(400);
  	return false;
	});
	$(".msg_body").hide();
  //toggle the componenet with class msg_body
  	$(".msg_head").click(function()
  {
    $(this).next(".msg_body").slideToggle(400);
  });
	
});

sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i < sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
$(function() {
  fontResizer('.8em','1.0em','1.1em');
  
});
	
<!--- pngfix creates problem in ie6 (more than likely the document part as it messes with the first document)---> 
$(document).ready(function(){ 
	$('img').pngFix(); 
	$('div').pngFix(); 
});
$("#galleryform").validate();
$('#gallery a').lightBox(); 
$('#password-clear').show();
$('#password-password').hide();
$('#password-clear').focus(function() {
    $('#password-clear').hide();
    $('#password-password').show();
    $('#password-password').focus();
});
$('#password-password').blur(function() {
    if($('#password-password').val() == '') {
        $('#password-clear').show();
        $('#password-password').hide();
    }
});