var Moodboard=new Class({moodboardID:null,minCanvasHeight:600,currCanvasWindowHeight:null,arrCanvasImages:[],title:null,description:null,background_color:null,cover_image_id:null,grid_status:true,initialize:function(){this.moodboardID=$("canvas").getProperty("moodboardid");window.addEvent("resize",this.resizeCanvasWindow.bind(this));this.resizeCanvasWindow();this.centerCanvas();this.makeCanvasDraggable()},load:function(){var a=new Request.JSON({url:"/moodboard/loadMoodboard/",onComplete:function(b){if(b){var d=(b.info.background_color)?b.info.background_color:"#ffffff";moodboard.determineGridColor(d);if(b.info.grid=="0"||b.info.grid==0){moodboard.grid_status=true}else{moodboard.grid_status=false}moodboard.toggleCanvasGrid();moodboard.title=b.info.title;moodboard.description=b.info.description;moodboard.cover_image_id=b.info.cover_image_id;for(currIndex=0;currIndex<b.images.length;currIndex++){var c=b.images[currIndex];var e={};e.mood_image_id=c.id;e.moodboard_library_image_id=c.moodboard_image_library_id;e.canvas_id=c.canvas_image_id;e.instance_id=c.instance_id;e.img_src="/icache/"+c.directory+"/"+c.file_hash+"_m"+c.file_ext;e.height=c.height;e.width=c.width;e.top=c.y_pos;e.left=c.x_pos;e.z_index=c.z_index;new CanvasImage(e)}}}});a.post({moodboard_id:this.moodboardID})},resizeCanvasWindow:function(){var b=window.getSize().y;var a=b-267;var a=(a<this.minCanvasHeight)?this.minCanvasHeight:a;$("canvas_window").setStyle("height",a);this.currCanvasWindowHeight=a},centerCanvas:function(){var d=$("canvas_window");var c=d.getSize();var b=c.y;var a=c.x;canvasYOffset=(b/2)-2500;canvasXOffset=(a/2)-2500;$("canvas").setStyles({top:canvasYOffset,left:canvasXOffset})},determineGridColor:function(b){var a=$("canvas");if(this.grid_status){rgbArray=b.hexToRgb(true);var c=((rgbArray[0]*299)+(rgbArray[1]*587)+(rgbArray[2]*114))/1000;if(c>125){a.removeClass("grid_white");a.addClass("grid_black")}else{a.removeClass("grid_black");a.addClass("grid_white")}}a.setStyle("backgroundColor",b);this.background_color=b},makeCanvasDraggable:function(){var a=new Drag.Move("canvas",{onDrop:function(e,i){var g=e.getStyle("left").toInt();var f=e.getStyle("top").toInt();var b=$("canvas_window");var j=b.getSize();var c=j.x-5000;var d=j.y-5000;var h=new Fx.Morph(e,{duration:500,transition:"cubic:out"});if(g>0&&f>0){h.start({left:[g,0],top:[f,0]})}else{if(g>0&&f<d){h.start({left:[g,0],top:[f,d]})}else{if(g<c&&f>0){h.start({left:[g,c],top:[f,0]})}else{if(g<c&&f<d){h.start({left:[g,c],top:[f,d]})}else{if(g>0){h.start({left:[g,0]})}else{if(g<c){h.start({left:[g,c]})}else{if(f>0){h.start({top:[f,0]})}else{if(f<d){h.start({top:[f,d]})}}}}}}}}}})},toggleCanvasGrid:function(){if(this.grid_status){$("canvas").removeClass("grid_black");$("canvas").removeClass("grid_white");this.grid_status=false}else{this.grid_status=true;this.determineGridColor(this.background_color)}this.saved=false}});function initializeMoodboard(){moodboard=new Moodboard()}window.addEvent("domready",initializeMoodboard);var CanvasImage=new Class({initialize:function(a){this.imageData=a;this.placeOnCanvas()},placeOnCanvas:function(){this.canvasClone=$("canvas_image_mold").clone();this.moodImageID=this.imageData.mood_image_id;this.canvasImageID=this.imageData.canvas_id;this.instanceID=this.imageData.instance_id;this.moodboardLibraryImageID=this.imageData.moodboard_library_image_id;this.canvasClone.id="CID-"+this.imageData.canvas_id;this.canvasClone.getElement(".image").src=this.imageData.img_src;this.canvasClone.setStyles({height:this.imageData.height+"px",width:this.imageData.width+"px",top:this.imageData.top+"px",left:this.imageData.left+"px","z-index":this.imageData.z_index});this.canvasClone.inject("canvas","top");moodboard.arrCanvasImages.include(this);this.resized=true;this.resizeImageSource();this.image=this.canvasClone.getElement(".image")},resizeImageSource:function(){if(this.resized){var a=this.canvasClone.getStyle("width").toInt();this.canvasClone.getElement(".image").src="/image/resizeImage/"+this.instanceID+"/"+a+"/"}}});window.addEvent("domready",function(){var a=$$("a");a.each(function(c,b){c.addEvent("click",function(){if(window.opener&&!window.opener.closed){window.opener.location.href=this.href;window.opener.focus();window.close()}})})});