$(function(){$('.thumb a').click(showAsset);$('#main-viewer img').live('click',function(){var next_thumb=getNextThumbLink();next_thumb.trigger('click');});});function getNextThumbLink(){var now_thumb=$('.thumb .curr').parent();var count=now_thumb.parent().children('.thumb').length;var index=now_thumb.parent().children('.thumb').index(now_thumb)+1;if(index>=count)index=0;var next_thumb=now_thumb.parent().children().eq(index).find('a');return next_thumb;}
function showAsset(e){e.preventDefault();var old_thumb=$('.thumb .curr');var new_thumb=$(e.currentTarget);var old_asset_url=old_thumb.attr('href');var new_asset_url=new_thumb.attr('href');if(!showAsset.old_asset)showAsset.old_asset=$('#main-viewer *');var old_asset=showAsset.old_asset;var ext=new_asset_url.substr(new_asset_url.lastIndexOf('.')+1);if(ext=='jpg'||ext=='jpeg'||ext=='gif'||ext=='png')var type='image';if(old_asset_url==new_asset_url)return;old_thumb.removeClass('curr');new_thumb.addClass('curr');var loader=new_thumb.find('.loader');loader.fadeIn();var transition=function(){var span=500;new_asset.animate({opacity:1},span,null,function(){old_asset.remove();});showAsset.old_asset=new_asset;loader.stop();loader.fadeOut();}
if(type=='image'){$("#main-viewer").append('<img src="'+new_asset_url+'" alt="" />');var new_asset=$('#main-viewer img:last');new_asset.css({opacity:0,position:'absolute',top:0,left:0});new_asset.load(transition);}}
function stateListener(msg){if(msg.newstate=='COMPLETED'){var next_thumb=getNextThumbLink();next_thumb.trigger('click');}}