/* * DoddleFlix Image Gallery * http://www.doddlemedia.com * * Copyright (c) 2010 Doddle Media * * Date: 23-01-2010 * Version: 1.0 */var n=0;var ctime;$(window).load(function(){$('#timer').css({display:'none'});$('#DoddleFlix').css({display:'block'});imgArray=$('#DoddleFlix img').get();$.each(imgArray,function(i,v){var h;var w;v.w=$(v).width();v.h=$(v).height();});$('#DoddleFlix img').css({opacity:0,width:'100%',height:'100%'});setupImgs(imgArray);thumbArray=$('#DoddleFlix_thumbs a').get();$(imgArray[0]).css({display:'block',opacity:1});$('#DoddleFlix_canvas').css({width:imgArray[0].w+'px',height:imgArray[0].h+'px',marginLeft:-imgArray[0].w/2+'px',marginTop:-imgArray[0].h/2+'px'});$.each(thumbArray,function(i,v){var pos;this.pos=i;});$($(thumbArray[0]).parent()).addClass('selected');$('.DoddleFlix_nav').css({opacity:'0.35'});$('.DoddleFlix_nav').hover(function(){$(this).fadeTo(200,0.75);},function(){$(this).fadeTo(200,0.35);});$('#DoddleFlix_next').click(function(){imgBlend(nextImg());});$('#DoddleFlix_prev').click(function(){imgBlend(prevImg());});$('#DoddleFlix_canvas').hover(function(){clearInterval(ctime);},function(){ctime=setInterval(function(){imgBlend()},3000);});$('#DoddleFlix_thumbs a').click(function(){clearInterval(ctime);imgBlend(this.pos);return false;});ctime=setInterval(function(){imgBlend()},3000);});function imgBlend(o){if(typeof o!='number')o=nextImg();if(n!=o){$('#DoddleFlix_canvas').animate({width:imgArray[o].w+'px',height:imgArray[o].h+'px',marginLeft:-imgArray[o].w/2+'px',marginTop:-imgArray[o].h/2+'px'},500);$(imgArray[o]).css({display:'block'});$(imgArray[n]).fadeTo(500,0,function(){$(this).css({display:'none'});});$(imgArray[o]).fadeTo(500,1);$($(thumbArray[n]).parent()).removeClass('selected');$($(thumbArray[o]).parent()).addClass('selected');n=o;}}function nextImg(){if(n==imgArray.length-1){return 0;}else{return n+1;}}function prevImg(){if(n==0){return imgArray.length-1;}else{return n-1;}}function setupImgs(a){s='<ul>';$.each(a,function(i,v){s+='<li><a href="#"><img src="'+v.src+'" width="120px" /></a></li>';});s+='</ul>';$('#DoddleFlix_thumbs').append(s);}