var compraInline={skins:{itemAdded:'<div class="itemAdded itemAddedHover" id="itemAdded_{codigo}">{contenidos}</div>',itemAddedLoading:'<span class="loading"><div><img src="{loadingImg}" alt="Un momento..." border="0" />Un momento...</div>',itemAddedContents:'<span class="titulo" style="display: none;"><img src="{dummyImg}" class="setIcono" border="0" /> Art&iacute;culo a&ntilde;adido</span>'+'<div id="itemAdded_info_{codigo}" class="info" style="">'+'<span class="mtext">A&ntilde;adida/s <strong id="itemAdded_unidades_{codigo}">{unidades}</strong> ud.</span>'+'<span class="links stext">'+'<a href="#" title="Quitar del carrito de la compra" class="compra inline lnk actRemove" rel="+{codigo}"><img src="{dummyImg}" class="setIcono" alt="Quitar del carrito de la compra" border="0" />Quitar del carrito</a> - <a href="/compra.php" title="Ver el carrito de la compra">Ver carrito</a>'+'</span>'},semPosting:false,callbacks:[],infoBox:null,init:function(){var i=$$('.itemAdded');if(i.length>=1&&i[1]!='')
compraInline.initHovers(i);var l=$$('.compra.inline.lnk');if(l.length>=1&&l[1]!='')
compraInline.initLinks(l);compraInline.infoBox=new compraInline_infoBox();},initHovers:function(itemArray){itemArray.each(function(item){item.observe('mouseover',compraInline.item_OnMouseOver);item.observe('mouseout',compraInline.item_OnMouseOut);});},initLinks:function(anchorArray){anchorArray.each(function(anchor){if(anchor.hasClassName('actAdd'))
anchor.observe('click',compraInline.addCesta_OnClick);else if(anchor.hasClassName('actRemove'))
anchor.observe('click',compraInline.removeCesta_OnClick);});},item_OnMouseOver:function(e){this.select('.titulo').invoke('hide');this.select('.info').invoke('show');this.addClassName('itemAddedHover');},item_OnMouseOut:function(e){this.select('.info').invoke('hide');this.select('.titulo').invoke('show');this.removeClassName('itemAddedHover');},addCesta_OnClick:function(e){Event.stop(e);if(compraInline.semPosting)return false;var articulo=this.getAttribute('rel');var shouldShowInfoBox=$('itemAdded_'+articulo.substring(1));compraInline.showActivity(articulo);compraInline.cestaOp('add',articulo,1,function(articulo,data){if(!shouldShowInfoBox)
compraInline.infoBox.show(articulo,data);compraInline.updateDOM(articulo,data);});return false;},removeCesta_OnClick:function(e){Event.stop(e);if(compraInline.semPosting)return false;var articulo=this.getAttribute('rel');compraInline.showActivity(articulo);compraInline.cestaOp('remove',articulo,1,compraInline.updateDOM);return false;},cestaOp:function(action,articulo,unidades,callback){compraInline.semPosting=true;new Ajax.Request('/include/php/ajax/ajax_cesta.php',{method:'post',postBody:'act='+escape(action)+'&articulo='+escape(articulo)+'&unidades='+escape(unidades),onSuccess:function(t){var json=eval('('+t.responseText+')');if(json.error!=''){MessageBox.show('¡Error!',json.error,true);}else{callback(articulo,json.data);for(var i=0,m=compraInline.callbacks;i<m;++i)
(compraInline.callbacks[i])(articulo,json.data);}
compraInline.semPosting=false;}});},showActivity:function(codigo){var ctrim=codigo.substring(1);var loadingHtml=compraInline.skins.itemAddedLoading.replace('{loadingImg}',Config.getStaticResourceURI('imageLoading.gif'));var itemAdded=$('itemAdded_'+ctrim);if(itemAdded){itemAdded.update(loadingHtml);}else{var parentItem=$('item_'+ctrim);if(parentItem){var itemAddedHtml=compraInline.skins.itemAdded.replace('{codigo}',ctrim).replace('{contenidos}',loadingHtml);parentItem.insert({top:itemAddedHtml});}}},updateDOM:function(articulo,data){var ctrim=articulo.substring(1);var itemAdded=$('itemAdded_'+ctrim);if(data.unidades>0){var itemAddedHtml=compraInline.skins.itemAddedContents.replace(/{codigo}/g,ctrim).replace(/{dummyImg}/g,Config.dummyImage).replace('{unidades}',data.unidades);itemAdded.update(itemAddedHtml);compraInline.initHovers([itemAdded]);compraInline.initLinks(itemAdded.select('.compra.inline.lnk'));}else itemAdded.remove();compraInline.updateHeaderInfo(data);},updateHeaderInfo:function(data){$('cestaCompraArticulos').update(data.articulos);$('cestaCompraTotal').update(data.total.formatCurrency());}};var compraInline_infoBox=Class.create();compraInline_infoBox.prototype={skins:{recommendations:{loader:'<div id="ciIl_loading" class="ci_itemLoading"><span><img src="{imageLoading}" alt="Cargando listado..." border="0" /> Cargando listado</span></div>',item:'<div class="ci_item" style="display: none;">'+'<a href="{link}" title="{modelo}" class="alignCenter ci_itemImagen"><img src="{imgArticulo}" class="imgArticulo" border="0" alt="{modelo}" /></a>'+'<a href="{link}" title="{modelo}" class="alignCenter btext color9 ci_itemModelo">{modelo}</a>'+'<span class="stext color4">{descripcion}</span>'+'<div class="ci_itemPvpBox">'+'<span class="ci_itemPvp">{pvp} &euro;</span>'+'<a href="{link}" class="ci_itemMasInfo">M&aacute;s info.</a>'+'<div class="footer"></div>'+'</div>'+'</div>'},main:'<div id="compraInline_InfoBox" class="compraInline" style="display: none;">'+'<div class="ci_cnt">'+'<img src="{infoBoxBackground}" class="ci_bgImage pngfix" border="0" />'+'<a href="#" title="Cerrar ventana" class="ci_btCerrar closeLink">Cerrar <img src="{dummyImage}" alt="Cerrar ventana" class="setIcono" border="0" /></a>'+'<div class="ci_itemAdded">'+'<div class="ci_titulo">Art&iacute;culo a&ntilde;adido a su compra</div>'+'<div class="ci_itemAddCnt">'+'<div id="compraInline_modeloArticulo" class="ci_modelo">{modelo}</div>'+'<img id="compraInline_imagenArticulo" src="{imagen}" class="imgArticulo" border="0" alt="{modelo}" />'+'<div class="ci_botonera">'+'<div class="ciBot_titulo">¿Que desea hacer ahora?</div>'+'<a href="#" class="bigButton bbBlue closeLink" title="Seguir explorando">'+'<span class="bbTitulo">Seguir explorando</span>'+'<span class="bbDesc">Ir al listado de art&iacute;culos</span>'+'</a>'+'<a href="/compra.php" class="bigButton bbGreen" title="Realizar compra">'+'<span class="bbTitulo">Realizar compra</span>'+'<span class="bbDesc">Proceder con la compra</span>'+'</a>'+'</div>'+'<div class="footer"></div>'+'</div>'+'</div>'+'<div class="ci_itemsList">'+'<div class="ciIl_titulo">Tambien le puede interesar...</div>'+'<div id="ciIl_Container" class="ci_itemCnt">'+'<div class="footer"></div>'+'</div>'+'</div>'+'</div>'+'</div>'+'</div>'},elements:{documentBody:null,overlay:null,activityIndicator:null,infoBox:{box:null,recommendations:{container:null,loader:null}}},initialize:function(){this.elements.documentBody=Prototype.Browser.IE?$(document.getElementsByTagName('body').item(0)):document.getElementsByTagName('body')[0];this.elements.overlay=new simpleOverlay({elementId:'compraInline_overlay'});},show:function(articulo,data){this.constructDOM(data);this.elements.overlay.show();this.getRecommendations(articulo);if(Prototype.Browser.IE)
this.elements.infoBox.box.show();else
Effect.Appear(this.elements.infoBox.box,{duration:0.3});},constructDOM:function(data){var infoBoxHtml=this.skins.main;infoBoxHtml=infoBoxHtml.replace('{infoBoxBackground}',Config.getStaticResourceURI('compra/compraInline.png'));infoBoxHtml=infoBoxHtml.replace('{dummyImage}',Config.dummyImage);infoBoxHtml=infoBoxHtml.replace('{imageLoading}',Config.imageLoading);infoBoxHtml=infoBoxHtml.replace(/{modelo}/g,data.articulo.modelo);infoBoxHtml=infoBoxHtml.replace('{imagen}',data.articulo.imagen);this.elements.documentBody.insert({'bottom':infoBoxHtml});this.elements.infoBox.box=$('compraInline_InfoBox');this.elements.infoBox.recommendations.container=$('ciIl_Container');var loaderHtml=this.skins.recommendations.loader;loaderHtml=loaderHtml.replace('{imageLoading}',Config.imageLoading);this.elements.infoBox.recommendations.container.insert({'top':loaderHtml});this.elements.infoBox.recommendations.loader=$('ciIl_loading');$$('#compraInline_InfoBox .closeLink').each(function(anchor){anchor.observe('click',function(e){if(e)e.stop();this.hide();}.bind(this));}.bind(this));Effect.Center(this.elements.infoBox.box);pngFixer.fix(this.elements.infoBox.box);},hide:function(){if(Prototype.Browser.IE)
this._toggleSelects(true);this.elements.infoBox.box.remove();this.elements.overlay.hide();},getRecommendations:function(articulo){new Ajax.CachedRequest('/include/php/ajax/ajax_recommendations.php',{method:'get',parameters:'articulo='+escape(articulo),onSuccess:function(t){var json=eval('('+t.responseText+')');if(json.error)MessageBox.show('¡Error!',json.error,true);else{json.recommendations.each(function(element){this._addRecommendationItem(element);}.bind(this));}}.bind(this),onComplete:function(t){var recommendedItems=$$('#ciIl_Container .ci_item');recommendedItems.each(function(el,idx){if(idx!=recommendedItems.length-1)
el.addClassName('wBorder');if(Prototype.Browser.IE)
el.show();else
new Effect.Appear(el,{delay:0.1*(idx+1),duration:.3});});this.elements.infoBox.recommendations.loader.remove();}.bind(this)});},_addRecommendationItem:function(data){var itemHtml=this.skins.recommendations.item;itemHtml=itemHtml.replace(/{link}/g,data.link);itemHtml=itemHtml.replace(/{modelo}/g,data.modelo);itemHtml=itemHtml.replace('{imgArticulo}',data.img);itemHtml=itemHtml.replace('{descripcion}',data.descripcion.substring(0,60)+'...');itemHtml=itemHtml.replace('{pvp}',data.precio.toFloat().formatCurrency());this.elements.infoBox.recommendations.container.insert({'bottom':itemHtml});},_toggleSelects:function(on){var selects=$A(document.getElementsByTagName('select'));var vis=on?'visible':'hidden';selects.each(function(select){select.style.visibility=vis;});}};document.observe('dom:loaded',compraInline.init);var pCompra_Carrito={init:function(){$$('.ctrl.cart.seluds').each(function(sel){sel.observe('change',pCompra_Carrito.selModificaUnidades_OnChange);});$$('.ctrl.cart.elimlin').each(function(el){el.observe('click',pCompra_Carrito.lnkEliminaLinea_OnClick);});if($('cart_mainctrl_elimalllink'))
$('cart_mainctrl_elimalllink').observe('click',pCompra_Carrito.lnkEliminaCesta_OnClick);},selModificaUnidades_OnChange:function(e){var articulo=this.id.substring(this.id.lastIndexOf('_')+1,this.id.length);var udsOld=parseInt(this.getAttribute('title'));var udsNew=parseInt(this.options[this.selectedIndex].value);oActivityIndicator.appear();compraInline.cestaOp('add',articulo,(udsNew-udsOld),function(articulo,datos){this.setAttribute('rel',udsOld+(udsNew-udsOld));$('cart_lincap_total_'+articulo).update(datos.subtotal.formatCurrency());pCompra_Carrito.actualizaTotal(datos);pCompra_Carrito.actualizaBotonBajoMinimo(datos);oActivityIndicator.fade();}.bind(this));},lnkEliminaLinea_OnClick:function(e){Event.stop(e);if(confirm('¿Desea eliminar este artículo de su carrito de la compra?')){oActivityIndicator.appear();compraInline.cestaOp('remove',this.getAttribute('rel'),1,function(articulo,datos){var currentRow=$('cart_lin_'+articulo.substring(1));Effect.Puff(currentRow,{afterFinish:function(){currentRow.remove();pCompra_Carrito.actualizaTotal(datos);pCompra_Carrito.actualizaBotonBajoMinimo(datos);oActivityIndicator.fade();}});});}},lnkEliminaCesta_OnClick:function(e){Event.stop(e);var lineas=$$('.articulos');if(lineas.length<1)return false;if(confirm('¿Desea realmente vaciar todo el contenido de su cesta de la compra?')){oActivityIndicator.appear();compraInline.cestaOp('removeAll','',1,function(articulo,datos){lineas.invoke('remove');pCompra_Carrito.actualizaTotal(datos);pCompra_Carrito.actualizaBotonBajoMinimo(datos);oActivityIndicator.fade();});}},actualizaTotal:function(d){$('cestaCompraTotalMain').update(d.total.formatCurrency());if(d.articulos<1){$('cart_indic_vacio').setStyle({display:'table-row'});$('precioInferior').hide();}
compraInline.updateHeaderInfo(d);new Effect.Highlight('cart_cap_total');},actualizaBotonBajoMinimo:function(d){var btAcceso=$('btAcceso');var precioInferior=$('precioInferior');if(!d.bajoMinimo){precioInferior.hide();btAcceso.show();}else{btAcceso.hide();precioInferior.show();}}};var pCompra_Datos={init:function(){if($('btsig3'))
$('btsig3').observe('click',pCompra_Datos.bSiguiente_OnClick);if($('copiarDatos'))
$('copiarDatos').observe('click',pCompra_Datos.btCopiarDatos_OnClick);},bSiguiente_OnClick:function(e){Event.stop(e);var oFrm=$('fDatosFacturacion');if(oFrm)
if(oFrm.validate())oFrm.submit();return false;},btCopiarDatos_OnClick:function(e){Event.stop(e);$('txnombre_env').value=$('txnombre').value;$('txapellidos_env').value=$('txapellidos').value;$('txdireccion_env').value=$('txdireccion').value;$('txcp_env').value=$('txcp').value;$('txciudad_env').value=$('txciudad').value;$('txprovincia_env').value=$('txprovincia').value;$('txtelf_env').value=$('txtelf').value;return false;}};var pCompra_FormaPago={init:function(){if($('btsig4'))
$('btsig4').observe('click',pCompra_FormaPago.bSiguiente_OnClick);$$('.ctrl.rbfpago').each(function(el){el.observe('click',pCompra_FormaPago.rbFormaPago_OnClick);});},bSiguiente_OnClick:function(e){Event.stop(e);var oFrm=$('fFormaPagoTransporte');if(oFrm)
oFrm.submit();return false;},rbFormaPago_OnClick:function(e){var fpSel=this.value;$$('.total_detalle').each(function(el){if(el.hasClassName(fpSel))
el.show();else
el.hide();});$$('.listadoFP')[0].immediateDescendants().invoke('removeClassName','selected');this.parentNode.parentNode.addClassName('selected');$$('.cestaTotal').each(function(el){if(el.visible())
new Effect.Highlight(el);});}};var pCompra_Confirma={init:function(){if($('btsig5'))
$('btsig5').observe('click',pCompra_Confirma.bSiguiente_OnClick);},bSiguiente_OnClick:function(e){Event.stop(e);var oFrm=$('fConfirmacionCompra');if(oFrm)
oFrm.submit();return false;}};var pCompra_CodigoPromo={domElement:null,infoContainer:null,overlay:null,sem:0,skins:{promoHTML:'<div id="msgCodigoPromo" class="msgCodigoPromo" style="display: none;">'+'<div class="msp_cnt">'+'<img src="{img_fondo}" class="msp_bg pngfix" alt="" border="0" />'+'<a href="#" id="btCerrarCodigoPromo" title="Cerrar ventana" class="ci_btCerrar">Cerrar <img src="{dummyImage}" alt="Cerrar ventana" class="setIcono" border="0" /></a>'+'<div class="msp_cntMsg">'+'<div class="msp_titulo">Introduzca su c&oacute;digo promocional</div>'+'<div class="mtext">Si dispone de un c&oacute;digo promocional introduzcalo para beneficiarse de nuestros descuentos o promociones.</div>'+'<form name="fCodigoPromo" id="fCodigoPromo" method="post" style="margin:0; padding:0;" onsubmit="return false;">'+'<fieldset>'+'<label for="txCodigoPromo" class="stext alignLeft">Codigo promocional</label>'+'<input id="txCodigoPromo" name="txCodigoPromo" type="text" class="inputText isValidRequired" title="Obligatorio" />'+'<input name="p" value="4" type="hidden" />'+'<a href="#" id="btValidaCodigoPromo" class="bigButton bbSmallGreen" title="Introduciar c&oacute;digo de promoci&oacute;n">'+'<span class="bbTitulo">Validar c&oacute;digo</span>'+'<span class="bbDesc">Introduzca su c&oacute;digo</span>'+'</a>'+'</fieldset>'+'</form>'+'</div>'+'</div>'+'</div>'},init:function(){if($('btCodigoPromo'))
$('btCodigoPromo').observe('click',pCompra_CodigoPromo.bCodigoPromo_OnClick);},bCodigoPromo_OnClick:function(e){Event.stop(e);pCompra_CodigoPromo.overlay=new simpleOverlay({elementId:'msg_overlay'});pCompra_CodigoPromo.initDOM();pCompra_CodigoPromo.initEvents();pCompra_CodigoPromo.show();return false;},initDOM:function(){if(!pCompra_CodigoPromo.domElement){var container=Prototype.Browser.IE?$(document.getElementsByTagName('body').item(0)):document.getElementsByTagName('body')[0];if(container){var skinHtml=pCompra_CodigoPromo.skins.promoHTML;skinHtml=skinHtml.replace('{img_fondo}',Config.getStaticResourceURI('ficha/ficha_mini.png'));skinHtml=skinHtml.replace(/{dummyImage}/g,Config.dummyImage);container.insert({'bottom':skinHtml});pCompra_CodigoPromo.domElement=$('msgCodigoPromo');Effect.Center(pCompra_CodigoPromo.domElement);pngFixer.fix(pCompra_CodigoPromo.domElement);}}},initEvents:function(){if($('btValidaCodigoPromo'))
$('btValidaCodigoPromo').observe('click',pCompra_CodigoPromo.bValidaCodigoPromo_OnClick);if($('btCerrarCodigoPromo')){$('btCerrarCodigoPromo').observe('click',function(){pCompra_CodigoPromo.hide();});}
if($('txCodigoPromo'))
$('txCodigoPromo').observe('keypress',pCompra_CodigoPromo.bValidaCodigoPromo_OnKeyPress);},bValidaCodigoPromo_OnKeyPress:function(e){if(e.keyCode==Event.KEY_RETURN)
pCompra_CodigoPromo.bValidaCodigoPromo_OnClick(e);},bValidaCodigoPromo_OnClick:function(e){Event.stop(e);if($('fCodigoPromo').validate()){new Ajax.Request('/include/php/ajax/ajax_cesta.php',{method:'post',postBody:'&act=validaCodigo&'+$('fCodigoPromo').serialize(),onSuccess:function(t){var json=eval('('+t.responseText+')');if(json.error!='')alert('Error:'+json.error);else{$('fCodigoPromo').submit();}},onFailure:function(t){alert('Error:'+json.error);}});}},show:function(){pCompra_CodigoPromo.overlay.show();Effect.Center(pCompra_CodigoPromo.domElement);pCompra_CodigoPromo.domElement.show();},hide:function(e){if(e)Event.stop(e);pCompra_CodigoPromo.domElement.remove();pCompra_CodigoPromo.domElement=false;pCompra_CodigoPromo.overlay.hide();}};function compraInit(){pCompra_Carrito.init();pCompra_Datos.init();pCompra_FormaPago.init();pCompra_Confirma.init();pCompra_CodigoPromo.init();}
document.observe('dom:loaded',compraInit);