// Declare our global variables.
var browser = BrowserDetect.browser;
var sku_hash = new Object();
var color_size_array = new Array();
var size = new Array();
var avail2 = new Array();
// This function parses the data retrived from Hyper, and formats appropriately.
function rt_inventory() {
// Split the information gathered from the .asp script.
//document.write(avail);
var avail_array = avail.split(";");
var sorted_sizes = new Array();
var temp = new Array();
// JavaScript doesn't support multidimensional arrays, so we have to fake it.
// We start on 1, because the split above produces an empty string for element 0.
for ( i = 1 ; i");
//document.write(sku_hash[color_size_array[i][0]] + " ");
}
}
// This function tests a, and if it is not a number - it sorts against predetermined sort orderd,
// otherwise it sorts alpha, and then numerically - modified by James
// note: a&b are not 'Sizes' they are "SIZE@QTY" in a string
function sort_sizes(a, b) {
var sizes = ['XS' ,'S', 'M','L','XL','XXL','XXXL' ];
var a_val = sizes.length + 1;
var b_val = sizes.length + 1;
for(var i = 0; i < sizes.length; i ++) {
if (sizes[i] == a.split('@')[0]) { a_val = i; }
if (sizes[i] == b.split('@')[0]) { b_val = i; }
}
if ((a_val < (sizes.length + 1)) || (b_val < (sizes.length + 1)))
{
return a_val - b_val;
}
if ( isNaN(parseInt(a, 10)) || isNaN(parseInt(b, 10)) ) {
return (b < a) - (a < b);
}
else {
return parseInt(a, 10)-parseInt(b, 10);
}
}
// This function tests a, and if it is not a number - it sorts alphabetically,
// otherwise it sorts numerically.
//function sort_sizes(a, b) {
// if ( isNaN(parseInt(a, 10)) || isNaN(parseInt(b, 10)) ) {
// return (b < a) - (a < b);
// }
// else {
// return parseInt(a, 10)-parseInt(b, 10);
// }
//}
// This function draws the swatches, based on the item name, image path, and initial display values.
function draw_swatches(itemName, imgPath, display) {
// We need an array in order to keep track of all the references to table rows.
temprow = new Array();
// Generate the table that will contain the size tags.
document.getElementById('container').innerHTML = document.getElementById('container').innerHTML + '';
for (i = 1; i 0)
{
// Generate the swatch tags.
document.getElementById('swatchdiv').innerHTML = document.getElementById('swatchdiv').innerHTML + '![' + color_size_array[i][0] + '](' + imgPath + '/' + sku_hash[color_size_array[i][0]] + '-s.jpg)
' + size[i][j] + '
';
}
else
{
// The size does not contain words.
tempcell[i].innerHTML = tempcell[i].innerHTML + '' + size[i][j] + '
';
}
}
else {
// Test if the size contains words (such as "One Size Fits All), and change the style
// if it does.
if ( isNaN(parseInt(size[i][j], 10)) )
{
// The size contains words.
tempcell[i].innerHTML = tempcell[i].innerHTML + '' + size[i][j] + '
';
}
else
{
// The size does not contain words.
tempcell[i].innerHTML = tempcell[i].innerHTML + '' + size[i][j] + '
';
}
}
}
// This color and size is out of stock.
else
{
// Using an index of -1 appends the cell.
tempcell[i] = temprow[i].insertCell(-1);
// Use different styles for IE, and Mozilla.
if ( BrowserDetect.browser == 'Explorer' ) {
// Test if the size contains words (such as "One Size Fits All), and change the style
// if it does.
if ( isNaN(parseInt(size[i][j], 10)) )
{
// The size contains words.
tempcell[i].innerHTML = tempcell[i].innerHTML + '' + size[i][j] + '
';
}
else
{
// The size does not contain words.
tempcell[i].innerHTML = tempcell[i].innerHTML + '' + size[i][j] + '
';
}
}
else {
// Test if the size contains words (such as "One Size Fits All), and change the style
// if it does.
if ( isNaN(parseInt(size[i][j], 10)) )
{
// The size contains words.
tempcell[i].innerHTML = tempcell[i].innerHTML + '' + size[i][j] + '
';
}
else
{
// The size does not contain words.
tempcell[i].innerHTML = tempcell[i].innerHTML + '' + size[i][j] + '
';
}
}
}
if ( BrowserDetect.browser != 'Explorer' ) {
// Keep things organized by limiting the number of sizes per row.
if (j % 10 == 0)
{
temprow[i].innerHTML = temprow[i].innerHTML + "
";
}
}
}
// Set the initially selected swatch, based on the 'display variable'.
if ( sku_hash[color_size_array[i][0]].substring(sku_hash[color_size_array[i][0]].length - 2, sku_hash[color_size_array[i][0]].length) == display ) {
makeborder("theswatch" + i);
updateSize(temprow[i]);
swapmaincolor(color_size_array[i][0]);
document.getElementById('optsize').value = "notanoption";
}
}
// Color - out of stock.
else
{
// Generate the swatch tags.
document.getElementById('swatchdiv').innerHTML = document.getElementById('swatchdiv').innerHTML + '' + size[i][j] + '
';
}
}
else {
// Test if the size contains words (such as "One Size Fits All), and change the style
// if it does.
if ( isNaN(parseInt(size[i][j], 10)) )
{
// The size contains words.
tempcell[i].innerHTML = tempcell[i].innerHTML + '' + size[i][j] + '
';
}
else
{
// The size does not contain words.
tempcell[i].innerHTML = tempcell[i].innerHTML + '' + size[i][j] + '
';
}
}
}
// This color and size is out of stock.
else
{
// Using an index of -1 appends the cell.
tempcell[i] = temprow[i].insertCell(-1);
// Use different styles for IE, and Mozilla.
if ( BrowserDetect.browser == 'Explorer' ) {
// Test if the size contains words (such as "One Size Fits All), and change the style
// if it does.
if ( isNaN(parseInt(size[i][j], 10)) )
{
// The size contains words.
tempcell[i].innerHTML = tempcell[i].innerHTML + '' + size[i][j] + '
';
}
else
{
// The size does not contain words.
tempcell[i].innerHTML = tempcell[i].innerHTML + '' + size[i][j] + '
';
}
}
else {
// Test if the size contains words (such as "One Size Fits All), and change the style
// if it does.
if ( isNaN(parseInt(size[i][j], 10)) )
{
// The size contains words.
tempcell[i].innerHTML = tempcell[i].innerHTML + '' + size[i][j] + '
';
}
else
{
// The size does not contain words.
tempcell[i].innerHTML = tempcell[i].innerHTML + '' + size[i][j] + '
';
}
}
}
if ( BrowserDetect.browser != 'Explorer' ) {
// Keep things organized by limiting the number of sizes per row.
if (j % 10 == 0)
{
temprow[i].innerHTML = temprow[i].innerHTML + "
";
}
}
}
}
}
document.getElementById('swatchdiv').innerHTML = document.getElementById('swatchdiv').innerHTML + "
";
}
// This function swaps the given element with the one in sizediv.
function updateSize(element)
{
// In order to prevent the border from disappearing, we need to uniquely
// name the divs that are being copied, so we are going to replace all
// occurences of 'thesize' with 'sizegrid'.
var oldHTML = element.innerHTML;
var newHTML = oldHTML.replace(/thesize/g,"sizegrid");
document.getElementById('sizediv').innerHTML = newHTML;
}
// This function ensures that a color and size are selected before proceeding to the cart.
// It also updates the vwitem value with the proper sku, of what is selected.
function check_options(form) {
if (form.optcolor.value != 'notanoption' && form.optsize.value != 'notanoption') {
// They can pass.
// Update vwitem.
document.getElementById('vwitem').value =
loader_sku_hash[trimString(document.getElementById('maincolorname').innerHTML)][trimString(document.getElementById('mainsizename').innerHTML.replace(/,/, ''))]
return true;
}
else {
// They may not pass.
if (form.optcolor.value == 'notanoption') {
flash_color_flag = true;
}
if (form.optsize.value == 'notanoption') {
flash_size_flag = true;
}
return false;
}
}
// This function flashes the size text when a user tries to proceed to the cart
// without selecting a size.
// UPDATED: Allison Miller, 9-7-2010
// This function now pops up div layers that
// make it obvious that the user needs to choose a size.
var flash_size_count = 0;
var flash_color_count = 0;
var flash_size_flag = false;
var flash_color_flag = false;
function flashText() {
if (flash_size_flag) {
// Only make div visible once, otherwise it may popup again
// after add to bag was clicked
if (flash_size_count < 1) {
document.getElementById('selectSize').style.display = "block";
document.getElementById('selectSizeMore').style.display = "block";
}
// Test our counter to make sure we should even flash the text.
if (flash_size_count < 8) {
if (document.getElementById('flash_size').style.color == "rgb(0, 153, 204)") {
document.getElementById('flash_size').style.color = "rgb(0, 0, 0)"
}
else {
document.getElementById('flash_size').style.color = "rgb(0, 153, 204)"
}
// After changing the text, increment the count - so we don't loop forever.
flash_size_count++;
} else { // Otherwise, we reset the flag and counter.
document.getElementById('flash_size').style.color = "rgb(0, 0, 0)"
flash_size_flag = false;
flash_size_count = 0;
}
}
if (flash_color_flag) {
// Test our counter to make sure we should even flash the text.
if (flash_color_count < 8) {
if (document.getElementById('flash_color').style.color == "rgb(0, 153, 204)") {
document.getElementById('flash_color').style.color = "rgb(0, 0, 0)"
}
else {
document.getElementById('flash_color').style.color = "rgb(0, 153, 204)"
}
// After changing the text, increment the count - so we don't loop forever.
flash_color_count++;
}
// Otherwise, we reset the flag and counter.
else {
document.getElementById('flash_color').style.color = "rgb(0, 0, 0)"
flash_color_flag = false;
flash_color_count = 0;
}
}
var sret = setTimeout("flashText()", 300);
}
// This function changes the form submit image
// from gray to pink to go along with previous function
// in order to make selecting a size more apparent.
function selectSize() {
document.all.addToBagImage.src = "/images/add-to-bag.gif";
document.getElementById('selectSize').style.display = "none";
document.getElementById('selectSizeMore').style.display = "none";
}