';
var html = '
';
for (var i = 0; i < this.data.length; i++) {
p = this.data[i];
html += '
';
e.innerHTML = html;
}
e = document.getElementById('pnShowSome'); if (e) e.style.display = '';
e = document.getElementById('pnShowNone'); if (e) e.style.display = 'none';
e = document.getElementById('pnShowSomeSort'); if (e) e.style.display = 'none';
this.addCriteo();
(function () {
if (jQuery && jQuery.bt && jQuery.bt.defaults) {
jQuery.bt.defaults.contentSelector = function () {
var temp = $(this);
var index = temp.attr('order');
catalog.renderStyleGridCell(index);
return $('#divStyleGridCell').html();
};
jQuery.bt.defaults.ajaxPath = null;
}
})(jQuery);
$('.bt_grid').bt();
}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
Catalog.prototype.CheckMoreViews = function (attempts) {
attempts = (attempts > 0 ? attempts : 0);
var done = true;
if (this.MoreViews) {
var mv;
for (var ID in this.MoreViews) {
eval('mv=catalog.mv' + ID);
if (mv && mv.length > 0) {
if (!this.MoreViews[ID]) {
var end, src, html = '';
for (var i = 0; i < mv.length; i++) {
src = mv[i];
end = src.length - 5;
html += '
'
;
}
if (mv.length < 5) {
e = document.getElementById("divMoreViewStaticImages" + ID); if (e) e.innerHTML = html;
e = document.getElementById("divMoreViewStatic" + ID); if (e) e.style.display = 'block';
}
else {
e = document.getElementById("divMoreViewScrollImages" + ID); if (e) e.innerHTML = html;
e = document.getElementById("divMoreViewScroll" + ID); if (e) e.style.display = 'block';
$("#infinite" + ID).scrollable().circular();
}
this.MoreViews[ID] = true;
}
}
else {
done = false;
}
}
}
if (!done && attempts < 5) {
setTimeout('catalog.CheckMoreViews(' + (attempts + 1) + ')', 500);
}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
Catalog.prototype.ShowMoreImages = function (img, StyleID) {
var e = document.getElementById("im_" + StyleID + '_x');
if (e && img.src) {
var prefix = img.src.substr(0, img.src.length - 5);
e.src = prefix + "d.jpg";
//this.setFullScreen(prefix + ".jpg");
}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
Catalog.prototype.renderMatrix = function (products, i, max, subCat) {
var view = parseInt(getQueryStringValue('view'));
if (max < 0) { i = 0; max = products.length; } // Show All
var ID, p;
var c = 0;
var t = 0;
var html = '
';
if (!subCat) subCat = { "id": 0, "name": 'x' };
var temp = new Array(); // Array used to stop duplicates
var color, colorIndex = 0;
while (i < products.length && t < max) {
if (!temp[products[i].ID]) {
if (!(i + 1 < products.length && t + 1 < max)) {
c = -1;
}
p = products[i];
if (view == 1) {
this.MoreViews[p.ID] = false;
color = null;
colorIndex = -1;
if (p._c && p._c[0] && p._c[0] > -1) {
colorIndex = p._c[0];
}
else {
for (var cc = 0; cc < p.Colors.length; cc++) {
if (p.Colors[cc].Src == p.DefaultColor) {
colorIndex = cc;
break;
}
}
}
if (colorIndex > -1) {
color = p.Colors[colorIndex];
setTimeout('catalog.changeProductColor(' + colorIndex + ', "' + p.ID + '", "' + subCat.name + '", "' + color.Src + '", "' + color.Name + '", ' + view + ')', 631);
}
setTimeout('LoadScript("http://i.americanapparel.net/storefront/photos/morephotos/index.aspx?v=catalog.mv' + p.ID + "&s=" + p.ID + '", "utf-8");', 500);
html += p.RenderSpecial(this.isRetail, this.lang, c
, (this.categoryID ? this.categoryID + (subCat.id > 0 ? '-' + subCat.id : '') : '')
, subCat.name, null, this.utm);
}
else {
html += p.render(this.isRetail, this.lang, c
, (this.categoryID ? this.categoryID + (subCat.id > 0 ? '-' + subCat.id : '') : '')
, subCat.name, null, this.utm);
}
c = (c < 4 ? c + 1 : 0);
temp[products[i].ID] = 1;
}
t++;
i++;
}
return html + '
';
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
Catalog.prototype.renderSections = function () {
var html = '';
var s, r = /[ -]/gm;
for (var i = 0; i < this.section.length; i++) {
s = this.section[i];
html += ''
;
html += this.renderMatrix(s.items, 0, s.items.length, s);
}
return html;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
//
// Filter Function
//
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
// Pre-condition: filter[1+].length == data.length
// data = Array of Products
/// filter[0] = Sorting Map Ex: [[,2,4,1]] ::=show data[2],data[4],data[1]
/// filter[1] = Color Index Arrays Ex: [,,,[2,2,4],[0,0],,]
/// filter[2+]= Boolean Filters Ex: [,,,1,,1,11,,1,,1]
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
Catalog.prototype.mergeColors = function (array, extra) {
var combo = 0;
var i, j;
if (array && array.length) {
combo = [];
for (i = 0; i < array.length; i++) {
combo[i] = array[i];
}
}
if (extra && extra.length) {
if (!combo) {
combo = [];
}
combo[0] = extra[0];
var x, found;
for (i = 1; i < extra.length; i++) {
x = extra[i];
found = false;
for (j = 1; j < combo.length; j++) {
if (combo[j] == x) {
found = true;
j = combo.length;
}
}
if (!found) {
combo[combo.length] = x;
}
}
}
return combo;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
Catalog.prototype._removeColor = function (value) {
if (this.colors) {
var index = -1;
for (var c = 0; c < this.colors.length; c++) {
if (this.colors[c].id == value) {
index = c;
c = this.colors.length;
}
}
if (index > -1) this.colors.splice(index, 1);
}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
Catalog.prototype.runFilters = function () {
// Combine Filters
var combo = new Array();
var temp, count;
// Sorting Map
if (!this.order) {
// If sorting map does not exist create one
temp = [''];
for (var i = 0; i < this.data.length; i++) {
temp[i + 1] = i;
}
this.order = [temp];
}
var index = 0;
var keys = [];
// Combine Color Filters
if (this.colors) {
for (var x = 0; x < this.colors.length; x++) {
temp = this.colors[x].value;
if (temp) {
keys[keys.length] = this.colors[x].id;
for (var i = 0; i < temp.length; i++) {
combo[i] = this.mergeColors(combo[i], temp[i]);
}
}
}
var pick;
for (var i = 0; i < combo.length; i++) {
if (combo[i] && combo[i].length > 2) {
pick = combo[i][0];
combo[i][0] = -999;
combo[i].sort(SortNumber);
combo[i][0] = pick;
}
}
}
this.user.filt[this.KEY_COLOR] = (keys.length > 0 ? keys : null);
// If no Color Filter, then allow all products
if (keys.length < 1) for (var i = 0; i < this.data.length; i++) combo[i] = 1;
// Combine Boolean Filters
var bools;
var type;
if (this.filter) {
for (var x in this.filter) {
type = this.filter[x];
if (type) {
keys = [];
// "OR" Combine Boolean Filters by Type
bools = [];
for (var y in type) {
temp = type[y];
if (temp) {
keys[keys.length] = y;
for (var i = 0; i < temp.length; i++) {
bools[i] = (bools[i] == 1 ? 1 : (temp[i] == 1 ? 1 : 0));
}
}
}
this.user.filt[x] = (keys.length > 0 ? keys : null);
// Apply Type's Boolean Filters
if (bools.length == combo.length) {
for (var i = 0; i < bools.length; i++) {
if (bools[i] != 1) {
combo[i] = null;
}
}
}
}
}
}
// Apply Combination Filter
var s, ix, ic;
var section = new Array();
for (var x = 0; x < this.order.length; x++) {
temp = [];
for (var i = 1; i < this.order[x].length; i++) {
ix = this.order[x][i];
if (ic = combo[ix]) {
s = this.data[ix];
s._c = (ic == 1 ? '' : ic);
temp[temp.length] = s;
}
}
if (temp.length > 0) {
s = this.order[x][0];
section[section.length] = { "id": (s ? s.i : 1), "name": (s ? s.n : ""), items: temp }
}
}
return section;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
Catalog.prototype.render = function (update) {
this.MoreViews = [];
if (update) this.section = this.runFilters();
var total = (this.section[0] && this.section[0].items ? this.section[0].items.length : 0);
if (this.nav) {
if (this.showAll) {
this.index = 0;
}
setCookie('aaPage', this.index, 1);
this.nav.update(this.index, this.max, total, this.showAll);
}
if (this.header && this.section.length == 1) {
this.section[0].name = this.header;
}
var e;
var dvShowID = 'pnShowNone';
var dvHideID = 'pnShowSome';
if (this.section.length > 0) {
e = document.getElementById('pnContent');
if (e) {
e.innerHTML =
(this.section.length > 1 || this.section[0].name
? this.renderSections()
: this.renderMatrix(this.section[0].items, this.index, (this.showAll ? -1 : this.max))
);
}
dvShowID = 'pnShowSome';
dvHideID = 'pnShowNone';
this.CheckMoreViews(0);
}
else {
// No results from search
var dvNoneShowID = 'divShowNoneFromSearch';
var dvNoneHideID = 'divShowNoneFromFilter';
if (this.data && this.data.length > 0) {
// No results from maps
dvNoneShowID = 'divShowNoneFromFilter';
dvNoneHideID = 'divShowNoneFromSearch';
}
e = document.getElementById(dvNoneShowID); if (e) e.style.display = '';
e = document.getElementById(dvNoneHideID); if (e) e.style.display = 'none';
}
e = document.getElementById(dvShowID); if (e) e.style.display = '';
e = document.getElementById(dvHideID); if (e) e.style.display = 'none';
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
Catalog.prototype.sort = function (x) {
this.user.sort = (-1 < x && x < this.orderings.length ? x : 0);
for (var i = 0; i < this.orderings.length; i++) {
x = document.getElementById('divSort' + i); if (x) x.className = 'option';
}
x = document.getElementById('divSort' + this.user.sort); if (x) x.className = 'option selected';
document.innerSearch.a.value = this.user.sort;
this.order = this.orderings[this.user.sort];
this.render(true);
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
Catalog.prototype.setFilter = function (e, key, value) {
if (e) {
if (e.options) {
// Category + Landing pages
value = e.options[e.selectedIndex].value;
if (key == this.KEY_COLOR) {
this.colors = [];
//this.colors[value] = this.maps[key][value];
this.colors[0] = { 'id': value, 'value': this.maps[key][value] };
}
else {
this.filter[key] = [];
this.filter[key][value] = this.maps[key][value];
}
}
else {
// Search page
this.setFilterSearch(e, key, value);
}
this.index = 0;
this.render(true);
}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
Catalog.prototype.setFilterSearch = function (e, key, value) {
if (e) {
var p = e.parentNode;
var reset = false;
if (e.className == "option" || e.className == "option unselected") {
e.className = "option selected"
for (var i = 0; i < p.children.length; i++) {
if (p.children[i].className == "option") {
p.children[i].className = "option unselected";
}
}
if (key == this.KEY_COLOR) {
//this.colors[value] = this.maps[key][value];
this.colors[this.colors.length] = { 'id': value, 'value': this.maps[key][value] };
}
else {
if (!this.filter[key]) this.filter[key] = [];
this.filter[key][value] = this.maps[key][value];
}
e = document.getElementById("divFilter" + key + "Reset");
if (e) e.style.display = "block";
}
else {
e.className = "option unselected";
reset = true;
for (var i = 0; i < p.children.length; i++) {
if (p.children[i].className == "option selected") {
reset = false;
break;
}
}
if (reset) this.resetFilter(key);
else {
if (key == this.KEY_COLOR) {
// this.colors[value] = null;
this._removeColor(value);
}
else {
this.filter[key][value] = null;
}
}
}
if (key == this.KEY_CATEGORY && this.categorySize && this.categorySize.length == p.children.length) {
var size = [];
for (var i = 0; i < p.children.length; i++) {
if (p.children[i].className == "option selected") {
for (var s = 0; s < this.categorySize[i].length; s++) {
size[s] = (size[s] ? size[s] : this.categorySize[i][s]);
}
}
}
p = document.getElementById("divFilterSizeOptions");
if (p && p.children) {
if (p.children.length == size.length) {
for (var i = 0; i < p.children.length; i++) {
if (p.children[i].children.length > 0) {
p.children[i].children[0].className = (size[i] ? "" : "disabled");
}
}
} else {
this.enableOptions(p);
}
}
}
}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
Catalog.prototype.enableOptions = function (e) {
if (e && e.children) {
for (var i = 0; i < e.children.length; i++) {
if (e.children[i].children.length > 0) {
e.children[i].children[0].className = "";
}
}
}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
Catalog.prototype.resetFilter = function (key, skipUpdate) {
var e = document.getElementById("divFilter" + key + "Reset");
this.user.filt[key] = null;
if (e && e.style.display != "none") {
if (e) e.style.display = "none";
}
e = document.getElementById("divFilter" + key + "Options");
for (var i = 0; i < e.children.length; i++) {
if (e.children[i]) {
e.children[i].className = "option";
}
}
if (key == this.KEY_COLOR) {
for (var value in this.maps[key]) {
// this.colors[value] = null;
this._removeColor(value);
}
} else {
this.filter[key] = null;
if (key == this.KEY_CATEGORY) this.enableOptions(document.getElementById("divFilterSizeOptions"));
}
if (!skipUpdate) {
this.index = 0;
this.render(true);
}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
Catalog.prototype.resetAllFilters = function () {
for (var key in this.maps) {
this.resetFilter(key, true);
}
this.index = 0;
this.render(true);
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
Catalog.prototype.hideFilter = function (key) {
var e = document.getElementById("divFilter" + key + "Label");
if (e) {
e.className = "label close";
e = document.getElementById("divFilter" + key + "Options");
if (e) e.style.display = "none";
}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
Catalog.prototype.showFilter = function (key) {
var e = document.getElementById("divFilter" + key + "Label");
if (e) {
e.className = "label";
e = document.getElementById("divFilter" + key + "Options");
if (e) e.style.display = "";
}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
Catalog.prototype.showHideFilter = function (key) {
var e = document.getElementById("divFilter" + key + "Label");
if (e) {
if (e.className == "label") {
this.hideFilter(key);
}
else {
e.className = "label";
e = document.getElementById("divFilter" + key + "Options");
if (e) e.style.display = "";
}
}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
Catalog.prototype.showAllFilters = function () {
for (var key in this.maps) {
this.showHideFilter(key);
}
var e;
e = document.getElementById("divHideAll"); if (e) e.style.display = "";
e = document.getElementById("divShowAll"); if (e) e.style.display = "none";
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
Catalog.prototype.hideAllFilters = function () {
for (var key in this.maps) {
this.hideFilter(key);
}
var e;
e = document.getElementById("divShowAll"); if (e) e.style.display = "";
e = document.getElementById("divHideAll"); if (e) e.style.display = "none";
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
Catalog.prototype.ChangeProductSize = function (option, style, value, name) {
var e;
e = document.getElementById("lblSize" + style);
if (e) {
e.className = "output";
e.innerHTML = name;
var i = 0;
while (e = document.getElementById("size" + style + '_' + (i++))) {
e.className = "option";
}
option.className = "option picked";
}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
Catalog.prototype.changeProductColor = function (swatch, style, subCat, color, name, view) {
if (swatch > -1) {
swatch = document.getElementById(style + '_' + swatch)
}
var e;
e = document.getElementById("lblColor" + style);
if (e) {
e.className = "output";
e.innerHTML = name;
var i = 0;
while (e = document.getElementById(style + '_' + (i++))) {
e.className = "option";
}
swatch.className = "option picked";
}
/* / Highlight Picked Color Box
var s, i = 0;
while (s = document.getElementById(style + '_' + (i++))) {
s.className = "miniColorBox";
}
swatch.className = "miniColorBoxPicked";
*/
// Add Color Parameter
var ecolor = escape(color);
ecolor = ecolor.replace(/è/g, 'e');
ecolor = ecolor.replace(/é/g, 'e');
var obj, ids;
var sfx = style + '_' + subCat;
var ids = ['Img', 'Txt'];
for (var x = 0; x < ids.length; x++) {
obj = document.getElementById(ids[x] + '_' + sfx);
if (obj) {
i = obj.href.indexOf('&c=');
if (i > 0) {
obj.href = obj.href.substring(0, i + 3) + ecolor;
}
else {
i = obj.href.indexOf('?c=');
if (i > 0) {
obj.href = obj.href.substring(0, i + 3) + ecolor;
}
else {
if (obj.href.indexOf('.html?') > 0 || obj.href.indexOf('.aspx?') > 0) {
obj.href = obj.href + '&c=' + ecolor;
}
else {
obj.href = obj.href + '?c=' + ecolor;
}
}
}
}
}
// Change Image
color = color.replace(/ /g, '');
color = color.replace(/\//g, '_');
color = color.replace(/è/g, 'e');
color = color.replace(/é/g, 'e');
var iurl = "http://i.americanapparel.net/storefront/photos/" + (view == 1 ? "detail/" : "grid/color") + "serve.asp?media=" + style + "_" + color + ".jpg" + (this.isRetail ? '' : '&r=us1');
if (view > 0) {
obj = document.getElementById('im_' + sfx); if (obj) obj.src = iurl;
obj = document.getElementById('dv_' + sfx); if (obj) obj.backgroundImage = 'url(' + iurl + ')';
}
else {
ImageTransition(sfx, iurl);
}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
Catalog.prototype.loadFilter = function (key, reset) {
var value = (!reset ? this.load(key, false) : []);
var active = false;
var e = document.getElementById('ddl' + key);
if (!e) { e = document.getElementById('menu' + key); }
if (e) {
if (e.selectedIndex) e.selectedIndex = 0;
// catalog.aspx
if (key == this.KEY_CATEGORY) {
var temp = this.orderings[0];
if (temp.length > 1) {
active = true;
var cats = [];
var x, scat, name;
for (var i = 0; i < temp.length; i++) {
name = temp[i][0];
if (name.n != undefined) name = name.n;
x = document.createElement("option")
x.innerHTML = name;
x.value = name;
e.appendChild(x);
scat = new Array(this.data.length);
for (var p = 1; p < temp[i].length; p++) scat[(temp[i][p].n == undefined ? temp[i][p] : temp[i][p].n)] = 1;
cats[name] = scat;
}
catalog.maps[this.KEY_CATEGORY] = cats;
}
}
//else {
if (e.options.length > 2) {
active = true;
// Initialise filter
if (value && value.length > 0) {
this.filter[key] = this.maps[key][value[0]];
for (var i = 0; i < e.options.length; i++) {
if (e.options[i].value == value[0]) {
e.selectedIndex = i;
break;
}
}
this.setFilter(e, key);
}
else {
this.filter[key] = null;
}
}
//}
e = document.getElementById("div" + key);
if (e) e.style.display = (active ? "block" : "none");
//[DEPRICATED-START]
else e = document.getElementById("divFilter" + key);
if (e) e.style.display = (active ? "block" : "none");
//[DEPRICATED-FINAL]
}
else {
// search.aspx
e = document.getElementById("divFilter" + key + "Options");
if (e && e.children.length > 0) {
active = true;
// Initialise filter
if (value && value.length > 0) {
var option;
var temp;
for (var v = 0; v < value.length; v++) {
temp = value[v];
if (temp) {
option = null;
// Find Option
if (key == this.KEY_COLOR) {
for (var i = 0; i < e.children.length; i++) {
if (e.children[i].children
&& e.children[i].children.length > 1
&& e.children[i].children[1].innerHTML == temp) {
option = e.children[i];
break;
}
}
}
else {
if (key == "Rating") {
temp = 'http://i.americanapparel.net/storefront/ratings/images/rating_' + value[v] + (value[v].length > 1 ? '' : '0') + '.gif';
}
else {
temp = '>' + value[v] + '<';
}
for (var i = 0; i < e.children.length; i++) {
if (e.children[i].innerHTML.indexOf(temp) > 0) {
option = e.children[i];
break;
}
}
}
if (option) {
this.setFilterSearch(option, key, value[v]);
}
}
}
}
}
}
return active;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
Catalog.prototype._checkSearchTermColor = function () {
if (this.data && this.data.length && this.searchTerm) {
var colorName = "";
e = this.data[0].Colors;
if (e && e.length) {
for (var i = 0; i < e.length; i++) {
if (e[i].Name && e[i].Name.toLowerCase() == this.searchTerm) {
colorName = e[i].Name;
i = e.length;
break;
}
}
}
if (colorName) {
for (var i = 0; i < this.data.length; i++) {
e = this.data[i].Colors;
if (e && e.length) {
for (var c = 0; c < e.length; c++) {
if (e[c].Name == colorName) {
if (this.data[i].DefaultColor != e[c].Src) {
this.changeProductColor(null, this.data[i].ID, 'x', e[c].English, e[c].Name);
}
c = e.length;
break;
}
}
}
}
}
}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
Catalog.prototype.init = function () {
if (this.IS_STATIC) {
return;
}
this.filter = [];
var e = document.getElementById('tbxQuery');
if (e) {
// search.aspx
this.searchTerm = getQueryStringValue('s');
this.searchTerm =
(this.searchTerm
? decodeURI(this.searchTerm).replace(/\+/g, ' ').replace(/%2F/g, '/')
: "");
e.value = this.searchTerm;
if (_useAutoSuggest) {
var data = [];
data['elem'] = e;
data['seeMore'] = _seeMore;
new AutoSuggest(data);
}
if (this.data && this.data.length) {
var term = this.searchTerm.split(' ');
if (term && term.length) {
var e, s, x;
for (var i = 0; i < term.length; i++) {
s = term[i].charAt(0).toUpperCase() + term[i].substr(1);
if (this.maps["Color"][s]) {
e = document.getElementById("divOptionColor" + s);
if (e) this.setFilter(e, "Color", s);
}
else if (this.maps["Category"][s]) {
e = document.getElementById("divOptionCategory" + s);
if (e) this.setFilter(e, "Category", s);
}
else {
x = s.charAt(s.length - 1).toLowerCase();
s = (x == "s"//|| x == "y"
? s.substr(0, s.length - 1)// + (x == "y" ? "ies" : "")
: null
);
if (s) {
if (this.maps["Category"][s]) {
e = document.getElementById("divOptionCategory" + s);
if (e) this.setFilter(e, "Category", s);
}
}
}
}
}
this.index = this.load('Page', true);
e = document.getElementById("hlkResetSearch");
if (e) e.href = window.location;
}
if (this.showFilters == undefined) {
this.showFilters = true;
}
if (this.showFilters) {
var count = 0;
var temp;
var countOptions;
for (var type in this.maps) {
temp = this.maps[type];
countOptions = 0;
if (temp) {
for (var x in temp) {
if (temp[x] && temp[x].length > 0) {
countOptions++;
}
}
}
if (countOptions > 0) {
count++;
} else {
e = document.getElementById("divFilter" + type + "Label"); if (e) e.onclick = "";
e = document.getElementById("divFilter" + type); if (e) e.className = "filter disabled";
}
}
if (count > 0) {
this.loadFilter(this.KEY_CATEGORY);
this.loadFilter("Size");
this.loadFilter(this.KEY_COLOR);
this.loadFilter("Fabric");
this.loadFilter("Price");
this.loadFilter("Rating");
}
else {
e = document.getElementById("divSearchHelpers"); if (e) e.className = "helpers disabled";
e = document.getElementById("divHideAll"); if (e) e.onclick = "";
}
}
}
else {
// catalog.aspx
if (this.data && this.data.length) {
if (this.attribute) {
for (var i = 0; i < this.attribute.length; i++) {
if (this.attribute[i]) {
e = document.getElementById("lblFilter" + i);
if (e) e.innerHTML = this.attribute[i].n;
e = document.getElementById("ddlAnyOption" + i);
if (e) e.innerHTML = this.attribute[i].a;
}
}
}
this.max = this.data.length;
if (this.showFilters) {
var loaded = false;
for (var i = 0; i < 4; i++) {
if (this.loadFilter("Filter" + i)) {
loaded = true;
}
}
e = document.getElementById("divFilter0");
if (e) {
e.style.display = "none";
e = document.getElementById("divFilter4");
if (e) {
e.style.display = "block";
this.showSorting = false;
}
}
if (loaded) {
e = document.getElementById("innerSearch");
if (e) e.style.display = '';
}
}
}
}
e = document.getElementById("pnShowSomeSort");
if (e) e.style.display = (this.showSorting ? "block" : "none");
this.sort(this.load('Sort', true));
this.addCriteo();
if (this.searchTerm) {
this._checkSearchTermColor();
}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
Catalog.prototype.saveSearch = function () {
setCookie('aaSort', this.user.sort, 1);
this.save(this.KEY_CATEGORY);
this.save(this.KEY_COLOR);
this.save("Fabric");
this.save("Size");
this.save("Price");
this.save("Rating");
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
Catalog.prototype.save = function (key) {
var s = ""
var data = this.user.filt[key];
if (data) {
if (data.length > 0) {
s = data[0];
for (var i = 1; i < data.length; i++) {
s += "||" + data[i];
}
}
}
setCookie("aa" + key, s, 1);
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
Catalog.prototype.load = function (key, isInt, defValue) {
var qsKeyID = '';
switch (key) {
case this.KEY_CATEGORY: qsKeyID = "r"; break; // Root category
case "Fabric": qsKeyID = "f"; break; // Fabric
case "Rating": qsKeyID = "u"; break; // User rating
case this.KEY_COLOR: qsKeyID = "g"; break; // Generic color
case "Price": qsKeyID = "p"; break; // Price
case "Size": qsKeyID = "z"; break; // siZe
case "Sort": qsKeyID = "a"; break; // sort (ex: A to Z)
case "Fit": qsKeyID = "t"; break; // fiT
}
var data;
var serverData = (this.defaults ? this.defaults[key] : null);
if (serverData) {
data = serverData;
}
else {
value = getQueryStringValue(qsKeyID);
value = value.replace(/%2526/g, '&');
value = value.replace(/%%/g, '%25%');
try {
value = decodeURIComponent(value);
}
catch (err) {
value = unescape(value);
}
value = value.replace(/\+/g, ' ');
if (!value && qsKeyID != "r") {
value = getCookie("aa" + key);
}
if (isInt) {
data = (value ? parseInt(value) : (defValue ? defValue : 0));
} else {
data = (value ? value.split("||") : []);
}
}
return data;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
Catalog.prototype.search = function (force) {
var txt = document.innerSearch.s.value || document.getElementById("tbxQuery");
if (txt && txt.length > 0 && (force || txt.toLowerCase() != this.searchTerm.toLowerCase())) {
document.innerSearch.submit();
}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
Catalog.prototype._nav = function (delta) {
this.index += (delta * this.max);
this.render(false);
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
Catalog.prototype.gotoPage = function (pageIndex) {
this.index = (pageIndex * this.max);
this.render(false);
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
Catalog.prototype.toggleShowAll = function (show) {
this.showAll = show;
this.render(false);
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
Catalog.prototype.addCriteo = function () {
if (document.domain == 'store.americanapparel.net'
|| document.domain == 'origin-store.americanapparel.net'
|| document.domain == 'usd.dev.web.americanapparel.net'
) {
var criteo = "";
var max = (this.data.length > 3 ? 3 : this.data.length);
for (var i = 0; i < max; i++) {
criteo += "&i" + (i + 1) + "=" + this.data[i].ID;
}
var e = document.getElementById("cto_mg_div");
if (e) {
e.innerHTML = '
';
}
}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 + '.jpg' + (isRetail ? '' : '&r=us1') + ')
'
+ (this.Overlays && this.Overlays.length > 0 //&& isRetail
? '
Size Chart + '.jpg' + (isRetail ? '' : '&r=us1') + ')
'
+ '
'
: '')))
// Render colors
+ this.RenderColors(subCat)
// Render Labels
+ '
'
: 'http://i.americanapparel.net/storefront/ratings/images/' + lang + '/rating_notrated.gif" />'
)
)
+ '