window.addEvent("domready",function(){if($("toprateload")){var A=$("toprateload").fade(0.6);var D={pos:0,index:0,total:res.length,min:0,max:(res.length*-1),wid:430,nPos:0,nIndex:0};var C=$("tr-frameslide").setStyle("width",(D.total*D.wid)+"px");$("arrow-lft").setStyle("display","none");$("arrow-rgt").addEvent("click",function(){D.nPos=D.pos-1;D.nIndex=D.index;A.show();new Asset.images(res[D.nIndex].Image,{onComplete:function(){E(res[D.nIndex]).inject(C);$$(".tr-detailsbg").fade(0.6);A.hide();C.tween("margin-left",D.nPos*D.wid);res[D.nIndex].Loaded=true}});D.index++;D.pos--;B()});$("arrow-lft").addEvent("click",function(){if(D.pos<D.min){D.index--;D.nPos=D.pos+1;C.tween("margin-left",D.nPos*D.wid);D.pos++;B()}});if(D.total>0){A.show();new Asset.images(res[0].Image,{onComplete:function(){E(res[0]).inject(C);$$(".tr-detailsbg").fade(0.6);A.hide();res[0].Loaded=true;D.index++}})}function B(){if(D.pos==(D.max+1)){$("arrow-rgt").setStyle("display","none")}else{$("arrow-rgt").setStyle("display","")}if(D.pos==D.min){$("arrow-lft").setStyle("display","none")}else{$("arrow-lft").setStyle("display","")}}function E(F){frame=new Element("div",{"class":"tr-frame"});htmlStr='<a href="'+F.FriendlyName+'" rel="nofollow">    <img src="'+F.Image+'" />    <div class="tr-detailsbg"></div>    <div class="tr-details">        <div class="tr-slot">            <div class="tr-hotelname">'+F.Name+'</div>            <div class="tr-location">'+F.Location+'</div>        </div>        <div class="tr-slot2">            <div class="tr-from">'+pricesFrom+'</div>            <div class="tr-price">'+F.FormattedPrice+"</div>        </div>    </div></a>";frame.set("html",htmlStr);return frame}}});