window.addEvent('domready', function(){

var scrollBox1 = new MooScroll({selector:'#menucontent'});

									 
									 
var toCart=$$('.toCart');
if(toCart.length)
	{
	toCart.addEvent('click',
					function() {
						var price=this.get("rel");
						var arrPr=price.split('|');
					
						var posfrom=this.getPosition();
						var posto=$('price').getPosition();
						
						var prc=new Element('div', {'html': arrPr[1]+" р.", 'class':'price'}).inject($("instprice"));
						prc.setStyles({ position: 'absolute',
									  top: posfrom.y,
									   left: posfrom.x-70,
									   width: '130px',
									   'text-align': 'right',
									   opacity: 1,
									   'z-index':1000});
						prc.morph({	top: posto.y,
									left: posto.x });
						new Request.JSON({
							url: "json/add.php?uin="+arrPr[0]+"&price="+arrPr[1]+"&size="+arrPr[2] ,
							onComplete: function(jsonObj){
								$('price').innerHTML=jsonObj.total+" р.";
								prc.morph({	top: posto.y,
									left: posto.x,
									opacity: 0  });
								var list=jsonObj.list;
								if(list){
									var div=$('menu-cart');
									div.empty();
									list.each(function(str) {
										new Element('div', {'html': str.name+": "+str.q}).inject(div);
										});
									}
									
								}}).send();
					});	
		
	}
	
var setCenterWin=function(elem,w,h) {
			var win=document.getSize(); 
			var scrl=document.getScroll();
			var scrlwin=document.getScrollSize();
			var fon=new Element('div').inject(elem);
			fon.setStyles({
					overflow: 'hidden',
					top: '0px',
					left: '0px',
					width: scrlwin.x+'px',
					height: scrlwin.y+'px',
					backgroundColor: '#462714',
					opacity: '0',
					position: 'absolute'
					});
			fon.morph({
				opacity: '0.8'
			});	
			var info=new Element('div',{'class':'winfoto'}).inject(elem);
			info.setStyles({
				
				position: 'absolute',
				display: '',
				top: win.y/2-(h/2)+scrl.y+'px',
				left: win.x/2-(w/2)+scrl.x+'px',
				width: w+'px',
				height:  h+'px'
			});	
			return info;
};
var morphCenterWin= function(elem,w,h) {
			var win=document.getSize(); 
			var scrl=document.getScroll(); 
			elem.morph({
				top: win.y/2-(h/2)+scrl.y+'px',
				left: win.x/2-(w/2)+scrl.x+'px',
				width: w+'px',
				height:  h+'px'
			});		
};	
var fotolist=$$('.bigfoto');
if(fotolist.length) {
	fotolist.setStyle('cursor','pointer');
	fotolist.addEvent('click', function(){
				var div=$('divinfo');
				var desc=this.get("rel");
				var descAr=desc.split('|');
				var infowin=setCenterWin(div, 10,10);
				var img = new Element('img',{'src':descAr[0]}).inject(infowin);
				img.setStyle('opacity',0);
				morphCenterWin(infowin, descAr[1],10);
				setTimeout(function(){
					morphCenterWin(infowin, descAr[1],descAr[2]);
						var clb=new Element('img',{'src':'im/cls-button.gif','title':"Закрыть"}).inject(infowin);
						clb.setStyles({
									  position:'absolute',
									  'margin-left':'20px',
									  'margin-top':descAr[2]-14+'px'
									  });
									}, 500);
				setTimeout(function(){
					img.morph({'opacity':1});
									}, 1000);
				infowin.setStyle('cursor','pointer');
				infowin.addEvent('click', function(){
									$('divinfo').empty();			   
												   
												   });
				});
	
	
}
									 
});