$(document).ready(function() {

WHeight = $(window).height();

if (WHeight < 700) 
{

  $('#footer-bg').animate({
    height: '120px'
  }, 4000, function() {
  
    });
  $('#developer').animate({
    paddingTop: '65px'
  }, 4000, function() {
  });
  
  
  $('#footer-bg').animate({
    height: '55px'
  }, 1000, function() {
   $('#down-arrow').hide();
   $('#up-arrow').show();
  });
  
    $('#developer').animate({
    paddingTop: '-=43'
  }, 1000, function() {
  });

};

$('#menu-stripe').css({'top' : Cursor})

$('#slideshow').cycle({ 
    fx:     'fade', 
    speed:  '500', 
    timeout: 10000, 
    next:   '#right-arrow', 
    prev:   '#left-arrow' 
});


$('#gray-box').click(function() {

  $('#gray-box').animate({
    height: '+=65'
  }, 500, function() {
  $('#gray-box').animate({
    height: '-=65'
  });
    });
  
});


$('#down-arrow').click(function() {
  $('#footer-bg').animate({
    height: '55px'
  }, 1000, function() {
   $('#down-arrow').hide();
   $('#up-arrow').show();
  });
  
    $('#developer').animate({
    paddingTop: '-=43'
  }, 1000, function() {
  });
  
});


$('#up-arrow').click(function() {
  $('#footer-bg').animate({
    height: '120px'
  }, 1000, function() {
   $('#up-arrow').hide();
   $('#down-arrow').show();
  });
  
    $('#developer').animate({
    paddingTop: '+=43'
  }, 1000, function() {
  });
  
});




$('#menu-home').mouseover(function() {
 $('#menu-stripe').stop().animate({
    top: '92px'
  }, 1000, function() {
  });
})

$('#menu-ourcompany').mouseover(function() {
 $('#menu-stripe').stop().animate({
    top: '139px'
  }, 1000, function() {
  });
});


$('#menu-services').mouseover(function() {
 $('#menu-stripe').stop().animate({
    top: '186px'
  }, 1000, function() {
  });
});



$('#menu-projects').mouseover(function() {
 $('#menu-stripe').stop().animate({
    top: '233px'
  }, 1000, function() {
  });
});



$('#menu-careers').mouseover(function() {
 $('#menu-stripe').stop().animate({
    top: '279px'
  }, 1000, function() {
  });
});



$('#menu-contactus').mouseover(function() {
 $('#menu-stripe').stop().animate({
    top: '326px'
  }, 1000, function() {
  });
});


$('.menu').mouseout(function() {
 $('#menu-stripe').stop().animate({
    top: Cursor
  }, 1000, function() {
  });
});

});