$(function(){var g=$("#movie");var k=$("#movie-canvas");var u=500;var f=10;var e=$("#flipnames input.flipname");var t=$("#flip-countainer");var j=null;var s=new Array();s.cell_size=[parseInt($("#cell_size_x").val()),parseInt($("#cell_size_y").val())];s.matrix_size=[parseInt($("#matrix_size_x").val()),parseInt($("#matrix_size_y").val())];s.matrix_size_multi=s.matrix_size[0]*s.matrix_size[1];var o=[s.cell_size[0]*s.matrix_size[0],s.cell_size[1]*s.matrix_size[1]];var l=$("#progressbar");var m=1;var c=false;if((navigator.userAgent.match(/iPhone/i))||(navigator.userAgent.match(/iPad/i))){m=2}else{if(/MSIE (\d+\.\d+);/.test(navigator.userAgent)){var p=new Number(RegExp.$1);if(p<=8){c=true}}}if(c===false){var d=k.get(0).getContext("2d")}var r=new Array();r.all_cell_num=parseInt($("#all_cell_num").val());r.cur_step=0;r.active_position_array=new Array();r.background_position_array=new Array();var h,q,b;for(i=0;i<r.all_cell_num;i=i+1){r.active_position_array[i]=Math.ceil(100/r.all_cell_num*i);h=i%(s.matrix_size_multi);q=h%s.matrix_size[0];b=(h-q)/s.matrix_size[0];r.background_position_array[i]=[s.cell_size[0]*q,s.cell_size[1]*b]}var a=function(v){if((v<0)||(r.all_cell_num<=v)){return false}r.cur_step=v;l.find("li").removeClass("active");l.find("li").eq(r.active_position_array[v]).addClass("active");$(".tweet").hide();var w=Math.floor(v/(s.matrix_size_multi));t.find("img").remove();$.each(e.slice(w,w+f),function(x,y){if(x===0){$("<img>").attr("src",$(this).attr("value")).load(function(){j=$(this).data("exists",true);k.get(0).width=960;var z=r.background_position_array[v];if(c){g.css("background-image","url(%s)".replace("%s",j.attr("src")));g.css("background-position",(-z[0]).toString()+"px "+(-z[1]).toString()+"px")}else{if(m===1){d.drawImage(j.get(0),z[0],z[1],960,470,0,0,960,470)}else{d.drawImage(j.get(0),z[0]/m,z[1]/m,960/m,470/m,0,0,960,470)}}}).appendTo(t)}else{$("<img>").attr("src",$(this).attr("value")).load(function(){$(this).data("exists",true)}).appendTo(t)}});return true};var n=function(){var w=r.cur_step+1;if((w%s.matrix_size_multi)===0){var v=j.next();if(v.data("exists")){var x=j;j=v;var A=Math.floor(w/(s.matrix_size_multi));var z=$(e.get(A+f-1));if(z.length){$("<img>").attr("src",z.attr("value")).load(function(){$(this).data("exists",true)}).appendTo(t);x.remove()}}else{clearTimeout(r.timer);r.timer=setTimeout(n,500);return}}var y=r.background_position_array[w];if(c){g.css("background-image","url(%s)".replace("%s",j.attr("src")));g.css("background-position",(-y[0]).toString()+"px "+(-y[1]).toString()+"px")}else{if(m===1){d.drawImage(j.get(0),y[0],y[1],960,470,0,0,960,470)}else{d.drawImage(j.get(0),y[0]/m,y[1]/m,960/m,470/m,0,0,960,470)}}if(r.active_position_array[r.cur_step]!==r.active_position_array[w]){l.find("li").eq(r.active_position_array[r.cur_step]).removeClass("active");l.find("li").eq(r.active_position_array[w]).addClass("active")}$(".show-"+w.toString()+":hidden").show();$(".hide-"+w.toString()+":visible").animate({height:"toggle",opacity:"toggle"},"slow");r.cur_step=w;if(w+1<r.all_cell_num){r.timer=setTimeout(n,u)}else{l.find("li").eq(r.active_position_array[r.cur_step]).removeClass("active");l.find("li").last().addClass("active")}};$("#goto-top").click(function(){clearTimeout(r.timer);a(0);r.timer=setTimeout(n,500);return false});$("#goto-last").click(function(){clearTimeout(r.timer);a(r.all_cell_num-1);l.find("li").eq(r.active_position_array[r.cur_step]).removeClass("active");l.find("li").last().addClass("active");return false});l.find("li").click(function(){clearTimeout(r.timer);for(i=0;i<r.all_cell_num;i+=1){if(l.find("li").index(this)<=r.active_position_array[i]){a(i);break}}r.timer=setTimeout(n,500)});if(a(0)){$(t.find("img").get(0)).load(function(){r.timer=setTimeout(n,1000)})}});