$(function() {
$('#slides') 
.cycle({ 
    fx:     'fade', 

    timeout: 6000, 
    pager:  '#pager',
      prev:   '#prev',
      next:   '#next',
        pagerAnchorBuilder: pagerFactory
    });

    function pagerFactory(idx, slide) {
        var s = idx > 20 ? ' style="display:none"' : '';
        return '<li'+s+'><a href="#">'+(idx+1)+'</a></li>';
    };


$('#pause').toggle(function() {
                $('#slides').cycle('pause');
                $("#pause").attr("src","/images/template/play.gif");
                }, function() {
                $('#slides').cycle('resume', true);
                $("#pause").attr("src","/images/template/pause.gif");
        });


$('#tabs').cycle({ 
    fx:    'fade', 
     timeout: 0, 
        pager:      '#tabnav',
        pagerEvent: 'mouseover',
        fastOnEvent: true,
    pause:           1,      // true to enable "pause on hover" 
    pauseOnPagerHover: 1, // true to pause when hovering over pager link 
        cleartype: true,
    pagerAnchorBuilder: function(idx, slide) { 
        // return selector string for existing anchor 
        return '#tabnav li:eq(' + idx + ') a'; 
    } 
});

});

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 clearText(thefield){
if (thefield.defaultValue==thefield.value)
thefield.value = ""
}