/* ******************************
	Author: Matthias Mentasti
	Website: www.mment.at
	E-Mail: matthias@mment.at
	Status: feeling awesome
****************************** */

$(document).ready(function(){	
   
   $('#weitzer').delay(500).fadeIn(2000);
   $('#daniel').delay(1500).fadeIn(2000);
   $('#wiesler').delay(2500).fadeIn(2000);
   $('#grazsecrets').delay(3500).fadeIn(2500);
   
   $('.col').hoverIntent(function() {
      $(this).find('.area').animate({
         'top' : '+=17px'
      },300);
      $(this).find('.area').delay(100).animate({
         'top' : '-=327px',
         'height' : '469px'
      }, { duration: 800, easing: 'easeOutCirc' });
      $(this).find('.fblink').delay(1000).fadeIn(1500);
      $(this).find('.visit').delay(1500).fadeIn(2000);
/*      $(this).find('img').animate({
         'margin-left' : '-=5px',
         'width' : '310px',
         'height' : '486px'
      });*/
   }, function() { 
      $(this).find('.fblink').fadeOut(1000);
      $(this).find('.visit').fadeOut(700);
      $(this).find('.area').delay(1000).animate({
         'top' : '+=310px',
         'height' : '142px'
      }, { duration: 1000, easing: 'easeOutCirc' });
/*      $(this).find('img').animate({
         'margin-left' : '+=5px',
         'width' : '300px',
         'height' : '470px'
      });*/
   });
   
   /* Zweite Animationsvariante */
   /*
   $('.col').hoverIntent(function() {
      $(this).find('.area').delay(100).animate({
         'top' : '-=310px',
         'height' : '469px'
      }, { duration: 'slow', easing: 'easeOutCirc' });
      $(this).find('.fblink').delay(500).fadeIn(1500);
   }, function() { 
      $(this).find('.fblink').fadeOut(500);
   });
 
   */


});