colorresults='';
Event.observe(window, 'load', function() {
	$$('.toogle a').each(function (el){ el.observe('click',
			function(event){
				
				var elem=Event.element(event);
				Event.stop(event);
				elem.parentNode.parentNode.select('div.toogle-content')[0].toggle();
				elem.parentNode.parentNode.select('div.hr')[0].toggle();
			}
	);});
	//cart-del
	$$('.cart-del').each(function (el){
		Event.observe(el,'click',delObserv);
	});
	$$('.plusminus').each(function (el){
		Event.observe(el,'blur',qtyObserv);
	});	
	Event.observe($('cart-added'),'click',function(event){$('cart-added').hide();});
	$$('.cart-add').each(function (el){
		Event.observe(el,'click',function(event){
			$('cart-added').show();
			
			var top=Event.element(event).offsetTop+Event.element(event).offsetHeight-10;
			
			top = Event.pointerY(event)+15;
			
			setTimeout(function(){$('cart-added').hide();}, 5000);
			var left=Event.element(event).offsetLeft;
			
			left = Event.pointerX(event)-40;
			
			$('cart-added').setStyle({
				'top':top+'px',
				'left':left+'px'
			});
			
			serie=qty=height=volumestomac=volumelegs=false;

			if($('height')){
				height=$('height').value;
			}
			if($('volumestomac')){
				volumestomac=$('volumestomac').value;
			}
			if($('volumelegs')){
				volumelegs=$('volumelegs').value;
			}
			if($('qty')){
				qty=$('qty').value;
			}
			if(Event.element(event).rel){
				serie=Event.element(event).rel;
			}
			/*if(!colorresults){
				colorresults='';
			}*/
			
			new Ajax.Request('/cart/add/.jax', {
				parameters: { 
					id:Event.element(event).id.replace(/item\d*-/,''),
					doctype:doctype,
					height:height,
					volumestomac:volumestomac,
					volumelegs:volumelegs,
					qty:qty,
					colorresults:$H(colorresults).toJSON(),
					serie:serie
				},
				onSuccess: function(transport) {
				    updateCart();
				}
			});
			
			Event.stop(event);
			
		});
	}); 
    
    if($('login-button')&&$('login-form')){
		$('login-button').observe('click',function (event){
			if (fm=$('login-form')) {
				fm.visible()? fm.hide() : fm.show();
			}
			Event.stop(event);
		});
		//registerAjaxToLogin();
	}
    if($('btn-checkout')){
    	$('btn-checkout').observe('click',toggleCheckout);
    }
    try{
	    if (colorareas){
	    	colorareas = $H(colorareas);
	    	
	    	colorareas.each(function(sel){
	    		svgEvent(sel.key,'click',function(event,selector){svgSelect('.'+selector);});
	    	});
	    }
    }catch(e){}
    colorresults={};

   // IFRAME($('preview'),'preview')
});
function svgEvent(selector,name,callback){
    svg =(IFRAME($('preview'),'preview'));
   // console.log(svg);
    try{//good browsers
    	elements=svg.getElementsByClassName(selector);
    }catch(e){//badone
    	elements=svg.getElementsByTagName('group');
    	elements=Element.extend(svg.getElementsByTagName('html').item(0)).select('.'+selector);
    }
  //  console.log(elements);
    for(i=0;i<elements.length;i++){
    	var sel=selector;
    	//Event.observe('click',Element.extend(elements[i]),callback.bindAsEventListener(selector));
    	elements[i]['on'+name]=callback.bindAsEventListener(window,selector);
    }
}
var currentselection=null;
function svgSelect(selector){
	/*if (console!=undefined)
	{
		console.log(selector);
	}*/
	
	if (currentselection){
	    try{//Good browsers
		    styles=svg.styleSheets[0].cssRules;
		    setAttr(currentselection,'stroke-width',null);
		    setAttr(currentselection,'stroke-dasharray',null);
		    setAttr(currentselection,'stroke',null);
	    }catch(e){//Bad one
	    	elements=Element.extend(svg.getElementsByTagName('html').item(0)).select(currentselection);
	    	elements.each(function(element){
	    		//element.stroked=true;
	    		element.innerHTML='';
	    	});
	    }		
	}
	if(currentselection==selector){
		currentselection=false;
		return;
	}
	currentselection=selector;
    try{//Good browsers
	    styles=svg.styleSheets[0].cssRules;
	   // svg.styleSheets[0].insertRule(currentselection+" {stroke-width:0.5;stroke-dasharray:2,1;stroke:#000000;}",styles.length);
	    el=svg.getElementsByClassName(selector.replace('.',''));
	  //  console.log(el[0]);
	 //   alert(1);
	    
	    setAttr(selector,'stroke-width','1.2');
	    setAttr(selector,'stroke-dasharray','2,1');
	    setAttr(selector,'stroke','#000000');

    }catch(e){//Bad one
    	elements=Element.extend(svg.getElementsByTagName('html').item(0)).select(currentselection);
    	elements.each(function(element){
    		element.innerHTML='<v:stroke  weight="2px" color="black" linestyle="Single" dashstyle="dash" />';
    		//element.stroked=true;
    	});
    }	
}
function svgSetColor(color,name){
	//alert(1);
	if(!currentselection){
		return;
	}
	//alert('event');
	//console.log(color);
    svg =(IFRAME($('preview'),'preview'));
    
    try{//Good browsers
    	  setAttr(currentselection,'fill',color);
	  /*  styles=svg.styleSheets[0].cssRules;
	    svg.styleSheets[0].insertRule(currentselection+" {fill: "+color+";}",styles.length);
	    svg.document.forceRedraw();*/
	    /*
	    for(i=0;i<styles.length;i++){
	    	if(styles[i].selectorText==currentselection){
	    		styles[i].style.cssText+="fill: "+color+";";
	    	}
	    	//console.log(styles[i].style);
	    }*/
    }catch(e){//Bad one
    	elements=Element.extend(svg.getElementsByTagName('html').item(0)).select(currentselection);
    	elements.each(function(element){
    		element.fill.color.value=color;
    	});
    }
    
    sel=currentselection.replace('.','');
    colorresults[sel]=color;
  //  console.log(colorresults);
  //  colorresults=[currentselection]
}
function setAttr(sel,attr,val){
	//currentselection=selector;
	//try{//Good browsers
	    styles=svg.styleSheets[0].cssRules; 
    	for(i=0;i<styles.length;i++){
	    	if(styles[i].selectorText==sel){
	    		if(val==null){
	    			styles[i].style.removeProperty(attr);
	    		}else{
	    			styles[i].style.setProperty(attr,val,null);
	    		}
	    	}
	    }
    	el=svg.getElementsByClassName(sel.replace('.',''));
	    for(i=0;i<el.length;i++){
	    		el[i].setAttributeNS(null,attr,val);
		}
	/*}catch(e){//Bad one
    	elements=Element.extend(svg.getElementsByTagName('html').item(0)).select(sel);
    	elements.each(function(element){
    		element.fill.color.value=color;
    	});
    }*/
}
function IFRAME(D,id){
		
	  try{
	    C=D.contentWindow;
	    S=C.document;
	  }
	  catch(e){
	    try{
	    S=D.getSVGDocument();
	    }
	    catch(e){
	        try{
	            S=frames[id].getSVGDocument();
	        }
	        catch(e){//alert('nothing is working');
	        return false;}
	    }
	  }
	  return S;
	}

function registerFormValidator() {
    if (form = $$('form.register')[0]) {
        if (err =form.down('div.error')) {
            err.down('input').focus();
        }
    }
}

//регистрируем аякс на логин
function registerAjaxToLogin() {
    if (!$("jax-login-form")) {
        return true;
    }
    $("jax-login-form").down("input[type='submit']").onclick=function(){
        st = ['Этот адрес почты не зарегистрирован','Неверный пароль',undefined,undefined,"Ваш аккаунт не подтвержден. Подождите, пока наш менеджер свяжется с вами"];
        unk='Ошибка авторизации, попробуйте позже.';
        $("jax-login-form").request({
            parameters: {asjax:'true'}, 
            onComplete: function(tr){
                if ((rt=tr.responseText)=='ok') {
                    window.location.reload(true);
                    return true;
                } else {
                    $('jax-login-error').update((st[rt]==undefined)? unk : st[rt]).show();
                    return false;
                }
            } 
        });
        return false;
    };
}
function qtyObserv(event){
	el = Event.findElement(event, 'input');
	
	qty=el.value;
	
	
	id=el.getAttribute("id").replace('item_q_','');
	
	new Ajax.Request('/cart/edit/.jax', {
		parameters: { 
			id:id,
			qty:qty
		},
		onSuccess: function(transport) {
		    updateCart();
		    updateCartBig();
		}
	});
	//Event.stop(event);
}
function delObserv(event){
	
	el = Event.findElement(event, 'a');
	
	new Ajax.Request('/cart/del/.jax', {
		parameters: { 
			id:el.getAttribute("id").replace('item-','')
		},
		onSuccess: function(transport) {
		    updateCart();
		    updateCartBig();
		}
	});
	Event.stop(event);
}
function updateCart(){
	new Ajax.Updater('cart-cont', '/cart/update/.jax', {});
}
function updateCartBig(){
	new Ajax.Updater('cart-big', '/cart/updatebig/.jax', {
		onComplete:function(){
			$$('a.cart-del').each(function (el){
				Event.observe(el,'click',delObserv);
			});
			$$('.plusminus').each(function (el){
				Event.observe(el,'blur',qtyObserv);
			});	
		}
	});

}
//cart
function toggleCheckout(event){
	Event.stop(event);
	$('frm-checkout').toggle();
	$('btn-checkout').toggle();
	$$('.cb-cell').each(function (el){el.toggle();});
	
}