// JavaScript Document

var emailText = "enter email address";

$.preloadImages("/media/peelback-sprite.png");

$("document").ready(function() {

   $("#header dl.features dd").hide();
   $("#header dl.features dt").hide().filter(":first").addClass("current").show().next("dd").show();
   $.timer(8000, function (timer) {
       if ($("#header dl.features dt.current").nextAll("dt").filter(":first").size() == 0) {
           $("#header dl.features dt.current").fadeOut(500).next("dd").fadeOut(500);
           $("#header dl.features dt").filter(":first").fadeIn(500).addClass("current").next("dd").fadeIn(500);
       } else {
           $("#header dl.features dt.current").fadeOut(500).next("dd").fadeOut(500)
             .end().nextAll("dt").filter(":first").fadeIn(500).next("dd").fadeIn(500);
           $("#header dl.features dt.current").removeClass("current").nextAll("dt").filter(":first").addClass("current");
       }
   });   
   
   //hack - technically not valid XHTML in DOM
    $("div#peelback img").attr("frames", "7");

	$("div#peelback p").hide();
	$("div#peelback img").hide().fadeIn(1000,function() {
		$(this).addClass('animated-peelback-sprite');
	});
    $.timer(100, function (timer) {

        $("img.animated-peelback-sprite").each(function (i) {
            var numFrames = $(this).attr("frames");
            var top = String($(this).css("top"));
            var height = $(this).attr("height");
            var frameHeight = height / numFrames;
            top = top.split("p");
            top = top[0];
            top = top - frameHeight;
            if ((top * -1) / frameHeight >= (numFrames -1)) {
				$(this).removeClass('animated-peelback-sprite');
				$("div#peelback p").fadeIn(1000);
            }
            top = String(top) + 'px';
            $(this).css("top", top);
        });
    });
   
    if($("input.email-address").length > 0 && $("input.email-address").val().length == 0) {
        $("input.email-address").val(emailText);
    }
    
    $("input.email-address").focus(function() {
        if($("input.email-address").val() == emailText) {
            $("input.email-address").val("");
        }        
    }).blur(function() {
        if($("input.email-address").val().length == 0) {
            $("input.email-address").val(emailText);
        }    
    });
   
});