HomePanel=function(G,E){this.addEvents({"getFirstGameRecord":true});var H=contextPath+"/resources/images/silk/icons/";this.itemsPerPage=18;var F=Ext.data.Record.create([{name:"id",type:"int",mapping:"id"},{name:"platform",type:"string",mapping:"platform"},{name:"supplierName",type:"string",mapping:"supplierName"},{name:"dtype",type:"string",mapping:"dtype"},{name:"name",type:"string",mapping:"name"},{name:"imageFileName",type:"string",mapping:"imageFileName"},{name:"thumbFileName",type:"string",mapping:"thumbFileName"}]);this.staticDataDs=new Ext.data.Store({reader:new Ext.data.JsonReader({root:"gamedata",totalProperty:"totalRow",id:"id"},F)});this.staticDataDs.on("load",this.onGameStoreLoaded,this);};Ext.extend(HomePanel,Ext.util.Observable,{initWithStaticData:function(B){this.consoleType=B.defaultConsole;this.carousel=B.carousel;this.staticDataDs.loadData(B.records);},onGameStoreLoaded:function(J,F,I){var H,G;if(F[0]){H=F[0].data;G=contextPath+"/resources/images/product/"+H.imageFileName;}this.fireEvent("getFirstGameRecord",H,G);this.store=J;if(!this.consoleType){this.consoleType="All";}this.filterGameByConsole(this.consoleType);},filterGameByConsole:function(D){var C=new Array();this.store.each(function(A){if(D=="ALL"||A.get("platform")==D){C.push({img:contextPath+"/resources/images/product/"+A.get("imageFileName"),tn:contextPath+"/resources/images/product/90heightthumb/"+A.get("thumbFileName"),productRecord:A});}});this.carousel.images=C;this.carousel.processImages();this.carousel.render();}});Ext.namespace("Ext.ux");Ext.ux.homecarousel=function(B){Ext.ux.carousel.superclass.constructor.call(this,B);if(B.name==null){throw ("Carousel Error: name setting not specified");}if(B.settings==null){throw ("Carousel Error: no settings were specified");}this.name=B.name;this.settings=B.settings;if(B.images){this.images=B.images;}this.direction="";this.addEvents({"selected":true});this.addEvents({"doubleclick":true});this.setup();};Ext.extend(Ext.ux.homecarousel,Ext.Component,{DebugLog:function(B){if(this.settings.isDebug=="true"){console.log(B);}},setup:function(){this.settings.background=this.settings.background||"white";this.settings.top=this.settings.top||"0px";this.settings.left=this.settings.left||"0px";this.settings.width=this.settings.width||"100px";this.settings.gap=this.settings.gap||"5px";this.settings.preload=this.settings.preload||"true";this.settings.clipping=this.settings.clipping||250;this.settings.speed=this.settings.speed||60;this.settings.step=this.settings.step||10;this.settings.isDebug=this.settings.isDebug||"false";this.settings.btnmouseover=this.settings.btnmouseover||false;if(this.settings.preload=="true"){this.preload();}if(this.images){this.processImages();}carousel=String.format("#{0} {position: relative;height:{1};width:{2};top:{3};left:{4};border: none;background-color:{5}}",this.name,(parseInt(this.settings.imageHeight)+4)+"px",this.settings.width,this.settings.top,this.settings.left,this.settings.background);carouselContainer=String.format("#{0}-container {position: absolute;clip:rect(0,{1},{2},0);top:{3};left:{4};width:{5};height:{6};border: none;background-color:{7}}",this.name,parseInt(this.settings.width)-60,parseInt(this.settings.imageHeight)-1,"3px","30px",parseInt(this.settings.width),parseInt(this.settings.imageHeight),this.settings.background);carouselImages=String.format("#{0}-images {position: absolute;margin-left:5px;}",this.name);carouselHandleRight=String.format("#{0}-handle-right {background:gray url("+contextPath+"/resources/images/gfx/handle-right-home.png) repeat-y;float:right;cursor:pointer;width:30px;height:{1}}",this.name,(parseInt(this.settings.imageHeight)+4)+"px");carouselHandleLeft=String.format("#{0}-handle-left {background:gray url("+contextPath+"/resources/images/gfx/handle-left-home.png) repeat-y;float:left;cursor:pointer;width:30px;height:{1}}",this.name,(parseInt(this.settings.imageHeight)+4)+"px");carouselImagesPointer=String.format("#{0}-images img {cursor: pointer}",this.name);Ext.util.CSS.createStyleSheet(carousel,this.name+"_style1");Ext.util.CSS.createStyleSheet(carouselContainer,this.name+"_style2");Ext.util.CSS.createStyleSheet(carouselImages,this.name+"_style3");Ext.util.CSS.createStyleSheet(carouselHandleRight,this.name+"_style4");Ext.util.CSS.createStyleSheet(carouselHandleLeft,this.name+"_style5");Ext.util.CSS.createStyleSheet(carouselImagesPointer,this.name+"_style6");this.DebugLog(String.format("Carousel CSS: {0}",carousel));this.DebugLog(String.format("Carousel-Container CSS: {0}",carouselContainer));this.DebugLog(String.format("Carousel-Images CSS: {0}",carouselImages));this.DebugLog(String.format("Carousel-HandleRight CSS: {0}",carouselHandleRight));this.DebugLog(String.format("Carousel-HandleLeft CSS: {0}",carouselHandleLeft));this.DebugLog(String.format("Carousel-ImagePointer CSS: {0}",carouselImagesPointer));},processImages:function(){var D=0;var F=0;var E;if(this.settings.imageWidth!=null&&this.settings.imageWidth!=null){D=(parseInt(this.settings.imageWidth)+parseInt(this.settings.gap))*this.images.length;F=this.settings.imageHeight;E="Preset Sizes";}else{Ext.each(this.images,function(A){var B=new Image();B.src=A.tn;D+=B.width+parseInt(this.settings.gap);if(B.height>F){F=B.height;}},this);E="Dynamic Sizes";}this.settings.imageHeight=F;this.settings.carouselImagesWidth=D-parseInt(this.settings.gap);this.DebugLog(String.format("ProcessImage Size: {0} x {1} [{2}]",this.settings.carouselImagesWidth,this.settings.imageHeight,E));},preload:function(){thisPreload=Ext.get(document.body).createChild({tag:"div",style:"display:none"});Ext.each(this.images,function(B){if(B.tn!=null){thisPreload.createChild({tag:"img",tn:B.tn});}if(B.img!=null){thisPreload.createChild({tag:"img",src:B.img});}},this);this.DebugLog("Preloading Images...");},render:function(){this.carousel=Ext.get(this.name);this.container=Ext.get(this.name+"-container");if(!this.container){this.container=this.carousel.createChild({tag:"div",id:this.name+"-container"});this.imagecontainer=this.container.createChild({tag:"div",id:this.name+"-images"});this.carousel.hide();this.imagecontainer.applyStyles("left:0px");leftButton=this.carousel.createChild({tag:"div",id:this.name+"-handle-right"});rightButton=this.carousel.createChild({tag:"div",id:this.name+"-handle-left"});if(this.settings.btnmouseover){leftButton.on("mouseover",function(){this.setDirection("left");},this);leftButton.on("mouseout",function(){this.setDirection("");},this);rightButton.on("mouseover",function(){this.setDirection("right");},this);rightButton.on("mouseout",function(){this.setDirection("");},this);}else{leftButton.on("mousedown",function(){this.setDirection("left");},this);leftButton.on("mouseup",function(){this.setDirection("");},this);rightButton.on("mousedown",function(){this.setDirection("right");},this);rightButton.on("mouseup",function(){this.setDirection("");},this);}}else{Ext.get(this.name+"-images").remove();this.imagecontainer=this.container.createChild({tag:"div",id:this.name+"-images"});this.carousel.hide();this.imagecontainer.applyStyles("left:0px");}var B=this;Ext.each(this.images,function(A){thisImage=B.imagecontainer.createChild({tag:"img",src:A.tn,title:A.productRecord.get("name")});thisImage.applyStyles("margin-right:"+B.settings.gap);thisImage.applyStyles("vertical-align: text-top");thisImage.on("click",function(G,I){var J,H;if(A.productRecord){B.fireEvent("selected",I,A.tn,A.img,A.productRecord,G);}else{B.fireEvent("selected",I,A.tn,A.img,G);}});thisImage.on("dblclick",function(E,F){if(A.productRecord){B.fireEvent("doubleclick",F,A.tn,A.img,A.productRecord,E);}else{B.fireEvent("doubleclick",F,A.tn,A.img,E);}});});this.carousel.show();if(this.timmer){clearTimeout(this.timmer);}this.update();},setDirection:function(B){this.direction=B;},move:function(){_Max=0;_Min=(this.settings.carouselImagesWidth-(parseInt(this.settings.width)-20))*-1;_Location=parseInt(Ext.get(this.name+"-images").dom.style.left);if(_Location>=_Max&&this.direction=="right"){this.direction="";
}else{if(_Location<=_Min&&this.direction=="left"){this.direction="";}else{if(this.direction=="left"){this.imagecontainer.dom.style.left=(parseInt(this.imagecontainer.dom.style.left)-parseInt(this.settings.step))+"px";}else{this.imagecontainer.dom.style.left=(parseInt(this.imagecontainer.dom.style.left)+parseInt(this.settings.step))+"px";}}}},update:function(){var B=this;if(this.direction!=""){this.move();}this.timmer=setTimeout(function(){B.update();},parseInt(B.settings.speed));}});Ext.onReady(function(){var F=Ext.get("home-menu");var H=null;function G(){H=null;}F.on("mousedown",function(A,B){if(B=A.getTarget(".home-item:not(.home-item-over)")){Ext.fly(B).removeClass("home-inactive-over");Ext.fly(B).radioClass("home-item-over");if(B.id=="latestgames"){document.getElementById("latestgamearea").style.display="";document.getElementById("comingsoonarea").style.display="none";}if(B.id=="comingsoon"){document.getElementById("latestgamearea").style.display="none";document.getElementById("comingsoonarea").style.display="";}if(H){H.stopFx();}}});F.on("mouseover",function(A,B){if(B=A.getTarget(".home-item:not(.home-item-over)")){Ext.fly(B).addClass("home-inactive-over");}});F.on("mouseout",function(A,B){if((B=A.getTarget(".home-item:not(.home-item-over)"))&&!A.within(B,true)){Ext.fly(B).removeClass("home-inactive-over");}});var E=Ext.get("console-menu");E.on("mousedown",function(A,B){if(B=A.getTarget(".console-item:not(.console-item-over)")){Ext.fly(B).removeClass("console-inactive-over");Ext.fly(B).radioClass("console-item-over");homePanel.filterGameByConsole(B.id);homeCommingPanel.filterGameByConsole(B.id);if(H){H.stopFx();}}});E.on("mouseover",function(A,B){if(B=A.getTarget(".console-item:not(.console-item-over)")){Ext.fly(B).addClass("console-inactive-over");}});E.on("mouseout",function(A,B){if((B=A.getTarget(".console-item:not(.console-item-over)"))&&!A.within(B,true)){Ext.fly(B).removeClass("console-inactive-over");}});});Ext.onReady(function(){var E=Ext.get("feature-menu");var D=null;function F(){D=null;}E.on("mousedown",function(A,B){if(B=A.getTarget(".feature-item:not(.feature-item-over)")){Ext.fly(B).removeClass("feature-inactive-over");Ext.fly(B).radioClass("feature-item-over");if(D){D.stopFx();}}});E.on("mouseover",function(A,B){if(B=A.getTarget(".feature-item:not(.feature-item-over)")){Ext.fly(B).addClass("feature-inactive-over");}});E.on("mouseout",function(A,B){if((B=A.getTarget(".feature-item:not(.feature-item-over)"))&&!A.within(B,true)){Ext.fly(B).removeClass("feature-inactive-over");}});});if(!document.myGetElementsByClassName){document.myGetElementsByClassName=function(L){var M=document.getElementsByTagName("*")||document.all;var K=new Array();for(var N=0;N<M.length;N++){var I=M[N];var J=I.className.split(" ");for(var H=0;H<J.length;H++){if(J[H]==L){K.push(I);break;}}}return K;};}var Reflection={defaultHeight:0.5,defaultOpacity:0.5,add:function(P,T){Reflection.remove(P);doptions={"height":Reflection.defaultHeight,"opacity":Reflection.defaultOpacity};if(T){for(var Z in doptions){if(!T[Z]){T[Z]=doptions[Z];}}}else{T=doptions;}try{var W=document.createElement("div");var R=P;var d=R.className.split(" ");var a="";for(j=0;j<d.length;j++){if(d[j]!="reflect"){if(a){a+=" ";}a+=d[j];}}var Y=Math.floor(R.height*T["height"]);var b=Math.floor(R.height*(1+T["height"]));var U=R.width;if(document.all&&!window.opera){if(R.parentElement.tagName=="A"){var W=document.createElement("a");W.href=R.parentElement.href;}W.className=a;R.className="reflected";W.style.cssText=R.style.cssText;R.style.cssText="vertical-align: bottom";var c=document.createElement("img");c.src=R.src;c.style.width=U+"px";c.style.display="block";c.style.height=R.height+"px";c.style.marginBottom="-"+(R.height-Y)+"px";c.style.filter="flipv progid:DXImageTransform.Microsoft.Alpha(opacity="+(T["opacity"]*100)+", style=1, finishOpacity=0, startx=0, starty=0, finishx=0, finishy="+(T["height"]*100)+")";W.style.width=U+"px";W.style.height=b+"px";R.parentNode.replaceChild(W,R);W.appendChild(R);W.appendChild(c);}else{var Q=document.createElement("canvas");if(Q.getContext){W.className=a;R.className="reflected";W.style.cssText=R.style.cssText;R.style.cssText="vertical-align: bottom";var S=Q.getContext("2d");Q.style.height=Y+"px";Q.style.width=U+"px";Q.height=Y;Q.width=U;W.style.width=U+"px";W.style.height=b+"px";R.parentNode.replaceChild(W,R);W.appendChild(R);W.appendChild(Q);S.save();S.translate(0,P.height-1);S.scale(1,-1);S.drawImage(P,0,0,U,P.height);S.restore();S.globalCompositeOperation="destination-out";var V=S.createLinearGradient(0,0,0,Y);V.addColorStop(1,"rgba(255, 255, 255, 1.0)");V.addColorStop(0,"rgba(255, 255, 255, "+(1-T["opacity"])+")");S.fillStyle=V;if(navigator.appVersion.indexOf("WebKit")!=-1){S.fill();}else{S.fillRect(0,0,U,Y*2);}}}}catch(X){}},remove:function(B){if(B.className=="reflected"){B.className=B.parentNode.className;B.parentNode.parentNode.replaceChild(B,B.parentNode);}}};function addReflections(){var G=document.myGetElementsByClassName("reflect");for(i=0;i<G.length;i++){var H=null;var E=null;var F=G[i].className.split(" ");for(j=0;j<F.length;j++){if(F[j].indexOf("rheight")==0){var H=F[j].substring(7)/100;}else{if(F[j].indexOf("ropacity")==0){var E=F[j].substring(8)/100;}}}Reflection.add(G[i],{height:H,opacity:E});}}var previousOnload=window.onload;window.onload=function(){if(previousOnload){previousOnload();}addReflections();};