$(document).ready(function(){
  setup_slider();
  show_slider_on_hover();
  bind_keys_to_portoflio();
  update_page_height();
  format_blog();
  
});

function portfolio_change_menu(option){
  $(".web, .branding, .infographics, .collateral").css('display', 'none');
  $("."+option).css('display', '');
}

function update_page_height(){
  var new_heigth = window.innerHeight;
  $('#home').css('height', new_heigth);
  $('#how').css('height', new_heigth);
  $('#portfolio').css('height', new_heigth);
  $('#about_us').css('height', new_heigth);
}

function bind_keys_to_portoflio() {

  $(document).keyup(function(event) {

   var code = (event.keyCode ? event.keyCode : event.which);
   if (code == '37') {
     $("#slider0prev a, #slider1prev a").click();
   }
   if (code == '39') {
     $("#slider0next a, #slider1next a").click();
   }
  });

}


function show_slider_on_hover(){
  $("#slider0prev, #slider1prev, #slider2prev, #slider3prev").hide();
  $("#slider0next, #slider1next, #slider2next, #slider3next").hide();

  $(".web, .branding, .infographics, .collateral").hover(function(){
    $("#slider0prev, #slider1prev, #slider2prev, #slider3prev").fadeIn();
    $("#slider0next, #slider1next, #slider2next, #slider3next").fadeIn();
  },function(){
    $("#slider0prev, #slider1prev, #slider2prev, #slider3prev").fadeOut();
    $("#slider0next, #slider1next, #slider2next, #slider3next").fadeOut();	
  });

}

function setup_slider(){
  var cont = 0;
  $(".slider").each(function(){
	  $(this).easySlider({
	    continuous: true,
		nextId: "slider"+cont+"next",
		prevId: "slider"+cont+"prev"
	  });
	  cont += 1;
	  $(this).attr('style', $(".web .slider").attr('style'));
  })
  $(".branding, .infographics, .collateral").css('display','none'); 

}

function goToByScroll(id){
  $('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');
}

function format_blog(){
 $("div#posts div.post div.body img").each(function(){
   $(this).css('float', 'left');
   $(this).css('margin', '10px 10px 10px 0');
 });	
	
 $("div#posts div.post div.body").each(function(){
   $(this).html($(this).html().replace(/<br>/g, ''));
 });	
}