var TIID;
$(function(){
  
  $("div.imageinfo").slideUp(10).css("opacity", "0.8");
  $("p.viainfo").slideUp(10).css("opacity", "0.8");
  
  $("div.img-link a").mouseover(function(){
    clearTimeout(TIID);
    $("div.imageinfo").slideUp(200);
    $("p.viainfo").slideUp(200);
    
    $("div.imageinfo", $(this).parent().parent()).slideDown(500, "backout");
    var ob = $(this).parent().parent();
    TIID=setTimeout(function(){$("p.viainfo", ob).slideDown(500, "backout");}, 100)
    
  });
  
  $("div.img-link a").mouseout(function(){
    
    $("div.imageinfo", $(this).parent().parent())
    .slideUp(200)
    $("p.viainfo", $(this).parent().parent())
    .slideUp(200)
  });
  
  $("img.main-img").load(function(){
    var w = $(this).width();
    var h = $(this).height();
    
    if(w>h)
    {
      $(this).css("height", "230px");
    }
    else
    {
      $(this).css("width", "230px");
    }
  });

  
})