var Site={editor:null,tools:null,json:null,slide:null,logoSlide:null,id:null,first:true,grid:false,pieces:['1.png','2.png','3.png','4.png','5.png','6.png','7.png','8.png','9.png','1d.png','1e.png','17.png','18.png','1b.png','1c.png','19.png','1a.png','27.png','28.png','29.png','2a.png','20.png','21.png','22.png','1f.png','24.png','25.png','23.png','26.png','a.png','aA.png','b.png','c.png','e.png','f.png','15.png','16.png','10.png','11.png','12.png','12i.png','13.png','13i.png','14.png','2b.png'],piecesIdx:0,init:function(){var el=new Element('ul',{'class':'list','id':'lista'});for(var i=0;i<64;i++){var li=new Element('li').setHTML('<img src="img/transp.png" width="40" height="40"/>').injectInside(el);}
var el2=new Element('div',{'style':'clear:both'}).injectInside(el);el.inject($('table'));el=new Element('ul',{'class':'tools_list'});for(var i=0;i<Site.pieces.length;i++){li=new Element('li',{'id':i}).setHTML('<img src="img/'+Site.pieces[i]+'" />').injectInside(el);}
el2=new Element('div',{'style':'clear:both'}).injectInside(el);el.inject($('tools'));Site.editor=$$('.list li');Site.tools=$$('.tools_list li');Site.tools[0].toggleClass('tools_selected');Site.slide=new Fx.Slide('table',{duration:500});Site.logoSlide=new Fx.Slide('logo',{duration:1000,mode:'horizontal'}).hide();Site.editor.addEvents({mouseenter:function(){this.setStyle('background-color','orange');},mouseleave:function(){this.setStyle('background-color','transparent');},mousewheel:function(e){Site.handleWheel(e);return false;},click:function(e){this.getElement('img').setProperty('src','img/'+Site.pieces[Site.piecesIdx]);e=new Event(e).stop();return false;},contextmenu:function(e){e=new Event(e).stop();this.getElement('img').setProperty('src','img/transp.png');}});Site.tools.addEvents({click:function(e){e=new Event(e).stop();e.stopPropagation();Site.tools[Site.piecesIdx].toggleClass('tools_selected');Site.piecesIdx=parseInt(this.id,10);Site.tools[Site.piecesIdx].toggleClass('tools_selected');},mousewheel:function(e){Site.handleWheel(e);}});$('myForm').addEvent('submit',function(e){e=new Event(e).stop();$('gallery').empty().toggleClass('loading');if($('name').value===''||$('author').value===''){return;}
var pictureName='';var names='';var delimiter=',';Site.editor.each(function(el,i){if(i===Site.editor.length-1){delimiter='';}
pictureName=el.getElement('img').src.split('img/');pictureName=pictureName[1].split('.');names+=pictureName[0]+delimiter;});$('robot').value=names;this.send({onComplete:function(){$('name').value='';$('author').value='';Site.loadGallery();}});});$('clearButton').addEvent('click',function(e){e=new Event(e).stop();Site.editor.each(function(el){el.getElement('img').setProperty('src','img/transp.png');});return false;});$('blackButton').addEvent('click',function(e){e=new Event(e).stop();Site.editor.each(function(el){el.getElement('img').setProperty('src','img/1.png');});return false;});$('gridButton').addEvent('click',function(e){e=new Event(e).stop();Site.grid=!Site.grid;if(Site.grid){$('grid').setStyle('visibility','visible');}else{$('grid').setStyle('visibility','hidden');}
return false;});$('canvasLeft').addEvent('click',function(e){e=new Event(e).stop();var offset=0;for(var j=0;j<8;j++){for(var i=0;i<7;i++){Site.editor[i+offset].getElement('img').setProperty('src',Site.editor[i+offset+1].getElement('img').src);}
Site.editor[i+offset].getElement('img').setProperty('src','img/transp.png');offset+=8;}
return false;});$('canvasRight').addEvent('click',function(e){e=new Event(e).stop();var offset=0;for(var j=0;j<8;j++){for(var i=7;i>0;i--){Site.editor[i+offset].getElement('img').setProperty('src',Site.editor[i+offset-1].getElement('img').src);}
Site.editor[i+offset].getElement('img').setProperty('src','img/transp.png');offset+=8;}
return false;});$('canvasUp').addEvent('click',function(e){e=new Event(e).stop();var offset=0;for(var j=0;j<7;j++){for(var i=0;i<8;i++){Site.editor[i+offset].getElement('img').setProperty('src',Site.editor[i+offset+8].getElement('img').src);}
offset+=8;}
for(i=0;i<8;i++){Site.editor[i+56].getElement('img').setProperty('src','img/transp.png');}
return false;});$('canvasDown').addEvent('click',function(e){e=new Event(e).stop();var offset=0;for(var j=7;j>0;j--){for(var i=0;i<8;i++){Site.editor[i+(j*8)].getElement('img').setProperty('src',Site.editor[i+(j*8)-8].getElement('img').src);}}
for(i=0;i<8;i++){Site.editor[i].getElement('img').setProperty('src','img/transp.png');}
return false;});$('gallery').toggleClass('loading');Site.loadGallery();if(window.opera){$('grid').setStyle('margin-top','16px');}},loadGallery:function(){var jsonRequest=new Json.Remote('php/gallery.php',{onComplete:function(obj){Site.json=obj;Site.refreshGallery();}}).send();},handleWheel:function(e){e=new Event(e);e.preventDefault();Site.tools[Site.piecesIdx].toggleClass('tools_selected');Site.piecesIdx+=e.wheel;if(Site.piecesIdx>=Site.pieces.length){Site.piecesIdx=0;}else
if(Site.piecesIdx<0){Site.piecesIdx=Site.pieces.length-1;}
Site.tools[Site.piecesIdx].toggleClass('tools_selected');},refreshGallery:function(){var element0,element1,element2,current=null;var numberOfCreatures=Site.json.length-1;Site.json.each(function(el,i){element0=new Element('a',{'href':'index.html?roboty='+numberOfCreatures});element1=new Element('div',{'class':'entry','id':numberOfCreatures}).setHTML(el.name).injectInside(element0);element2=new Element('div',{'class':'author'}).setHTML('by '+el.author+'<br/> on '+el.date).injectInside(element1);element0.inject($('gallery'));numberOfCreatures--;});var list=$$('.entry');list.each(function(element){var fx=new Fx.Styles(element,{duration:500,wait:false});element.addEvent('mouseenter',function(){element.setStyle('cursor','pointer');fx.start({'background-color':'#000','color':'#fff'});});element.addEvent('mouseleave',function(){element.setStyle('cursor','default');fx.start({'background-color':'#eee','color':'#000'});});element.addEvent('click',function(e){e=new Event(e).stop();Site.loadCreature(Site.json.length-1-this.id);});return false;});$('gallery').toggleClass('loading');if(Site.first){var creatureIdx=document.location.search.split('=')[1];creatureIdx=(creatureIdx===undefined)?Site.json.length-1:creatureIdx;Site.id=parseInt(creatureIdx,10);Site.loadCreature(Site.json.length-1-Site.id);Site.logoSlide.toggle();Site.first=false;}},loadCreature:function(id){$('grid').setStyle('visibility','hidden');Site.grid=false;Site.slide.toggle().chain(function(){var data=Site.json[id].data.split(',');Site.editor.each(function(el,i){el.getElement('img').setProperty('src','img/'+data[i]+'.png');});Site.slide.toggle();});}};window.addEvent('domready',Site.init);