X
X
$(function(){ var _f=$('.showsubs:first'); var _id=_f.attr('data-id'); $('.main').hide(); $('#'+_id).show(); var _x=_f.offset().left; var _w=_f.css('width'); var _l=_w.length-2; _w=Math.round((_w.substr(0,_l))/2)-20; $('#filter-bar-pointer').css('left',_x+_w); $('#videoplaywrapmusk').height($(document).height()); $('.viewpic').click(function(){ $('#videoplaywrap').hide(); $('#videoplaywrapmusk').show(); var _img=$(this).attr('data-img'); $('#imgwrap').attr('src',_img); $('#imgplaywrap').show(); }); $('#imgwrap').bind('load',function(){ var w=$(this).width(); var h=$(this).height(); $('#imgplaywrap').css('height',h); $('#imgplaywrap').css('width',w); var l=-(w/2); var t=-(h/2); $('#imgplaywrap').css('margin-left',l); $('#imgplaywrap').css('margin-top',t); }) $('#imgwrap').bind('click',function(){ $('#imgplaywrap').hide(); $('#videoplaywrapmusk').hide(); }) $('.showsubs').click(function(){ var _x=$(this).offset().left; var _w=$(this).css('width'); var _l=_w.length-2; _w=Math.round((_w.substr(0,_l))/2)-20; var _id=$(this).attr('data-id'); $('.main').fadeOut("800"); setTimeout(function () { $('#'+_id).fadeIn("800"); }, 200); $('#filter-bar-pointer').animate({left:_x+_w+'px'}); }); });