$( function(){
    $('.galeria-trabajos').css({position:'relative'})
    var gals = $('.galeria-trabajos').find('div')
    $(gals).css({position:'absolute',opacity:0,top:-200})
    var ngals = $(gals).length
    ver_trabajo($(gals).eq(rand(ngals)-1).attr('name'))
    
    $('.miniaturas-trabajos').find('img').click( function(){
        $(this).css({opacity:0.75,position:'relative'})
        var n = $(this).attr('src').split("/")
        ver_trabajo( n[n.length-1].split('.')[0].replace('-mini','') )
    })
})

function ver_trabajo(n){
  $('.galeria-trabajos').find('div').css({opacity:0,top:-200})
  $('.miniaturas-trabajos').find('img').animate({left:0,opacity:0.75},500)
  $('.galeria-trabajos').find('div[name='+n+']').css({top:0}).animate({opacity:1},500)
  $('.miniaturas-trabajos').find('img[src=/jt/files/trabajos/'+n+'-mini.jpg]').
    css({'position':'relative'}).animate({left:18,opacity:1},500)
}


function rand(num) {
 return Math.floor(Math.random() * num) + 1;
}