var process_tpl='<img src=\"http:\/\/i.xshop.ua\/ajax.gif\" width=\"31\" height=\"31\" alt=\"\u041e\u0442\u043f\u0440\u0430\u0432\u043a\u0430 \u0434\u0430\u043d\u043d\u044b\u0445\" class=\"process\"\/>';Message_class.prototype.options.tpl='<div class=\"message code${code}\">${content}<\/div>';User_class.prototype.options.process.tpl=process_tpl;User_class.prototype.options.message.tpl='<span class=\"message code${code}\">${content}<\/span>';User_class.prototype.options.signin.tpl='<div class=\"title\"><span>\u0412\u0445\u043e\u0434 \u0441 \u043f\u0430\u0440\u043e\u043b\u0435\u043c<\/span>{if \"http:\/\/\"+location.host+location.pathname!=\"http:\/\/my.xshop.ua\/signup\/\"} \u0438\u043b\u0438 <a href=\"http:\/\/my.xshop.ua\/signup\/\">\u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f<\/a>{\/if}<\/div> <form> <div name=\"msg\"><\/div> <div class=\"field\"> \u042d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u0430\u044f \u043f\u043e\u0447\u0442\u0430:<br \/> <input type=\"text\" class=\"text\" name=\"login\" required=\"required\" pattern=\"^[_a-z0-9-]+(\\.[_a-z0-9-]+)*@[a-z0-9-]+(\\.[a-z0-9-]+)*(\\.[a-z0-9]{2,4})$\" \/> <\/div> <div class=\"field\"> \u041f\u0430\u0440\u043e\u043b\u044c:<br \/> <input type=\"password\" class=\"text\" name=\"password\" required=\"required\" \/><br \/> <label><input type=\"checkbox\" name=\"remember\" checked=\"checked\" value=\"1\" \/>\u0437\u0430\u043f\u043e\u043c\u043d\u0438\u0442\u044c \u043c\u0435\u043d\u044f<\/label> <\/div> <div class=\"submit\"><input type=\"submit\" value=\"\u0412\u043e\u0439\u0442\u0438\" \/><a href=\"http:\/\/my.xshop.ua\/remind-password\/\" class=\"xhr remind-password\" name=\"remind\">\u0415\u0441\u043b\u0438 \u0437\u0430\u0431\u044b\u043b\u0438 \u043f\u0430\u0440\u043e\u043b\u044c<\/a><\/div> <\/form>';User_class.prototype.options.remind_success.tpl='<h4>\u0412\u043e\u0441\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u043f\u0430\u0440\u043e\u043b\u044f<\/h4> <form> <div class=\"field\"> <div name=\"msg\"><\/div> <\/div> <input type=\"submit\" value=\"\u0421\u043f\u0430\u0441\u0438\u0431\u043e\" onclick=\"User.popup.close()\" \/> <\/form>';User_class.prototype.options.remind.tpl='<div class=\"title\"><span><a href=\"http:\/\/my.xshop.ua\/signin\/\" class=\"xhr\" name=\"signin\">\u0412\u0445\u043e\u0434 \u0441 \u043f\u0430\u0440\u043e\u043b\u0435\u043c<\/a><\/span>{if \"http:\/\/\"+location.host+location.pathname!=\"http:\/\/my.xshop.ua\/signup\/\"} \u0438\u043b\u0438 <a href=\"http:\/\/my.xshop.ua\/signup\/\">\u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f<\/a>{\/if}<\/div><\/div> <h4>\u0412\u043e\u0441\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u043f\u0430\u0440\u043e\u043b\u044f<\/h4> <div name=\"msg\"><\/div> <form> <div class=\"field\"> \u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0430\u0434\u0440\u0435\u0441 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0439 \u043f\u043e\u0447\u0442\u044b, \u043d\u0430&nbsp;\u043a\u043e\u0442\u043e\u0440\u0443\u044e \u0432\u044b \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u043b\u0438\u0441\u044c:<br \/> <input type=\"text\" class=\"text\" name=\"email\" required=\"required\" pattern=\"^[_a-z0-9-]+(\\.[_a-z0-9-]+)*@[a-z0-9-]+(\\.[a-z0-9-]+)*(\\.[a-z0-9]{2,4})$\"\/> <\/div> <div class=\"submit\"><input type=\"submit\" value=\"\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043f\u0430\u0440\u043e\u043b\u044c\" \/><\/div> <\/form> ';User_class.prototype.options.popup={tpl:'<div class=\"popup\"> <div class=\"container border\" name=\"content\"> <\/div> <div name=\"close\"><\/div> <\/div>',activeElements:{remind:'Remind',signin:'SignIn'}};var User=new User_class();var MenuUser=new Menu_class();MenuUser.setOptions({tpl:'<ul class=\"user\"> {for node in nodes} <li class=\"${node.name}{if isMediate(node)} active{\/if}\"> {if isActive(node)} <span class=\"sprite\"><i><\/i>${node.title}<\/span> {else} <a href=\"${node.href}\" name=\"${node.name}\" class=\"sprite\"><i><\/i>${node.title}<\/a> {\/if} <\/li> {\/for} <\/ul>',xhrNodes:{signin:function(){User.toggleSignIn()},signout:function(){User.SignOut()}},S:[{"title":"\u0412\u0445\u043e\u0434 \u0441 \u043f\u0430\u0440\u043e\u043b\u0435\u043c","name":"signin","href":"http:\/\/my.xshop.ua\/signin\/"}]});var Cart=new Cart_class({tpl:'{if empty() !== null} <div class=\"cart\"> {if !empty()} <div class=\"make-order\"><div><div><div><a href=\"http:\/\/my.xshop.ua\/checkout\/\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c&hellip;<\/a><\/div><\/div><\/div><\/div> {if location.pathname===\"\/cart\/\"} <span class=\"sprite active\"><i><\/i>\u0412 \u043a\u043e\u0440\u0437\u0438\u043d\u0435 ${S.quantity} \u0442\u043e\u0432\u0430\u0440\u0430<\/span> {else} <a href=\"http:\/\/my.xshop.ua\/cart\/\" class=\"sprite\"><i><\/i>\u0412 \u043a\u043e\u0440\u0437\u0438\u043d\u0435 ${S.quantity} \u0442\u043e\u0432\u0430\u0440\u0430<\/a> {\/if} \u043d\u0430 ${S.total} {else} <span class=\"sprite empty\"><i><\/i>\u041a\u043e\u0440\u0437\u0438\u043d\u0430 \u043f\u0443\u0441\u0442\u0430<\/span> {\/if} <\/div> {\/if} '});S.load();GoodsSuggestion_class.prototype.options.items_tpl='<div class=\"goods\"> <div class=\"container\"> <table class=\"one-fouth\"> {macro toImagesRow(item)} <td> <div class=\"container\"> <a href=\"${item.href}\"> {if item.tag} <div class=\"status\"><div class=\"${item.tag}\"><img src=\"http:\/\/i.xshop.ua\/design\/catalog\/tag-${item.tag}.png\" alt=\"${item.tag}\" \/><\/div><\/div> {\/if} ${item.image} <\/a> <\/div> <\/td> {\/macro} {macro toDetailsRow(item)} <td> <div class=\"container\"> <div class=\"title\"><a href=\"${item.href}\">${item.title}<\/a><\/div> <div class=\"price\">${item.price} <span class=\"usd\">${item.price_uah}<\/span><\/div> <\/div> <\/td> {\/macro} {var images=\"\"} {var details=\"\"} {for item in items} {var images = images+toImagesRow(item)} {var details = details+toDetailsRow(item)} {\/for} {if items.length==3} {var items = images+\"<td><\/td>\"} {var details = details+\"<td><\/td>\"} {elseif items.length==2} {var items = images+\"<td><\/td><td><\/td>\"} {var details = details+\"<td><\/td><td><\/td>\"} {elseif items.length==1} {var items = images+\"<td><\/td><td><\/td><td><\/td>\"} {var details = details+\"<td><\/td><td><\/td><td><\/td>\"} {\/if} {if images && details} <tr class=\"images\">${images}<\/tr> <tr class=\"details\">${details}<\/tr> {\/if} <\/table> <\/div> <\/div>';GoodsSuggestion_class.prototype.options.randomFrom=4;App.addOnDomReady(function(){$(document.body).showHints();$(document.body).showDefault();$(document.body).checkForms();if(window.ie)$$('label').each(function(l){var i=l.getElement('input');if(i&&(i.type=='radio')){l.addEvent('click',function(){i.checked=1;i.fireEvent('change',{target:i,type:'click'})})}if(i&&(i.type=='checkbox')){l.addEvent('click',function(e){e=new Event(e);if(e.target!=i)i.checked=i.checked?0:1})}})});var GoodsMenuSlider_class=new Class({_current_id:null,_sliders:{},id:null,options:{step:20,mask_height:220,duration:100},_fx_block:false,_clear_periodical:true,initialize:function(id){this.id=id},run:function(){this.addSliderElement(this.id)},getMaskHeight:function(){return this.options.mask_height},isValid:function(box){return box.getSize().size.y>this.getMaskHeight()},addSliderElement:function(id){var box=$(id);if(box){this._current_id=id}else{this._current_id=null;return};if(!this.isValid(box))return;this._sliders[this._current_id]={};this._sliders[this._current_id]['box']=box;this._sliders[this._current_id]['elements']={topControl:null,bottomControl:null,mask:null,box:null};this.createSliderElement();this.setEvents();App.addOnDomReady(this.scrollToActive.bind(this))},scrollToActive:function(){var activeEl=$(this._current_id).getElement('.active');if(activeEl){var top=activeEl.getCoordinates().bottom;var parent=activeEl.getParent().getParent().getCoordinates().bottom;if((parent-top)<0){var className=this._sliders[this._current_id]['box'].getProperty('class');App.setRule('.header .catalog .slider ul.'+className,'top:'+(parent-top)+'px');this.setDisable()}}},createSliderElement:function(){var clone=this._sliders[this._current_id]['box'].clone();this._sliders[this._current_id].elements.box=clone;this._sliders[this._current_id].elements.topControl=new Element('div',{'class':'controls disable'});new Element('div',{'class':'top'}).inject(this._sliders[this._current_id].elements.topControl);this._sliders[this._current_id].elements.bottomControl=new Element('div',{'class':'controls'});new Element('div',{'class':'bottom'}).inject(this._sliders[this._current_id].elements.bottomControl);var mask=new Element('div',{'class':'mask'});clone.inject(mask);this._sliders[this._current_id].elements.mask=mask;var newDOM=new Element('div',{'class':'slider'});this._sliders[this._current_id].elements.topControl.inject(newDOM);mask.inject(newDOM);this._sliders[this._current_id].elements.bottomControl.inject(newDOM);this._sliders[this._current_id]['box'].replaceWith(newDOM)},setEvents:function(){this._sliders[this._current_id].elements.bottomControl.addEvent('mousedown',function(e){new Event(e).stop();if(this._fx_block)return;this._clear_periodical=false;periodical=function(){this.moveDown()}.bind(this).periodical(this.options.duration)}.bind(this));this._sliders[this._current_id].elements.topControl.addEvent('mousedown',function(e){new Event(e).stop();if(this._fx_block)return;this._clear_periodical=false;periodical=function(){this.moveUp()}.bind(this).periodical(this.options.duration)}.bind(this));[this._sliders[this._current_id].elements.bottomControl,this._sliders[this._current_id].elements.topControl].each(function(el){el.addEvents({mouseup:function(e){this._clear_periodical=true}.bind(this),mouseleave:function(e){this._clear_periodical=true}.bind(this)})}.bind(this))},isAllowMoveUp:function(){return parseInt(this._sliders[this._current_id].elements.box.getStyle('top'))<0},moveUp:function(){if(!this.isAllowMoveUp()){this.clearPeriodical(1);return};this._fx_block=true;var end=parseInt(this._sliders[this._current_id].elements.box.getStyle('top'))+this.options.step;if(end>0)end=0;this.setEffects(this._sliders[this._current_id].elements.box,parseInt(this._sliders[this._current_id].elements.box.getStyle('top')),end,function(){this._fx_block=false;this.setDisable();this.clearPeriodical(0)}.bind(this))},isAllowMoveDown:function(){if(!this._sliders[this._current_id]['difference']){this._sliders[this._current_id]['difference']=this._sliders[this._current_id].elements.box.getSize().size.y-this.getMaskHeight()};return parseInt(this._sliders[this._current_id].elements.box.getStyle('top'))>-this._sliders[this._current_id]['difference']},setDisable:function(){if(!this.isAllowMoveDown()){this._sliders[this._current_id].elements.bottomControl.addClass('disable')}else{this._sliders[this._current_id].elements.bottomControl.removeClass('disable')}if(!this.isAllowMoveUp()){this._sliders[this._current_id].elements.topControl.addClass('disable')}else{this._sliders[this._current_id].elements.topControl.removeClass('disable')}},clearPeriodical:function(force){if(this._clear_periodical||force){$clear(periodical);this._clear_periodical=false}},moveDown:function(){if(!this.isAllowMoveDown()){this.clearPeriodical(1);return};this._fx_block=true;var end=parseInt(this._sliders[this._current_id].elements.box.getStyle('top'))-this.options.step;if(end<-this._sliders[this._current_id]['difference']){end=-this._sliders[this._current_id]['difference']};this.setEffects(this._sliders[this._current_id].elements.box,parseInt(this._sliders[this._current_id].elements.box.getStyle('top')),end,function(){this._fx_block=false;this.setDisable();this.clearPeriodical(0)}.bind(this))},setEffects:function(elem,start,end,onComplete,transitional){var options={duration:this.options.duration,transition:Fx.Transitions.linear};if(typeof onComplete=='function'||typeof onComplete=='object')options['onComplete']=onComplete;new Fx.Styles(elem,options).start({'top':[start,end]})}});GoodsMenuSlider_class.implement(new Options,new Events);