//COUNTDOWN LAYOUT
$(function () {
$('#countdown').countdown({until: secondsStr, compact: true, 
    layout: '<div class="days"><div class="image{d100} centos"></div><div class="image{d10}"></div><div class="image{d1}"></div></div>' +
			'<div class="hours"><div class="image{h10}"></div><div class="image{h1}"></div></div>' +
			'<div class="minutes"><div class="image{m10}"></div><div class="image{m1}"></div></div><div class="seconds"><div class="image{s10}"></div>' +
			'<div class="image{s1}"></div></div>'});
});


//CHANGING EMAIL INPUT FIELD
$(document).ready(function() {
    $('input[type="text"]').addClass("idleField");
	$('input[type="text"]').focus(function() {
		$(this).removeClass("idleField").addClass("focusField");
        if(this.value != this.defaultValue){
	    	this.select();
        }
    });
    $('input[type="text"]').blur(function() {
    	$(this).removeClass("focusField").addClass("idleField");
        if(this.value != ''){
	    	$(this).removeClass("idleField").addClass("focusField");
        }
    });
});

//TOOLTIPS
$(document).ready(function() {
  $('.tooltip').hover(
    function() {
    this.tip = this.title;
    $(this).append(
     '<div class="toolTipWrapper">'
          +this.tip
      +'</div>'
    );
    this.title = "";
    this.width = $(this).width();
    $(this).find('.toolTipWrapper').css({left:this.width-69})
    $('.toolTipWrapper').animate({opacity: "show", top: "-35"}, "fast");
  },
    function() {
      $('.toolTipWrapper').fadeOut(300);
      $('.toolTipWrapper').remove();
        this.title = this.tip;
      }
  );
});