function MediaImagesPanel(){this.mContainer=null;this.mPanel=null;this.mTab=null;this.mContent=null;this.mOperationsContainer=null;this.mImagesContainer=null;this.mGroupsList=null;this.mGroupInstructions=null;this.mHelpButton=null;this.mCloseButton=null;this.mLoadingContainer=null;this.mDragPlaceHolder=null;this.mGlassPlate=null;this.mMediaInfos=null;this.mManager=null;this.mErrorImageUrl;this.mFunctionRequestMediaGroupImages=null;this.mFunctionRequestSearchImages=null;this.mHidden=null;this.mLoading=null;this.mDimensions=null;this.mAnimate=true;this.CLASSNAME="imagesPanel";this.TAB_CLASSNAME="tab";this.CONTENT_CLASSNAME="content";this.IMAGES_CONTAINER_CLASSNAME="imagesContainer";this.OPERATIONS_CONTAINER_CLASSNAME="operationsContainer";this.LOADING_CONTAINER_CLASSNAME="loadingContainer";this.MEDIA_ITEM_CLASSNAME="mediaItem";this.HELP_BUTTON_CLASSNAME="helpButton";this.CLOSE_BUTTON_CLASSNAME="closeButton";this.DROPZONE_CLASSNAME="dropzone";this.PLACE_HOLDER="placeHolder";this.TAB_INSTRCUTIONS="Click to open/close the panel.";this.HELP_INSTRCUTIONS="Opens the help page.";this.CLOSE_INSTRCUTIONS="Close the panel.";this.TAB_HEIGHT=22;this.MAX_OPEN_DISTANCE=11;this.MARGIN=9;this.MAX_LOADING_TIME=46000;this.MIN_LOADING_TIME=800;this.defaultMediaGroupId;this.defaultMediaGroupName;this.setDefaultMediaGroupId=function(A){this.defaultMediaGroupId=A};this.getDefaultMediaGroupId=function(){return this.defaultMediaGroupId};this.setDefaultMediaGroupName=function(A){this.defaultMediaGroupName=A};this.getDefaultMediaGroupName=function(){return this.defaultMediaGroupName};this.setErrorImageUrls=function(A){this.mErrorImageUrl=A};this.init=function(){this.mPanel=$(document.createElement("div"));this.mPanel.id="imagesPanel";this.mDragPlaceHolder=$(document.createElement("div"));this.mTab=$(document.createElement("div"));this.mContent=$(document.createElement("div"));this.mOperationsContainer=$(document.createElement("div"));this.mImagesContainer=$(document.createElement("div"));this.mLoadingContainer=$(document.createElement("div"));this.mGroupInstructions=$(document.createElement("p"));this.mHelpButton=$(document.createElement("a"));this.mCloseButton=$(document.createElement("a"));this.mGlassPlate=$(document.createElement("div"));this.mOperationsContainer.appendChild(this.mGroupInstructions);this.mOperationsContainer.appendChild(this.mHelpButton);this.mOperationsContainer.appendChild(this.mCloseButton);this.mContent.appendChild(this.mOperationsContainer);this.mContent.appendChild(this.mImagesContainer);this.mPanel.appendChild(this.mContent);this.mPanel.appendChild(this.mTab);this.mPanel.appendChild(this.mLoadingContainer);this.mContainer.appendChild(this.mGlassPlate);this.mContainer.appendChild(this.mPanel);this.mPanel.addClassName(this.CLASSNAME);this.mTab.addClassName(this.TAB_CLASSNAME);this.mContent.addClassName(this.CONTENT_CLASSNAME);this.mOperationsContainer.addClassName(this.OPERATIONS_CONTAINER_CLASSNAME);this.mHelpButton.addClassName(this.HELP_BUTTON_CLASSNAME);this.mCloseButton.addClassName(this.CLOSE_BUTTON_CLASSNAME);this.mImagesContainer.addClassName(this.IMAGES_CONTAINER_CLASSNAME);this.mLoadingContainer.addClassName(this.LOADING_CONTAINER_CLASSNAME);this.mDragPlaceHolder.addClassName(this.PLACE_HOLDER);this.mGlassPlate.addClassName("glassPlate");this.mGroupInstructions.update("Active Media Group : "+this.getDefaultMediaGroupName());this.mTab.title=this.TAB_INSTRCUTIONS;this.mHelpButton.href="javascript: var helpButton;";this.mHelpButton.title=this.HELP_INSTRCUTIONS;this.mCloseButton.href="javascript: var closeButton;";this.mCloseButton.title=this.CLOSE_INSTRCUTIONS;this.mDragPlaceHolder.imagesPanel=this;var D=this;this.mTab.onclick=function(){D.toggle()};this.mHelpButton.onclick=function(){D.mHelpButton.blur();if(D.mManager){D.mManager.showHelpPage()}};this.mCloseButton.onclick=function(){D.mCloseButton.blur();D.toggle()};this.mPanel.style.position="absolute";this.mPanel.style.overflow="hidden";this.mPanel.style.zIndex=9888;var B=10;var C=Position.page(this.mContainer);var A=jshGetWindowSize();this.mGlassPlate.hide();this.mGlassPlate.style.position="absolute";this.mGlassPlate.style.left=(C[0]+B)+"px";this.mGlassPlate.style.top=(C[1]+B)+"px";this.mGlassPlate.style.width=(A[0]-(2*B))+"px";this.mGlassPlate.style.height=(A[1]-(2*B))+"px";this.mGlassPlate.style.zIndex=99999;this.mGlassPlate.style.backgroundColor="red";jshSetOpacity(this.mGlassPlate,0.01);this.mTab.style.position="absolute";this.mTab.style.right=0+"px";this.mTab.style.top=1+"px";this.mContent.style.position="absolute";this.mContent.style.left=0+"px";this.mContent.style.top=this.TAB_HEIGHT+"px";this.mHelpButton.style.position="absolute";this.mHelpButton.style.right=29+"px";this.mHelpButton.style.top=3+"px";this.mCloseButton.style.position="absolute";this.mCloseButton.style.right=12+"px";this.mCloseButton.style.top=3+"px";this.mImagesContainer.style.overflow="auto";this.mGroupInstructions.style.display="inline";this.mDragPlaceHolder.style.backgroundColor="transparent";this.mDragPlaceHolder.style.display="block";this.mDragPlaceHolder.style.border="0 solid white";this.mLoadingContainer.hide();this.mLoadingContainer.style.position="absolute";this.mLoadingContainer.style.left=1+"px";this.mLoadingContainer.style.top=(this.TAB_HEIGHT+1)+"px";this.mLoadingContainer.style.width=150+"px";this.mLoadingContainer.style.height=500+"px";this.mLoadingContainer.style.zIndex=99999;jshSetOpacity(this.mLoadingContainer,0.75);this.reposition();this.moveTo(this.MARGIN,(this.TAB_HEIGHT-this.mPanel.getHeight()));var A=jshGetWindowSize();this.mContainer.style.top=(A[1])+"px";this.mPanel.style.bottom="0px";floatingContainer=new fixedDiv("imagesPanel");this.close();floatingContainer.init();YAHOO.util.Event.addListener(window,"scroll",floatingContainer.init)};this.render=function(A){if(A){this.mContainer=A;this.init()}};this.moveTo=function(A,B){if((A!=NaN)&&(B!=NaN)){this.mPanel.style.right=A+"px";this.mPanel.style.bottom=(B)+"px"}};this.reposition=function(){var A=jshGetWindowSize();this.mDimensions=[(A[0]-20),185];this.resize(this.mDimensions[0],this.mDimensions[1])};this.resize=function(C,A){if(C&&A){this.mPanel.style.width=C+"px";this.mPanel.style.height=A+"px";this.mTab.style.width=(C)+"px";this.mTab.style.height=(this.TAB_HEIGHT)+"px";var B=jshBorderOffset(this.mContent,[0,0]);this.mContent.style.width=(C-B[0])+"px";this.mContent.style.height=(A-this.TAB_HEIGHT-B[1])+"px";this.mImagesContainer.style.top="14px";this.mImagesContainer.style.width=(C-B[0])+"px";this.mImagesContainer.style.height=(this.mContent.getHeight()-B[1]-this.mOperationsContainer.getHeight())+"px"}};this.open=function(){var A=[this.MARGIN,this.MAX_OPEN_DISTANCE];this.mIsClosed=false;jshSetOpacity(this.mTab,1);if(this.mAnimate==true){ElementEffects.animateElementPosition(this.mPanel,A,55,0.4)}else{this.moveTo(A[0],0)}};this.close=function(){var B=[this.MARGIN,(this.TAB_HEIGHT-this.mPanel.getHeight())];this.mIsClosed=true;if(this.mAnimate==true){var C=this;var A=function(){jshSetOpacity(C.mTab,0.6)};ElementEffects.animateElementPosition(this.mPanel,B,55,0.45,A)}else{this.moveTo(B[0],B[1]);jshSetOpacity(this.mTab,0.6)}};this.toggle=function(){if(this.mIsClosed==true){this.open()}else{this.close()}};this.hide=function(){this.mPanel.hide()};this.show=function(){this.mPanel.show()};this.setAnimate=function(A){this.mAnimate=A};this.setManager=function(A){this.mManager=A};this.setRequestMediaGroupImagesFunction=function(A){this.mFunctionRequestMediaGroupImages=A};this.requestImages=function(B,A){if(B&&(B!=NaN)&&(B>=0)){this.startLoadingState();this.mFunctionRequestMediaGroupImages(B)}else{if(A){this.startLoadingState();this.mFunctionRequestSearchImages(A)}}};this.setMediaInfos=function(A){this.mMediaInfos=A;this.endLoadingState();this.updateImages()};this.updateImages=function(){this.mImagesContainer.update("");if(this.mMediaInfos){var C;var A;for(var B=0;B<this.mMediaInfos.length;B++){C=this.mMediaInfos[B];if(C){A=document.createElement("div");A=$(A);A.addClassName(this.MEDIA_ITEM_CLASSNAME);A.style.backgroundRepeat="no-repeat";A.style.cssFloat="left";A.style.styleFloat="left";A.title=C.displayName;A.imagesPanel=this;A.mediaInfo=C;this.mImagesContainer.appendChild(A);this.preloadImage(C.urlSize0,A,C.mediaType);A.style.cursor="move"}}}};this.preloadImage=function(D,B,A){var E=$(new Image());var C=this;E.onerror=function(){if(A&&C.mErrorImageUrl[A]){this.src=C.mErrorImageUrl[A]}};E.onload=function(){this.onload=null;B.style.backgroundImage="url("+this.src+")"};E.src=D};this.startLoadingState=function(){if(this.mLoading!=true){this.mLoading=true;this.mLoadingStartTime=new Date();this.mLoadingContainer.style.width=(this.mContent.getWidth()-2)+"px";this.mLoadingContainer.style.height=(this.mContent.getHeight()-2)+"px";this.mLoadingContainer.show();var A=this;setTimeout(function(){A.endLoadingState(true)},this.MAX_LOADING_TIME)}};this.endLoadingState=function(C){if((C==true)||((this.mLoadingStartTime-new Date())>this.MIN_LOADING_TIME)){if(this.mLoading!=null){this.mLoading=null;this.mLoadingStartTime=null;this.mLoadingContainer.hide()}}else{var B=this.MIN_LOADING_TIME-(this.mLoadingStartTime-new Date());B=Math.min(B,this.MIN_LOADING_TIME);var A=this;setTimeout(function(){A.endLoadingState(true)},B)}}};