/* Site: DOP Scope: Main Site Behaviours Author: Andrew Mee, KND Web Consultants Date: February, 2008 */ //MooTools, My Object Oriented Javascript Tools. Copyright (c) 2006-2007 Valerio Proietti, , MIT Style License. //Components: Core, Class, Native, Element, Window.DomReady, Effects-(.Elements, .Scoll, .Slide), Remote-(.Cookie, .Assets) var MooTools={version:"1.11"};function $defined(A){return(A!=undefined);} function $type(B){if(!$defined(B)){return false;}if(B.htmlElement){return"element"; }var A=typeof B;if(A=="object"&&B.nodeName){switch(B.nodeType){case 1:return"element";case 3:return(/\S/).test(B.nodeValue)?"textnode":"whitespace";}}if(A=="object"||A=="function"){switch(B.constructor){case Array:return"array"; case RegExp:return"regexp";case Class:return"class";}if(typeof B.length=="number"){if(B.item){return"collection";}if(B.callee){return"arguments";}}}return A; } function $merge(){var C={};for(var B=0;B-1:this.indexOf(A)>-1;},escapeRegExp:function(){return this.replace(/([.*+?^${}()|[\]\/\\])/g,"\\$1"); }});Array.extend({rgbToHex:function(D){if(this.length<3){return false;}if(this.length==4&&this[3]==0&&!D){return"transparent";}var B=[];for(var A=0;A<3; A++){var C=(this[A]-0).toString(16);B.push((C.length==1)?"0"+C:C);}return D?B:"#"+B.join("");},hexToRgb:function(C){if(this.length!=3){ return false;}var A=[]; for(var B=0;B<3;B++){A.push(parseInt((this[B].length==1)?this[B]+this[B]:this[B],16));}return C?A:"rgb("+A.join(",")+")";}});Function.extend({create:function(A){var B=this; A=$merge({bind:B,event:false,arguments:null,delay:false,periodical:false,attempt:false},A);if($chk(A.arguments)&&$type(A.arguments)!="array"){A.arguments=[A.arguments]; }return function(E){var C;if(A.event){E=E||window.event;C=[(A.event===true)?E:new A.event(E)];if(A.arguments){C.extend(A.arguments);}}else{C=A.arguments||arguments; }var F=function(){return B.apply($pick(A.bind,B),C);};if(A.delay){return setTimeout(F,A.delay);}if(A.periodical){return setInterval(F,A.periodical);}if(A.attempt){try{return F(); }catch(D){return false;}} return F();};},pass:function(A,B){return this.create({arguments:A,bind:B});},attempt:function(A,B){return this.create({arguments:A,bind:B,attempt:true})(); },bind:function(B,A){return this.create({bind:B,arguments:A});},bindAsEventListener:function(B,A){return this.create({bind:B,event:true,arguments:A});},delay:function(B,C,A){return this.create({delay:B,bind:C,arguments:A})(); },periodical:function(A,C,B){return this.create({periodical:A,bind:C,arguments:B})();}});Number.extend({toInt:function(){return parseInt(this);},toFloat:function(){return parseFloat(this); },limit:function(B,A){return Math.min(A,Math.max(B,this));},round:function(A){A=Math.pow(10,A||0);return Math.round(this*A)/A;},times:function(B){for(var A=0; A";}D=document.createElement(D);}D=$(D);return(!C||!D)?D:D.set(C);}});var Elements=new Class({initialize:function(A){return(A)?$extend(A,this):this; }});Elements.extend=function(A){for(var B in A){this.prototype[B]=A[B];this[B]=$native.generic(B);}};function $(B){if(!B){return null;}if(B.htmlElement){return Garbage.collect(B); }if([window,document].contains(B)){return B;}var A=$type(B);if(A=="string"){B=document.getElementById(B);A=(B)?"element":false; }if(A!="element"){return null; }if(B.htmlElement){return Garbage.collect(B);}if(["object","embed"].contains(B.tagName.toLowerCase())){return B;}$extend(B,Element.prototype);B.htmlElement=function(){}; return Garbage.collect(B);}document.getElementsBySelector=document.getElementsByTagName;function $$(){var D=[];for(var C=0,B=arguments.length;C0&&A<13){this.key="f"+A;}}this.key=this.key||String.fromCharCode(this.code).toLowerCase();}else{if(this.type.test(/(click|mouse|menu)/)){ this.page={x:C.pageX||C.clientX+document.documentElement.scrollLeft,y:C.pageY||C.clientY+document.documentElement.scrollTop}; this.client={ x:C.pageX?C.pageX-window.pageXOffset:C.clientX,y:C.pageY?C.pageY-window.pageYOffset:C.clientY};this.rightClick=(C.which==3)||(C.button==2); switch(this.type){case"mouseover":this.relatedTarget=C.relatedTarget||C.fromElement;break;case"mouseout":this.relatedTarget=C.relatedTarget||C.toElement; } this.fixRelatedTarget();}}}return this;},stop:function(){return this.stopPropagation().preventDefault();},stopPropagation:function(){ if(this.event.stopPropagation){this.event.stopPropagation(); }else{this.event.cancelBubble=true;}return this;},preventDefault:function() {if(this.event.preventDefault){this.event.preventDefault();}else{this.event.returnValue=false; }return this;}});Event.fix={relatedTarget:function() {if(this.relatedTarget&&this.relatedTarget.nodeType==3){this.relatedTarget=this.relatedTarget.parentNode; }},relatedTargetGecko:function() {try{Event.fix.relatedTarget.call(this);}catch(A){this.relatedTarget=this.target;}}};Event.prototype.fixRelatedTarget=(window.gecko)?Event.fix.relatedTargetGecko:Event.fix.relatedTarget; Event.keys=new Abstract({enter:13,up:38,down:40,left:37,right:39,esc:27,space:32,backspace:8,tab:9,"delete":46});Element.Methods.Events={addEvent:function(C,B){this.$events=this.$events||{}; this.$events[C]=this.$events[C]||{keys:[],values:[]};if(this.$events[C].keys.contains(B)){return this;}this.$events[C].keys.push(B);var A=C;var D=Element.Events[C]; if(D){if(D.add){D.add.call(this,B);} if(D.map){B=D.map;}if(D.type){A=D.type;}}if(!this.addEventListener){B=B.create({bind:this,event:true});}this.$events[C].values.push(B); return(Element.NativeEvents.contains(A))?this.addListener(A,B):this;},removeEvent:function(C,B){if(!this.$events||!this.$events[C]){ return this;}var F=this.$events[C].keys.indexOf(B); if(F==-1){return this;}var A=this.$events[C].keys.splice(F,1)[0]; var E=this.$events[C].values.splice(F,1)[0];var D=Element.Events[C];if(D){if(D.remove){D.remove.call(this,B); }if(D.type){C=D.type;}} return(Element.NativeEvents.contains(C))?this.removeListener(C,E):this;},addEvents:function(A){return Element.setMany(this,"addEvent",A); }, removeEvents:function(A){if(!this.$events){return this;}if(!A){for(var B in this.$events){this.removeEvents(B);}this.$events=null;}else {if(this.$events[A]){this.$events[A].keys.each(function(C){this.removeEvent(A,C); },this);this.$events[A]=null;}}return this;},fireEvent: function(C,B,A){if(this.$events&&this.$events[C]){this.$events[C].keys.each(function(D){D.create({bind:this,delay:A,arguments:B})(); },this);} return this;},cloneEvents:function(C,A){if(!C.$events){return this;}if(!A){for(var B in C.$events){this.cloneEvents(C,B);}}else{if(C.$events[A]) {C.$events[A].keys.each(function(D){this.addEvent(A,D); },this);}}return this;}};window.extend(Element.Methods.Events);document.extend(Element.Methods.Events) ;Element.extend(Element.Methods.Events);Element.Events=new Abstract({mouseenter:{type:"mouseover",map:function(A){A=new Event(A); if(A.relatedTarget!=this&&!this.hasChild(A.relatedTarget)){ this.fireEvent("mouseenter",A);}}},mouseleave:{type:"mouseout",map:function(A){A=new Event(A); if(A.relatedTarget!=this&&!this.hasChild(A.relatedTarget)){this.fireEvent("mouseleave",A);}}},mousewheel:{ type:(window.gecko)?"DOMMouseScroll":"mousewheel"}}); Element.NativeEvents=["click","dblclick","mouseup","mousedown","mousewheel","DOMMouseScroll","mouseover","mouseout","mousemove","keydown","keypress","keyup","load","unload","beforeunload","resize","move","focus","blur","change","submit","reset","select","error","abort","contextmenu","scroll"]; Function.extend({bindWithEvent:function(B,A){return this.create({bind:B,arguments:A,event:Event});}});Elements.extend({filterByTag:function(A){return new Elements(this.filter(function(B){return(Element.getTag(B)==A); }));},filterByClass:function(A,C){var B=this.filter(function(D){return(D.className&&D.className.contains(A," "));});return(C)?B:new Elements(B);},filterById:function(C,B){var A=this.filter(function(D){return(D.id==C); });return(B)?A:new Elements(A);},filterByAttribute:function(B,A,D,E){var C=this.filter(function(F){var G=Element.getProperty(F,B);if(!G){return false;}if(!A){return true; }switch(A){case"=":return(G==D);case"*=":return(G.contains(D));case"^=":return(G.substr(0,D.length)==D);case"$=":return(G.substr(G.length-D.length)==D); case"!=":return(G!=D);case"~=":return G.contains(D," ");}return false;});return(E)?C:new Elements(C);}});function $E(A,B){return($(B)||document).getElement(A); }function $ES(A,B){return($(B)||document).getElementsBySelector(A);}$$.shared={regexp:/^(\w*|\*)(?:#([\w-]+)|\.([\w-]+))?(?:\[(\w+)(?:([!*^$]?=)["']?([^"'\]]*)["']?)?])?$/,xpath:{getParam:function(B,D,E,C){var A=[D.namespaceURI?"xhtml:":"",E[1]]; if(E[2]){A.push('[@id="',E[2],'"]');}if(E[3]){A.push('[contains(concat(" ", @class, " "), " ',E[3],' ")]');}if(E[4]){if(E[5]&&E[6]){switch(E[5]){case"*=":A.push("[contains(@",E[4],', "',E[6],'")]'); break;case"^=":A.push("[starts-with(@",E[4],', "',E[6],'")]');break;case"$=":A.push("[substring(@",E[4],", string-length(@",E[4],") - ",E[6].length,' + 1) = "',E[6],'"]'); break;case"=":A.push("[@",E[4],'="',E[6],'"]');break;case"!=":A.push("[@",E[4],'!="',E[6],'"]');}}else{A.push("[@",E[4],"]");}}B.push(A.join(""));return B; },getItems:function(B,E,G){var F=[];var A=document.evaluate(".//"+B.join("//"),E,$$.shared.resolver,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null);for(var D=0,C=A.snapshotLength; D<\/script>'); $("ie_ready").onreadystatechange=function(){if(this.readyState=="complete"){A();}};}}else{window.addListener("load",A);document.addListener("DOMContentLoaded",A); }}}};window.onDomReady=function(A){return this.addEvent("domready",A);};var Fx={};Fx.Base=new Class({options:{onStart:Class.empty,onComplete:Class.empty,onCancel:Class.empty,transition:function(A){return -(Math.cos(Math.PI*A)-1)/2; },duration:500,unit:"px",wait:true,fps:50},initialize: function(A){this.element=this.element||null;this.setOptions(A);if(this.options.initialize){this.options.initialize.call(this); }},step:function(){var A=$time();if(A=(7-4*B)/11){C=-Math.pow((11-6*B-11*D)/4,2)+A*A;break;}}return C;},Elastic:function(B,A){return Math.pow(2,10*--B)*Math.cos(20*B*Math.PI*(A[0]||1)/3); }});["Quad","Cubic","Quart","Quint"].each(function(B,A){Fx.Transitions[B]=new Fx.Transition(function(C){return Math.pow(C,[A+2]);});Fx.Transitions.compat(B); });var XHR=new Class({options:{method:"post",async:true,onRequest:Class.empty,onSuccess:Class.empty,onFailure:Class.empty,urlEncoded:true,encoding:"utf-8",autoCancel:false,headers:{}},setTransport:function(){this.transport=(window.XMLHttpRequest)?new XMLHttpRequest():(window.ie?new ActiveXObject("Microsoft.XMLHTTP"):false); return this;},initialize:function(A){this.setTransport().setOptions(A);this.options.isSuccess=this.options.isSuccess||this.isSuccess;this.headers={};if(this.options.urlEncoded&&this.options.method=="post"){var B=(this.options.encoding)?"; charset="+this.options.encoding:""; this.setHeader("Content-type","application/x-www-form-urlencoded"+B);}if(this.options.initialize){this.options.initialize.call(this);}},onStateChange:function(){if(this.transport.readyState!=4||!this.running){return ; }this.running=false;var A=0;try{A=this.transport.status;}catch(B){}if(this.options.isSuccess.call(this,A)){this.onSuccess();}else{this.onFailure();}this.transport.onreadystatechange=Class.empty; },isSuccess:function(A){return((A>=200)&&(A<300));},onSuccess:function(){this.response={text:this.transport.responseText,xml:this.transport.responseXML}; this.fireEvent("onSuccess",[this.response.text,this.response.xml]);this.callChain();}, onFailure:function(){this.fireEvent("onFailure",this.transport);},setHeader:function(A,B){this.headers[A]=B; return this;},send:function(A,C){if(this.options.autoCancel){this.cancel();}else{if(this.running){return this;}}this.running=true;if(C&&this.options.method=="get"){A=A+(A.contains("?")?"&":"?")+C; C=null;}this.transport.open(this.options.method.toUpperCase(),A,this.options.async);this.transport.onreadystatechange=this.onStateChange.bind(this);if((this.options.method=="post")&&this.transport.overrideMimeType){this.setHeader("Connection","close"); }$extend(this.headers,this.options.headers);for(var B in this.headers){try{this.transport.setRequestHeader(B,this.headers[B]);}catch(D){}}this.fireEvent("onRequest"); this.transport.send($pick(C,null));return this;},cancel:function(){if(!this.running){return this;}this.running=false;this.transport.abort();this.transport.onreadystatechange=Class.empty; this.setTransport();this.fireEvent("onCancel");return this;}});XHR.implement(new Chain,new Events,new Options);var Ajax=XHR.extend({options:{data:null,update:null,onComplete:Class.empty,evalScripts:false,evalResponse:false},initialize:function(B,A){this.addEvent("onSuccess",this.onComplete); this.setOptions(A);this.options.data=this.options.data||this.options.postBody;if(!["post","get"].contains(this.options.method)){this._method="_method="+this.options.method; this.options.method="post";}this.parent();this.setHeader("X-Requested-With","XMLHttpRequest");this.setHeader("Accept","text/javascript, text/html, application/xml, text/xml, */*"); this.url=B;},onComplete:function(){if(this.options.update){$(this.options.update).empty().setHTML(this.response.text);}if(this.options.evalScripts||this.options.evalResponse){this.evalScripts(); }this.fireEvent("onComplete",[this.response.text,this.response.xml],20);},request:function(A){A=A||this.options.data;switch($type(A)){case"element":A=$(A).toQueryString(); break;case"object":A=Object.toQueryString(A);}if(this._method){A=(A)?[this._method,A].join("&"):this._method;} return this.send(this.url,A);},evalScripts:function(){var B,A; if(this.options.evalResponse||(/(ecma|java)script/).test(this.getHeader("Content-type"))){A=this.response.text;}else{A=[];var C=/]*>([\s\S]*?)<\/script>/gi; while((B=C.exec(this.response.text))){A.push(B[1]);}A=A.join("\n");}if(A){(window.execScript)?window.execScript(A):window.setTimeout(A,0);}}, getHeader:function(A){try{return this.transport.getResponseHeader(A); }catch(B){}return null;}});Object.toQueryString=function(B){ var C=[];for(var A in B){C.push(encodeURIComponent(A)+"="+encodeURIComponent(B[A]));}return C.join("&"); };Element.extend({send:function(A){ return new Ajax(this.getProperty("action"),$merge({data:this.toQueryString()},A,{method:"post"})).request();}});var Json={toString: function(C){switch($type(C)){case"string":return'"'+C.replace(/(["\\])/g,"\\$1")+'"'; case"array":return"["+C.map(Json.toString).join(",")+"]"; case"object":var A=[];for(var B in C){A.push(Json.toString(B)+":"+Json.toString(C[B]));}return"{"+A.join(",")+"}"; case"number":if(isFinite(C)){break;} case false:return"null";}return String(C);}, evaluate: function(str,secure){ str = '[{"id":"1","name":"Printer"},{"id":"2","name":"Fax"},{"id":"3","name":"Multifunction Centre"},{"id":"4","name":"Photocopier"}]' return(($type(str)!="string")||(secure&&!str.test(/^("(\\.|[^"\\\n\r])*?"|[,:{}\[\]0-9.\-+Eaeflnr-u \n\r\t])+?$/)))?null:eval("("+str+")"); }};Json.Remote=XHR.extend({initialize:function(B,A){this.url=B;this.addEvent("onSuccess",this.onComplete);this.parent(A);this.setHeader("X-Request","JSON"); },send:function(A){return this.parent(this.url,"json="+Json.toString(A));},onComplete:function(){this.fireEvent("onComplete",[Json.evaluate(this.response.text,this.options.secure)]); }}); recentEquipment = new Array(); var userloggedin; //Page-Load Functions window.addEvent('domready', function(){ // Tell them the username/ password is too short if ($('newUsername')) { $('newUsername').addEvent('blur', function() { if($('newUsername').value.length < "5") { $('usernameFeedback').setStyle('opacity','1'); } }) } // Initiate Index tabs if ($('tabOrderHistory')) { $('tabOrderHistory').addEvent('click', function(){ $('orderHistory').setStyle('display','block'); $('productSelectionContainer').setStyle('display','none'); $('productTabs').setProperty('class','orderHistory'); }) } if ($('tabProductSelection')) { $('tabProductSelection').addEvent('click', function(){ $('productSelectionContainer').setStyle('display','block'); $('orderHistory').setStyle('display','none'); $('productTabs').setProperty('class','productSelection'); }) } //Give suggestions nicely var suggestibles = $$('input.prefilled'); var suggestions = new Array(); for (var i=0; i <= suggestibles.length - 1; i++) { suggestions.push(suggestibles[i].value); } suggestibles.addEvent('focus', function(){ if (this.value == suggestions[suggestibles.indexOf(this)]) { this.value = ""; this.removeClass('prefilled'); } }); suggestibles.addEvent('blur', function(){ if (this.value == "") { this.value = suggestions[suggestibles.indexOf(this)]; this.addClass('prefilled'); } }); }); //Global Animators ///Feed: id, or selector string ///Requirements: must be a discrete object function toggleCollapseRestoreSection(object) { if($(object)||$E(object)) { if($(object)) {object = $(object)} else {object = $E(object)} if(!object.hasClass('collapsed')) { object.addClass('collapsed'); var fx = new Fx.Styles(object, {duration:1000}).start({'height': 0, 'opacity': 0}); } else { object.removeClass('collapsed'); var fx = new Fx.Styles(object, {duration:1000}).start({'height': object.getSize().scrollSize.y, 'opacity': 99}); } } } function collapseSection(object) { if($(object)||$E(object)) { if($(object)) {object = $(object)} else {object = $E(object)} if(!object.hasClass('collapsed')) { object.addClass('collapsed'); var fx = new Fx.Styles(object, {duration:1000}).start({'height': 0, 'opacity': 0}); } } } function restoreSection(object) { if($(object)||$E(object)) { if($(object)) {object = $(object)} else {object = $E(object)} if(object.hasClass('collapsed')) { object.removeClass('collapsed'); var fx = new Fx.Styles(object, {duration:1000}).start({'height': object.getSize().scrollSize.y, 'opacity': 99}); } else { var fx = new Fx.Style(object, 'background-color', {duration:1000}).start('F38F1D','FFFFFF'); } } } function buggerOffGently(object) { if($(object)||$E(object)) { if($(object)) {object = $(object)} else {object = $E(object)} var fx = new Fx.Styles(object, {duration:500}).start({'height': 0, 'opacity': 0}); (function(){object.remove()}).delay(500); } } //Local Applications function selectRegion() { } //Equipment Selection function searchModels(the_page) { if(typeof the_page != 'undefined'){ page = the_page }else{ page = 1; } new Ajax("/includes/ajax/searchEquipmentModels.ajax", { data: {'searchQuery':$('modelsearch').getValue(), 'page':page}, method: 'post', onComplete: function(response){ collapseSection('selectBrand'); collapseSection('productTabs'); collapseSection('brandSelector'); $('search').setStyle('height','auto'); if(!$('searchResults')) $('search').adopt(new Element('div',{'id':'searchResults','class':'stepx'})); $('searchResults').setHTML(response); } }).request(); } function searchProducts(the_page) { if(typeof the_page != 'undefined'){ page = the_page }else{ page = 1; } new Ajax("/includes/ajax/searchProducts.ajax", { data: {'searchQuery':$('productsearch').getValue(), 'page':page}, method: 'post', onComplete: function(response){ collapseSection('selectBrand'); collapseSection('productTabs'); collapseSection('brandSelector'); $('search').setStyle('height','auto'); if(!$('searchResults')) $('search').adopt(new Element('div',{'id':'searchResults'})); $('searchResults').setHTML(response); } }).request(); } function selectBrand(brandID,brandName) { // collapseSection('search'); collapseSection('brandSelector'); $('selectBrand').setHTML('1. Brand Selected: ').addClass('complete'); selectedBrand = new Element('span',{'id':'selectedBrand'}).setHTML(''+brandName+' ← Back to Brands List').injectInside('selectBrand'); getEquipmentTypes(brandID); } function getEquipmentTypes(brandID) { if(!$('selectType')) { typeSelector = new Element('div',{'id':'typeSelector','class': 'step'}).injectAfter('brandSelector'); typeSelectorTitle = new Element('h2', {'id':'selectType'}).setHTML('2. Select Equipment Type:').injectAfter('brandSelector'); } new Ajax("/includes/ajax/getEquipmentTypes.ajax", { data: {'brandID':brandID}, method: 'get', onComplete: function(){ if($('selectType').hasClass('complete')) { //stale DOM; refresh that shit restoreSection('selectType'); $('selectType').setHTML('2. Select Equipment Type:').removeClass('complete'); restoreSection('typeSelector'); } }, update: $('typeSelector') }).request(); } function reselectBrand() { restoreSection('brandSelector'); restoreSection('productTabs'); $('selectBrand').setHTML('1. Select your brand:').removeClass('complete'); buggerOffGently('selectType'); buggerOffGently('typeSelector'); buggerOffGently('selectModel'); buggerOffGently('modelSelector'); } function selectType(brandID,typeID,typeName) { collapseSection('typeSelector'); $('selectType').setHTML('2. Equipment Type Selected: ').addClass('complete'); if(!$('selectedType')) selectedType = new Element('span',{'id':'selectedType'}).setHTML(typeName+' (change type)').injectInside('selectType'); getEquipmentModels(brandID,typeID,typeName); } function getEquipmentModels(brandID,typeID,typeName) { if(!$('modelSelector')) { modelSelector = new Element('div',{'id':'modelSelector','class': 'step'}).injectAfter('typeSelector'); modelSelectorTitle = new Element('h2', {'id':'selectModel'}).setHTML('3. Choose your '+typeName+':').injectAfter('typeSelector'); } new Ajax("/includes/ajax/getEquipmentModels.ajax", { data: {'brandID':brandID, 'typeID':typeID, 'typeName':typeName}, method: 'get', onComplete: function(){ if($('selectModel').hasClass('complete')) { //stale DOM; refresh that shit restoreSection('selectModel'); restoreSection('productTabs'); $('selectModel').setHTML('3. Choose your '+typeName+':').removeClass('complete'); restoreSection('modelSelector'); } }, update: $('modelSelector') }).request(); } function reselectType() { restoreSection('typeSelector'); $('selectType').setHTML('2. Select Equipment Type:').removeClass('complete'); buggerOffGently('selectModel'); buggerOffGently('modelSelector'); } function selectEquipment(modelID,modelName,typeName) { recentEquipment.include({'modelID': modelID,'modelName': modelName, 'typeName': typeName}); //@todo filter duplicates? //bugger off scrollbars if($('equipmentModels')) $('equipmentModels').setStyle('overflow','hidden'); //collapse or destroy no-longer-needed sections //collapseSection('search'); collapseSection('productTabs'); buggerOffGently('searchResults'); collapseSection('selectBrand'); collapseSection('brandSelector'); buggerOffGently('selectType'); buggerOffGently('typeSelector'); buggerOffGently('selectModel'); buggerOffGently('modelSelector'); $('selectEquipment').addClass('complete'); var selectionSummary = ""; (function() { if($('selectionSummary')) { $('selectionSummary').setHTML(selectionSummary); restoreSection('selectionSummary'); } else { $$('#selectEquipment .primary').adopt(new Element('div', {'id':'selectionSummary','class':'step'}).setHTML(selectionSummary)); } }).delay(1000) if(!$('buildOrder')) { var madgeSays = "

Got something else on your list?

\

Don't worry,
you won't lose anything that's currently in your shopping cart!

\
"; $('madge').setHTML(madgeSays); var buildOrderContents="
\
\ \

I'll keep track of any items you wish to buy!

\

You currently have 0 items in your shopping cart.

\
\ "; buildOrder = new Element('div',{'id':'buildOrder'}).setHTML(buildOrderContents).injectAfter('selectEquipment'); getCart(); } else { restoreSection('buildOrder'); } getProducts(modelID,modelName,typeName); } function getProducts(modelID,modelName,typeName) { if($('productsSelector')) { $('selectProducts').setHTML('Available products for the '+modelName+' '+typeName+':'); } else { new Element('h2', {'id':'selectProducts'}).setHTML('Available products for the '+modelName+' '+typeName+':').injectTop('buildOrder'); $$('#buildOrder .primary').adopt(new Element('div',{'id':'productsSelector','class': 'step'})); } new Ajax("/includes/ajax/getProducts.ajax", { data: {'modelID':modelID, 'modelName':modelName, 'typeName':typeName}, method: 'get', update: $('productsSelector') }).request(); } //Build your Order function reselectEquipment() { //@todo do something with buildOrder // hide it and summarise the cart info into madge, with a "return to your previous order -v" link? collapseSection('buildOrder'); madgeSays= "

Got something else to buy refills for?

\

Recently selected equipment:

\
\ "; $('madge').setHTML(madgeSays); //repopulate selectEquipment $('selectEquipment').removeClass('complete'); restoreSection('search'); restoreSection('selectBrand'); $('selectBrand').setHTML('1. Select your brand:').removeClass('complete'); restoreSection('brandSelector'); collapseSection('selectionSummary'); restoreSection('productTabs'); //@todo write 'previously selected products' to buildOrder primary } function getCart() { new Ajax("/includes/ajax/cart.ajax", { method: 'get', update: $('sean') }).request(); } function addProductToCart(productID){ /* collapseSection('search'); buggerOffGently('searchResults'); collapseSection('selectBrand'); collapseSection('brandSelector'); buggerOffGently('selectType'); buggerOffGently('typeSelector'); buggerOffGently('selectModel'); buggerOffGently('modelSelector'); */ addToCart(productID); if(!$('buildOrder')) { var madgeSays = "

Got something else on your list?

\

Don't worry,
you won't lose anything that's currently in your shopping cart!

\
"; $('madge').setHTML(madgeSays); var buildOrderContents="
\
\ \

I'll keep track of any items you wish to buy!

\

You currently have 0 items in your shopping cart.

\
\ "; // buildOrder = new Element('div',{'id':'buildOrder'}).setHTML(buildOrderContents).injectAfter('selectEquipment'); buildOrder = new Element('div',{'id':'buildOrder'}).setHTML(buildOrderContents).injectAfter('selectEquipment'); getCart(); } else { restoreSection('buildOrder'); } } function addToCart(productID) { new Ajax("/includes/ajax/cart.ajax", { data: {'action':'add', 'productID':productID}, method: 'get', update: $('sean') }).request(); } function removeFromCart(productID) { new Ajax("/includes/ajax/cart.ajax", { data: {'action':'remove', 'productID':productID}, method: 'get', update: $('sean') }).request(); } function emptyCart() { new Ajax("/includes/ajax/cart.ajax", { data: {'action':'empty'}, method: 'get', update: $('sean') }).request(); } function enterCode(discountCode) { new Ajax("/includes/ajax/cart.ajax", { data: {'action':'coupon', 'discountCode':discountCode}, method: 'get', update: $('sean') }).request(); } function selectDiscount(discountID) { new Ajax("/includes/ajax/cart.ajax", { data: {'action':'discount', 'discountID':discountID}, method: 'get', update: $('sean') }).request(); } function selectShipping(shippingID) { new Ajax("/includes/ajax/cart.ajax", { data: {'action':'shipping', 'shippingID':shippingID}, method: 'get', update: $('sean') }).request(); } function getSimpleCart() { new Ajax("/includes/ajax/cart.ajax", { data: {'checkout':true}, method: 'get', update: $('sean') }).request(); } function proceedToCheckout() { //collapse or destroy no-longer-needed sections $('selectEquipment').setStyle('overflow','hidden'); collapseSection('selectEquipment'); collapseSection('selectProducts'); $('selectProducts').addClass('complete') collapseSection('productsSelector'); var checkoutDetails = "
\ \

Please enter or update your details below:

\



\

\

\



\

\

\

Your Shipping Address:

\



\
\

\

\

\

\

\

\
\
"; var hellenSaysHello = " \ \

Want us to remember you next time?

\ \

Sign up with Direct Ink Cartridges and we'll remember your equipment, and your past orders for you!

\

Sign up with Direct Ink Cartridges

\



\ (your username must be at least 5 characters long) \
\
\ (your password must be at least 5 characters long)

\
"; var hellenSaysHelloAgain = " \ \

Done shopping for today??

\

.

\
"; if(!$('checkout')) { $$('#buildOrder .primary').adopt(new Element('div',{'id':'checkout'}).addClass('step').setHTML(checkoutDetails)); } else { restoreSection('checkout'); } //Hellen can't be collapsed; so just turf her and recreate as needed if(!userloggedin) { $('buildOrder').adopt(new Element('div',{'id':'hellen'}).addClass('secondary').setHTML(hellenSaysHello)); } else { $('buildOrder').adopt(new Element('div',{'id':'hellen'}).addClass('secondary').setHTML(hellenSaysHelloAgain)); } getSimpleCart(); } function receedFromCheckout() { getCart(); if($('selectEquipment')){ $('selectEquipment').setStyle('overflow','visible'); restoreSection('selectEquipment'); restoreSection('selectProducts'); } if($('selectProducts')){ $('selectProducts').removeClass('complete') restoreSection('productsSelector'); collapseSection('checkout'); } buggerOffGently('hellen'); } function toggleBilling() { if($('billingAddress').hasClass('collapsed')) { $('checkout').setStyle('height','auto'); restoreSection('billingAddress'); } else { $('checkout').setStyle('height','auto'); collapseSection('billingAddress'); } } function checkout() { var status = true; $$('span.error').each(function(item){item.remove()}); $$('.error').removeClass('error'); //pattern = /^([a-zA-Z0-9])+([\.a-zA-Z0-9_-])*@([a-zA-Z0-9])+(\.[a-zA-Z0-9_-]+)+$/; pattern = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i; //check we have everything we need and flag any problems if (!userloggedin) { //first section if($('firstName').getValue() == "") {status = false; flagProblem('firstName');} if($('lastName').getValue() == "") {status = false; flagProblem('lastName');} if($('companyName').getValue() == "") {status = false; flagProblem('companyName');} if($('emailAddress').getValue() == "" || (!pattern.test($('emailAddress').getValue()))) { status = false; flagProblem('emailAddress'); } if($('contactPhone').getValue().length < 7) {status = false; flagProblem('contactPhone');} //second section if($('address1').getValue() == "") {status = false; flagProblem('address1');} if($('suburb').getValue().length < 2) {status = false; flagProblem('suburb');} if($('postcode').getValue().length < 4) {status = false; flagProblem('postcode');} if($('state').getValue().length < 2) {status = false; flagProblem('state');} //if($('country').getValue().length < 2) {status = false; flagProblem('country');} //alternate billing section if($('differentBilling').checked) { if($('baddress1').getValue() == "") {status = false; flagProblem('baddress1');} if($('bsuburb').getValue() == "") {status = false; flagProblem('bsuburb');} if($('bpostcode').getValue() == "") {status = false; flagProblem('bpostcode');} if($('bstate').getValue() == "") {status = false; flagProblem('bstate');} if($('').getValue() == "") {status = false; flagProblem('');} } //user login section if($('rNewUsername').getValue().length < 5) {status = false; flagProblem('newUsername');} if($('rNewPassword').getValue().length < 2) {status = false; flagProblem('newPassword');} } //go-town! if(status) document.checkoutDetails.submit(); } function signup() { var status = true; $$('span.error').each(function(item){item.remove()}); $$('.error').removeClass('error'); // pattern = /^([a-zA-Z0-9])+([\.a-zA-Z0-9_-])*@([a-zA-Z0-9])+(\.[a-zA-Z0-9_-]+)+$/; pattern = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i; //check we have everything we need and flag any problems //first section if($('firstName').getValue() == "") {status = false; flagProblem('firstName');} if($('lastName').getValue() == "") {status = false; flagProblem('lastName');} if($('companyName').getValue() == "") {status = false; flagProblem('companyName');} if($('emailAddress').getValue() == "" || (!pattern.test($('emailAddress').getValue()))) { status = false; flagProblem('emailAddress'); } if($('contactPhone').getValue().length < 7) {status = false; flagProblem('contactPhone');} //second section if($('address1').getValue() == "") {status = false; flagProblem('address1');} if($('suburb').getValue().length < 2) {status = false; flagProblem('suburb');} if($('postcode').getValue().length < 4) {status = false; flagProblem('postcode');} if($('state').getValue().length < 2) {status = false; flagProblem('state');} if($('country').getValue().length < 2) {status = false; flagProblem('country');} //alternate billing section if($('differentBilling').checked) { if($('baddress1').getValue() == "") {status = false; flagProblem('baddress1');} //if($('').getValue() == "") {status = false; flagProblem('');} } //user login section if($('rNewUsername').getValue().length < 5) {status = false; flagProblem('newUsername');} if($('rNewPassword').getValue().length < 2) {status = false; flagProblem('newPassword');} //go-town! if(status) document.signupDetails.submit(); } function checkProfileDetails() { var status = true; $$('span.error').each(function(item){item.remove()}); $$('.error').removeClass('error'); //pattern = /^([a-zA-Z0-9])+([\.a-zA-Z0-9_-])*@([a-zA-Z0-9])+(\.[a-zA-Z0-9_-]+)+$/; pattern = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i; //check we have everything we need and flag any problems if($('isadmin')){ if($('companyName').getValue() == "") {status = false; flagProblem('companyName');} if($('address1').getValue() == "") {status = false; flagProblem('address1');} if($('suburb').getValue().length < 2) {status = false; flagProblem('suburb');} if($('postcode').getValue().length < 4) {status = false; flagProblem('postcode');} if($('state').getValue().length < 2) {status = false; flagProblem('state');} }else{ //first section if($('firstName').getValue() == "") {status = false; flagProblem('firstName');} if($('lastName').getValue() == "") {status = false; flagProblem('lastName');} if($('companyName').getValue() == "") {status = false; flagProblem('companyName');} if($('emailAddress').getValue() == "" || (!pattern.test($('emailAddress').getValue()))) { status = false; flagProblem('emailAddress');} if($('contactPhone').getValue().length < 7) {status = false; flagProblem('contactPhone');} //second section if($('address1').getValue() == "") {status = false; flagProblem('address1');} if($('suburb').getValue().length < 2) {status = false; flagProblem('suburb');} if($('postcode').getValue().length < 4) {status = false; flagProblem('postcode');} if($('state').getValue().length < 2) {status = false; flagProblem('state');} //if($('country').getValue().length < 2) {status = false; flagProblem('country');} //billing section if($('baddress1').getValue() == "") {status = false; flagProblem('baddress1');} if($('bsuburb').getValue() == "") {status = false; flagProblem('bsuburb');} if($('bpostcode').getValue() == "") {status = false; flagProblem('bpostcode');} if($('bstate').getValue() == "") {status = false; flagProblem('bstate');} if($('').getValue() == "") {status = false; flagProblem('');} } //go-town! if(status) document.updateDetails.submit(); } function flagProblem(field) { $(field).addClass('error'); $$('label[for='+field+']').addClass('error'); var label = $$('label[for='+field+']').getText()+""; label = label.substr(0,label.length-1); new Element('span').addClass('error').setHTML('Please provide your '+label).injectAfter(field); } function checkUsername() { var username = $('newUsername').getValue(); if(username.length < 5) { $('usernameFeedback').setText('(your username must be at least 5 characters long)'); } else { new Ajax("/includes/ajax/checkusername.ajax", { data: {'username':username}, method: 'get', update: $('usernameFeedback'), onComplete: function(response){if(response == "Username OK!") $('rNewUsername').setProperty('value',username)} }).request(); } } function checkPassword() { var password = $('newPassword').getValue(); if(password.length < 5) { $('passwordFeedback').setText('(Your password must be at least 5 characters long)'); } else { if(password == $('confirmPassword').getValue()) { $('rNewPassword').setProperty('value',password); $('passwordFeedback').setText('Password OK!'); } else { $('passwordFeedback').setText('Your confirmation password does not match'); } } } function fillSelect(select, data, all) { var a = $(select); a.empty(); if(typeof all != "undefined" && all == true){ a.adopt(new Element('option', { 'value': -1 }).setText('All')); } data.each(function(data) { a.adopt(new Element('option', { 'value': data.id }).setText(data.name)); }); } function selectByValue(select, value) { var m = $(select); var i = 0; for(i = 0; i < m.length; i++){ if(m.options[i].value == value){ m.selectedIndex = i; } } } function showCart() { //collapse or destroy no-longer-needed sections // collapseSection('search'); // buggerOffGently('searchResults'); // collapseSection('selectBrand'); // collapseSection('brandSelector'); // buggerOffGently('selectType'); // buggerOffGently('typeSelector'); // buggerOffGently('selectModel'); // buggerOffGently('modelSelector'); if(!$('buildOrder')) { var madgeSays = "

Got something else to buy refills for?

\

(Don't worry - you won't lose anything that's currently in your shopping cart!)

\
"; $('madge').setHTML(madgeSays); var buildOrderContents="
\ \

I'll keep track of any items you wish to buy!

\

You currently have 0 items in your shopping cart.

\
\
\
"; buildOrder = new Element('div',{'id':'buildOrder'}).setHTML(buildOrderContents).injectAfter('selectEquipment'); getCart(); } else { restoreSection('buildOrder'); } }