$(document).ready(function() {
  var i = 0;
  var ta;
  var s = 80;
  
  
  if ( $('#project_title').length > 0 ){
    if ($('#new_title_show')<1){
      $('#menu ul').append("<li id='new_title_show'><li>")
    }
    $('#project_title').focus();
    $('#project_title').keyup(function() {
      $('#new_title_show').html($('#project_title').val())
    })
  }
  
  
  
  $('#images div').hide();
  $('#images div:first').show();
  $('.switch a:first').addClass('act');
  
  $('.switch a').click(function() {
    $('.switch a').removeClass('act');
    $(this).addClass('act');
    var currentTab = $(this).attr('href');
	  $('#images div').hide();
	  $(currentTab).show();
	  return false;
  });
  
  $('#header h1').hover(function() {
    i=0;
    $('#pik').show();
    ta = setTimeout(pik, s)
  }, function() {
    i=6;
    ta = setTimeout(puk, s)
  });
  
  function pik (argument) {
    $('#pik').css({'background-position': '0 '+i*-60+'px'});
    if (i<6){
      i++;
      ta = setTimeout(pik, s);
    }
  }
  function puk (argument) {
    $('#pik').css({'background-position': '0 '+i*-60+'px'});
    if (i<9){
        i++;
        ta = setTimeout(puk, s);
    }else{$('#pik').hide()}
    
    
    
  }
});