// JavaScript Document Jquery

$(document).ready(function(){
  
  $('.form2').hide();
  
  $('.add').click(function() {
  
    $('.form2').fadeIn(500);
  
  }
  
  
  )
  
  //pro polozku jedna 
  $('.item1').hover(
      function () {
      $('.item1 .target').animate({marginLeft: "15px"},500)
    
    
    },
    
    function () {
      $('.item1 .target').animate({marginLeft: "0px"},200)
    
    
    }
  
  )
  
  //pro polozku dva
  $('.item2').hover(
     function () {
      $('.item2 .target').animate({marginLeft: "15px"},500)
    
    
    },
    
    function () {
      $('.item2 .target').animate({marginLeft: "0px"},200)
    
    
    }
  
  )
  
  //pro polozku 3
  $('.item3').hover(
      function () {
      $('.item3 .target').animate({marginLeft: "15px"},500)
    
    
    },
    
    function () {
      $('.item3 .target').animate({marginLeft: "0px"},200)
    
    
    }
  
  )
  
  //pro polozku 4
  $('.item4').hover(
    function () {
      $('.item4 .target').animate({marginLeft: "15px"},500)
    
    
    },
    
    function () {
      $('.item4 .target').animate({marginLeft: "0px"},200)
    
    
    }
  
  )
  
  //pro polozku 5
  $('.item5').hover(
    function () {
      $('.item5 .target').animate({marginLeft: "15px"},500)
    },
    
    function () {
      $('.item5 .target').animate({marginLeft: "0px"},200)
    }
  
  )
  
  //pro polozku 6
  $('.item6').hover(
    function () {
      $('.item6 .target').animate({marginLeft: "15px"},500)
    },
    
    function () {
      $('.item6 .target').animate({marginLeft: "0px"},200)
    }
  
  )
  
  //pro polozku 7
  $('.item7').hover(
    function () {
      $('.item7 .target').animate({marginLeft: "15px"},500)
    },
    
    function () {
      $('.item7 .target').animate({marginLeft: "0px"},200)
    }
  
  )
  



});