state=0;x1=0;y1=0;x2=0;y2=0;mouse_x=0;mouse_y=0;function mouseMove(e){if(!e)e=window.event;if(e.pageX||e.pageY){mouse_x=e.pageX;mouse_y=e.pageY;}
else if(e.clientX||e.clientY){mouse_x=e.clientX+(document.documentElement.scrollLeft||document.body.scrollLeft)-document.documentElement.clientLeft;mouse_y=e.clientY+(document.documentElement.scrollTop||document.body.scrollTop)-document.documentElement.clientTop;}
return true}
function bigHide(e,text){if(state==1){if(!((mouse_x>x1)&&(mouse_x<x2)&&(mouse_y>y1)&&(mouse_y<y2))){jQuery('#normalsize').stop().remove();jQuery('div#img_area').stop();state=0;return true;}}
return false;}
function init2(step,curr,speed,i){var num=curr+i;num=num<0?list.length-1+num%list.length:(num>=list.length?num%(list.length):num);var obj=coord[i];var $tpl=jQuery('#tpl_'+i+' > div');$tpl.css({left:$bLeft+obj.l+"px",top:$bTop+30+obj.t+"px",width:obj.w+12+"px",height:obj.h+40+"px"});$tpl.find('.smallpreview').attr({src:list[num].small,title:list[num].href});$tpl.find('.rfl').attr('src',list[num].rfl);$tpl.find('.bigpreview').attr('src',list[num].big);jQuery('#img_area').remove();var $simg=jQuery('#tpl_3 .smallpreview').after('<div id="img_area"></div>');jQuery('#img_area').css({top:20,left:20,width:$simg.width()-40,height:$simg.height()-40});jQuery('#img_area').stopTime("start");jQuery('#img_area').oneTime(1500,"start",function(){if(!moving)
move(step,speed,coord);});}
function init(curr,step,speed){if(step<0){$el=jQuery('#tpl_0').remove();for(i=1;i<=6;i++){jQuery('#tpl_'+i).attr('id','tpl_'+(i-1));}
jQuery('#tpl_5').after($el).next().attr('id','tpl_6');init2(step,curr,speed,6);}else{$el=jQuery('#tpl_6').remove();for(i=5;i>=0;i--){jQuery('#tpl_'+i).attr('id','tpl_'+(i+1));}
jQuery('#tpl_1').before($el).prev().attr('id','tpl_0');init2(step,curr,speed,0);}
moving=0;}
function jsbanner(banner_id,list,coord,link,skin,prefix,speed,step,orientation){$jsbanner=jQuery('#'+banner_id);$jsbanner.disableTextSelect();if(orientation=='horizontal'){$jsbanner.css({width:'651px',height:'226px',background:'transparent url('+prefix+'/codes/jsbanner/01/skins/'+skin+'/ajax-banner-bg.gif) no-repeat scroll left center'});}else{$jsbanner.css({height:'671px',width:'197px',background:'transparent url('+prefix+'/codes/jsbanner/01/skins/'+skin+'/ajax-banner-bg-vert.gif) no-repeat scroll center top'});}
$jsbanner.append('<div class="progressBar"></div>');var progress=jQuery('.progressBar');progress.css({position:'relative',marginLeft:$jsbanner.width()/2-61,top:$jsbanner.height()/2});progress.progressBar(0,{boxImage:prefix+'/codes/jsbanner/images/progressbar.gif',barImage:prefix+'/codes/jsbanner/01/skins/'+skin+'/progressbg.gif',showText:false});j=0;var img=new Array();for(i=0;i<list.length;i++){img[3*i]=new Image();jQuery(img[3*i]).load(function(){jQuery(this).hide();j++;progress.progressBar(100*j/(3*list.length),{boxImage:prefix+'/codes/jsbanner/images/progressbar.gif',barImage:prefix+'/codes/jsbanner/01/skins/'+skin+'/progressbg.gif',showText:false});if(j==3*list.length){jsbanner_body(list,coord,link,skin,prefix,speed,step,orientation);}}).attr('src',list[i].small);img[3*i+1]=new Image();if(list[i].big!=''){jQuery(img[3*i+1]).load(function(){jQuery(this).hide();j++;progress.progressBar(100*j/(3*list.length),{boxImage:prefix+'/codes/jsbanner/images/progressbar.gif',barImage:prefix+'/codes/jsbanner/01/skins/'+skin+'/progressbg.gif',showText:false});if(j==3*list.length){jsbanner_body(list,coord,link,skin,prefix,speed,step,orientation);}}).attr('src',list[i].big);}else{j++;}
img[3*i+2]=new Image();jQuery(img[3*i+2]).load(function(){jQuery(this).hide();j++;progress.progressBar(100*j/(3*list.length),{boxImage:prefix+'/codes/jsbanner/images/progressbar.gif',barImage:prefix+'/codes/jsbanner/01/skins/'+skin+'/progressbg.gif',showText:false});if(j==3*list.length){jsbanner_body(list,coord,link,skin,prefix,speed,step,orientation);}}).attr('src',list[i].rfl);}}
function jsbanner_body(list,coord,link,skin,prefix,speed,step,orientation){jQuery('.progressBar').remove();$bTop=$jsbanner.offset().top;$bLeft=$jsbanner.offset().left;for(i=0;i<=6;i++){var $small='<img style="border:1px solid rgb('+coord[i].c+','+coord[i].c+','+coord[i].c+');width:'+coord[i].w+'px;height:'+coord[i].h+'px;opacity:'+coord[i].o+';" border="0" title="'+list[i].href+'" class="smallpreview" src="'+list[i].small+'"/>';var $big='<img class="bigpreview" src="'+list[i].big+'"/>';if((jQuery.browser.msie&&jQuery.browser.version.substr(0,1)<7)||(orientation!='horizontal')){var $rfl='';}else
var $rfl='<img style="width:'+coord[i].w+'px;" class="rfl" src="'+list[i].rfl+'"/>';$jsbanner.append('<div class="tpl" id="tpl_'+i+'"><div style="left:'+eval($bLeft+coord[i].l)+'px;top:'+eval($bTop+15+coord[i].t)+'px;width:'+coord[i].w+'px;height:'+eval(coord[i].h+40)+'px;z-index:'+coord[i].z+';">'+$small+$big+$rfl+'</div></div>');}
var $simg=jQuery('#tpl_3 .smallpreview').after('<div id="img_area"></div>');jQuery('#img_area').css({top:20,left:20,width:$simg.width()-40,height:$simg.height()-40});$jsbanner.append('<div id="text3"></div>');$jsbanner.append('<div align="center" id="text2"></div><div align="center" id="up_text"><a href="'+link+'" target="_blank">View Full Templates Collection</a></div>');jQuery('#up_text').css({left:eval($bLeft)+"px",top:eval($bTop+5)+"px"});if(orientation=='horizontal'){jQuery('#text3').css({background:'transparent url('+prefix+'/codes/jsbanner/01/skins/'+skin+'/t_info.gif) scroll left top',left:eval($bLeft+256)+"px",top:eval($bTop+157)+"px","margin-top":"0px",opacity:0.85});l_top=eval($bTop+157);if(jQuery.browser.mozilla){jQuery('#text3').css({top:eval($bTop+158)+"px"});l_top=eval($bTop+158);}
l_height=16;u_height=28;u_top=l_top-12;jQuery('#text2').css({left:eval($bLeft)+"px",top:eval($bTop+200)+"px"});}else{jQuery('#text3').css({background:'transparent url('+prefix+'/codes/jsbanner/01/skins/'+skin+'/t_info.gif) scroll left top',left:eval($bLeft+26)+"px",top:eval($bTop+375)+"px","margin-left":"0px",opacity:0.85});l_top=eval($bTop+375);l_height=16;u_height=28;u_top=l_top-12;jQuery('#text2').css({left:eval($bLeft)+"px",top:eval($bTop+625)+"px",width:"197px"});jQuery('#up_text a').css({color:"#fff"});jQuery('#up_text').css({width:"197px"});}
jQuery('body').append('<div id="preview"></div>');curr=0;moving=0;document.onmousemove=mouseMove;$jsbanner.find('#img_area').live('click',function(e){window.open(jQuery(this).prev().attr('title'));state=0;moving=0;});jQuery('#img_area').live('mouseover',function(e){$area=jQuery(this);if(state==0){state=1;$area.oneTime(600,"img_area",function(){var $smallprev=$area.prev();var href=$smallprev.attr('title');var smallheight=$smallprev.height();var smallwidth=$smallprev.width();var left=$smallprev.offset().left;var top=$smallprev.offset().top;var $bigprev=$area.next();var truewidth=$bigprev.width();var trueheight=$bigprev.height();if(!(($bigprev.height()<=1)||($bigprev.width()<=1))){x1=left;y1=top;x2=x1+smallwidth;y2=y1+smallheight;bigHide(e,'time2');if(state!=1)return false;jQuery('#normalsize').remove();jQuery('#preview').append('<img id="normalsize" alt="" />');var $realbig=jQuery('#normalsize');$realbig.attr('src',$bigprev.attr('src'));scrollTop=jQuery(window).scrollTop();scrollLeft=jQuery(window).scrollLeft();left1=left-((truewidth-smallwidth)/2);screen_width=jQuery(window).width()+scrollLeft;screen_height=jQuery(window).height()+scrollTop;if(left1<scrollLeft)left1=scrollLeft;else if(left1+truewidth>screen_width)left1=screen_width-truewidth-8;top1=top-((trueheight-smallheight)/2);if(top1<scrollTop)top1=scrollTop;else if(top1+trueheight>screen_height)top1=screen_height-trueheight-8;$realbig.css({'opacity':'0.3','width':smallwidth,'height':smallheight,'left':left,'top':top,'z-index':50}).stop().animate({width:truewidth,height:trueheight,opacity:1,left:left1,top:top1},280,function(){x1=left1;y1=top1;x2=x1+truewidth;y2=y1+trueheight;bigHide(e,'before state2');if(state==1)
state=2;});$realbig.hover(function(e){},function(e){$realbig.stop().animate({width:smallwidth,height:smallheight,opacity:'0.3',left:left,top:top},200,function(){$realbig.remove();moving=0;state=0;jQuery('#img_area').stopTime("start");jQuery('#img_area').oneTime(1500,"start",function(){if(!moving)
move(step,speed,coord);});});});$realbig.click(function(){window.open(href);state=3;moving=0;jQuery('#img_area').stopTime("start");jQuery('#img_area').oneTime(1500,"start",function(){if(!moving)
move(step,speed,coord);});});}else{state=0;}});}}).live('mouseout',function(e){moving=0;jQuery('#img_area').stopTime("start");jQuery('#img_area').oneTime(1500,"start",function(){if(!moving)
move(step,speed,coord);});});jQuery('#text3').html(list[3].text3);jQuery('#text2').html(list[3].text2);jQuery('#img_area').stopTime("start");jQuery('#img_area').oneTime(1500,"start",function(){if(!moving)
move(step,speed,coord);});}
function move(step,speed,coord){var num;x1=eval($bLeft+coord[3].l);y1=eval($bTop+coord[3].t);x2=eval(x1+coord[3].w);y2=eval(y1+coord[3].h);if((mouse_x>x1&&mouse_x<x2&&mouse_y>y1&&mouse_y<y2)||(state==2)){jQuery('#img_area').stopTime("start");jQuery('#img_area').oneTime(1500,"start",function(){if(!moving)
move(step,speed,coord);});return false;}
moving=1;$tpl=new Array();$img=new Array();$rfl=new Array();jQuery('#text3').hide();jQuery('#text2').hide();for(i=0;i<=6;i++){if(i+step<0)obj=coord[0];else if(i+step>6)obj=coord[6];else obj=coord[i+step];$tpl[i]=jQuery('#tpl_'+i+' > div');$tpl[i].animate({left:eval($bLeft+obj.l)+"px",top:eval($bTop+15+obj.t)+"px",width:eval(obj.w+12)+"px",height:eval(obj.h+40)+"px"},speed);$tpl[i].css('z-index',obj.z);$tpl[i].attr('src',obj.href);$img[i]=$tpl[i].find('.smallpreview');if(i==6){$img[i].animate({height:obj.h+"px",opacity:obj.o,width:obj.w+"px"},speed,function(){curr-=step;num=curr+3;num=num<0?list.length-1+num%list.length:(num>=list.length?num%(list.length):num);$tpl[3].find('.bigpreview').attr('src',list[num].big);if(list[num].text3.length<22){jQuery('#text3').css({top:l_top+"px",height:l_height});}else{jQuery('#text3').css({top:u_top+"px",height:u_height});}
jQuery('#text3').text(list[num].text3).css('display','block');jQuery('#text2').text(list[num].text2).css('display','block');init(curr,step,speed);});}else{$img[i].animate({height:obj.h+"px",opacity:obj.o,width:obj.w+"px"},speed);}
$rfl[i]=$tpl[i].find('.rfl');$rfl[i].animate({height:"30px",width:obj.w+"px"},speed);}}