$(document).ready(function(){

/* --------------------  Összepakolászom ----------------- */

   $('#container h1').css("opacity", "0");
   $('#primary_content').css("opacity", "0");
   $('#kiadvanyok').css("width", "0");
   var sch = $('#allando_tartalom').height();
   $('#allando_tartalom').css("height", "0");
   $('#allando_tartalom').css("opacity", "0");
   $('#container h1').animate({
      'opacity': '0.01'
      }, 1500, function() {
         $('#kiadvanyok').animate({ 
      	  width: '100%'
      	  }, 700, function() {
            $('#primary_content').animate({
               'opacity': '1'
            }, 400, function() {
            $('#allando_tartalom').animate({
               'height': "800px",
               'opacity': '1'
            }, 600, function() {
               $('#container h1').stop().animate({
                  opacity: "1"
               });
            })
         })
      })
   })
   
/* --------------------  Kezelem az eseményeket ----------------- 


    $('#kiadvanyok li').click(function() {
        window.open($(this).find('a').attr('href'));
      });
      */
   $('#kiadvanyok li').hover(function() {
      
      $('#content, h1').stop().animate({opacity: ".2"});
      $('.morph').stop().animate({'color': '#dddfd2'}, 400);
      $('.morph_alt').stop().animate({'color': '#dddfd2'}, 400);
            
      $(this).stop().animate({
      	width: "318px"
      	}, 300, function() {
      })
      $(this).find('h3').stop().animate({
      	backgroundPosition: "-72px"
      	}, 300, function() {
      })
   }, function() {
      $('.morph').stop().animate({'color': '#dddfd2'}, 400);
      $('.morph_alt').stop().animate({'color': '#dddfd2'}, 400);
      $('#content, h1').stop().animate({opacity: "1"});
   	$(this).stop().animate({
      	width: "72px"
      	}, 300, function() {
      })
      $(this).find('h3').stop().animate({
      	backgroundPosition: "0px"
      	}, 300, function() {
      })
   })
});