/*
*@author: uzzal(http://uzzal.wordpress.com)
*/
(function(a){a.fn.flipper=function(d){return this.each(function(){flipper.init(a,this,d)})}})(jQuery); var flipper={height:485,width:450,timer:void 0,pre_timer:void 0,current:0,nav_on_position:0,nav_off_position:20,nav_off_timer:void 0,init:function(a,d,c){var b=this;b.loadDom(a,d,c);a(d).hover(function(){b.navOn(a)},function(){b.navOff(a)});a(".flipper_nav_1").click(function(){b.moveTo(a,1)});a(".flipper_nav_2").click(function(){b.moveTo(a,2)});a(".flipper_nav_3").click(function(){b.moveTo(a,3)});a(".flipper_nav_4").click(function(){b.moveTo(a,4)});a(".flipper_nav_5").click(function(){b.moveTo(a, 5)});a(".flipper_nav_6").click(function(){b.moveTo(a,6)});this.preload(a,c)},loadDom:function(a,d,c){var b="";b+='<div id="flipper_display">';b+='<div id="flipper_slides">';b+='<div class="flipper_slide"><a target="_blank" href="'+c.url1+'"><img id="fslide1" src="'+c.slide1+'" alt="" /></a></div>';b+='<div class="flipper_slide"><a target="_blank" href="'+c.url2+'"><img id="fslide2" src="'+c.slide2+'" alt="" /></a></div>';b+='<div class="flipper_slide"><a target="_blank" href="'+c.url3+'"><img id="fslide3" src="'+ c.slide3+'" alt="" /></a></div>';b+='<div class="flipper_slide"><a target="_blank" href="'+c.url4+'"><img id="fslide4" src="'+c.slide4+'" alt="" /></a></div>';b+='<div class="flipper_slide"><a target="_blank" href="'+c.url5+'"><img id="fslide5" src="'+c.slide5+'" alt="" /></a></div>';b+='<div class="flipper_slide"><a target="_blank" href="'+c.url6+'"><img id="fslide6" src="'+c.slide6+'" alt="" /></a></div>';b+='<div class="clear"></div>';b+="</div>";b+="</div>";b+='<div id="flipper_navs_wrapper">'; b+='<div id="flipper_navs">';b+="<ul>";b+='<li class="flipper_nav flipper_nav_6"><div>6</div></li>';b+='<li class="flipper_nav flipper_nav_5"><div>5</div></li>';b+='<li class="flipper_nav flipper_nav_4"><div>4</div></li>';b+='<li class="flipper_nav flipper_nav_3"><div>3</div></li>';b+='<li class="flipper_nav flipper_nav_2"><div>2</div></li>';b+='<li class="flipper_nav flipper_nav_1 flipper_nav_sel"><div>1</div></li>';b+="</ul>";b+='<div class="clear"></div>';b+="</div>";b+="</div>";b+='<div id="flipper_loading">Loading...</div>'; a(d).html(b);a("#flipper_loading").fadeTo("fast",0.75)},preload:function(a){var d=this;a("#fslide1").load(function(){a("#flipper_loading").fadeOut("normal",function(){d.run(a)});a("#fslide2").load(function(){a("#fslide3").load(function(){a("#fslide4").load(function(){a("#fslide5").load(function(){a("#fslide6").load(function(){})})})})})})},navOn:function(a){a("#flipper_navs").animate({top:this.nav_on_position},"slow")},navOff:function(a){a("#flipper_navs").animate({top:this.nav_off_position},"slow")}, run:function(a){var d=this;this.timer=setInterval(function(){d.moveSlides(a)},5E3)},moveTo:function(a,d){clearInterval(this.timer);this.current=d-1;this.moveSlides(a);this.run(a)},moveSlides:function(a){if(this.current>5)this.current=0;var d=this.current,c=this.width*d;this.moveNav(a,d);a("#flipper_slides").animate({left:"-"+c},400);this.current++},moveNav:function(a,d){var c=d+1;a(".flipper_nav").removeClass("flipper_nav_sel");a(".flipper_nav_"+c).addClass("flipper_nav_sel")}};