// JavaScript Document


// file name, display name, sizes, price

// ### this array also exists in shop-content.php

var itemTypes = [['ssonesie','Onesie, S/S',['3-6M','6-12M'],21],
				['lsonesie','Onesie, L/S',['3-6M','6-12M'],23],
				['sslapt','Lap T, S/S',['12-18M','18-24M'],21],
				['lslapt','Lap T, L/S',['12-18M','18-24M'],23],
				['sstoddlert','Toddler T, S/S',['2T','3T','4T'],21],
				['lstoddlert','Toddler T, L/S',['2T','3T','4T'],23],
				['ssyoutht','Youth T, S/S',['S','M','L','XL'],21],
				['lstoddlert','Youth T, L/S',['S','M','L','XL'],23],
				['ssadultt','Adult T, S/S',['S','M','L','XL','2XL'],21],
				['lstoddlert','Adult T, L/S',['S','M','L','XL','2XL'],23],
				['ssladiest','Ladies T, S/S',['S','M','L','XL','2XL'],23],
				['lsladiest','Ladies T, L/S',['S','M','L','XL','2XL'],26],
				['ladiesfittedt','Ladies Fitted T',['S','M','L','XL'],23],
				['bib','Bib',['one size'],12],
				['hat','Hat',['one size'],12],
				['travelmug','Stainless Steel Travel Mug',['one size'],24],
				['mug','Ceramic Mug',['one size'],12],
				['mug','Plastic Mug',['one size'],12],
				['waterbottle','Aluminum Water Bottle',['one size'],20],
				['waterbottle','Stainless Sports Bottle',['one size'],20],
				['frame','Framed Mini T',['one size'],35]];



var passColor;
var designNum;
var categoryOn;
var itemNumber = '0';
var addonPrice = '';
var thumbSize;
var categoryPage = false;

var pageName;
var pageNum;

var designColors = new Array();
var designColorNames = new Array();

var hairColors = new Array();
var formNumb = new Array();
var genderOptions = new Array();

var productItems = new Array();
var productItemNames = new Array();

var designName;
var formItems;
var hairColor;
var birthdayNumber;
var genderName;

var formItems = new Array ('productChoice','productColor','productSize');

var isHomePage;
var homePhotoNum;
var photoNum = 1;


var homePhotoDir = 'img/common/home/080128/photos/';

function indexInit() {
if (isHomePage) {
// preload home photos
for (i=2;i<=homePhotoNum;i++) {
	var homePhotoImg = new Image();
	homePhotoImg.src = homePhotoDir + i + '.jpg';
}
setTimeout("swapHomePhotos()", 1800);
}
}


function swapHomePhotos() {

	var photoMax = homePhotoNum;
	
	if (photoNum < photoMax) {
		photoNum++
	} else {
		photoNum = 1;
	}
	document.images.homePhoto.src = homePhotoDir + photoNum + '.jpg';
setTimeout("swapHomePhotos()", 1800);

}





function initProduct() {

if (designColors[0] != 'white') {
	passColor = designColors[0];
}

if (hairColors != '') {
	hairColor = hairColors[0];
}

if (formNumb != '') {
	passColor = 'blue';
	birthdayNumber = formNumb[0];
}

if (genderOptions != '') {
	genderName = genderOptions[0];
}

if (!categoryPage) {
	productPrice = itemTypes[0][3];
	addOpts();
	preloadItems();
	document.getElementById('productOptionPrice').innerHTML = '$' + productPrice;
	document.productForm.amount.value = productPrice;
	document.productForm.addhat.checked = false;
	document.productForm.addbib.checked = false;
	if (hairColors != '') {
		document.productForm.hairColor.selectedIndex = 0;
	}
	if (formNumb != '') {
		document.productForm.birthdayNumber.selectedIndex = 0;
	}
	if (genderOptions != '') {
		document.productForm.genderOptions.selectedIndex = 0;
	}
	if (designColors != '') {
		document.productForm.designColor.selectedIndex = 0;
	}
	for (i=0;i<formItems.length;i++) {
	document.productForm[formItems[i]].selectedIndex = 0;
	}


if (pageName == 'celebrations' && (pageNum > 3 && pageNum < 8)) {
	swapNum = pageNum - 3;
	birthdayNumber = swapNum;
	document.productForm.birthdayNumber.selectedIndex = swapNum-1;
	if (swapNum == '1' || swapNum == '3') {
		swatchColor = '-blue';
		passColor = 'blue';
		document.productForm.designColor.selectedIndex = 0;
	} else if (swapNum == '2' || swapNum == '4') {
		swatchColor = '-pink';
		passColor = 'pink';
		document.productForm.designColor.selectedIndex = 1;
	}
	document.images['designThumbImg'].src = 'img/shop/celebrations/designthumb/13-' + swapNum + swatchColor + '.gif';
	document.images['addonHat'].src = 'img/shop/celebrations/designthumb/13-mini-' + swapNum + swatchColor + '.gif';
	document.images['addonBib'].src = 'img/shop/celebrations/designthumb/13-mini-' + swapNum + swatchColor + '.gif';
}


if (pageName == 'triplets' && (pageNum == '3' || pageNum == '4')) {
	
	document.productForm.genderOptions.selectedIndex = 1;
	genderName = document.productForm.genderOptions.value;
	
	if (pageNum == '3') {
		productNumber = '1';
	} else if (pageNum == '4') {
		productNumber = '2';
	}
	
	document.images['designThumbImg'].src = 'img/shop/triplets/designthumb/' + productNumber + '-' + genderName + '.gif';
	document.images['addonHat'].src = 'img/shop/triplets/designthumb/' + productNumber + '-' + '-mini-' + genderName  + '.gif';
	document.images['addonBib'].src = 'img/shop/triplets/designthumb/' + productNumber + '-' + '-mini-' + genderName  + '.gif';
}


		if (pageName == "mommy") {
			swapItem('8');
			document.productForm.productChoice.selectedIndex = '8';
		} else if (pageName == "mugs") {
			swapItem('12');
			document.productForm.productChoice.selectedIndex = '12';
		} else if (pageName == 'solo') {
			if (pageNum != '5') {
			swapItem('8');
			document.productForm.productChoice.selectedIndex = '8';
			}
		} else {
			swapItem('0');
			document.productForm.productChoice.selectedIndex = '0';
		}

		
	

	}




}




function preloadItems() {
	for (i=0;i<itemTypes.length;i++) {
	var newImg = new Image();
	newImg.src = "img/shop/common/product/items/" + itemTypes[i][0] + ".gif";
	}
}

function preLoad(navName) {
	var newImg = new Image();
	newImg.src = "img/nav/" + navName + ".gif";
}


var itemName;
// below uses link from line art
function showItem(itemNum) {
	itemName = itemTypes[itemNum][0];
	itemNumber = itemNum;
	document.images['productItem'].src = "img/shop/common/product/items/" + itemName + ".gif";
	if (itemName == 'bib' || itemName == 'mug' || itemName == 'waterbottle' || itemName == 'frame') { //bib, mug, waterbottle, frame
	document.getElementById('designThumb').style.top = '126px';
	clearProductColor();
		if (itemName == 'waterbottle') {
			document.forms['productForm'].productColor.options[0] = new Option('* choose color *','--');
			document.forms['productForm'].productColor.options[1] = new Option('white','White');
			document.forms['productForm'].productColor.options[2] = new Option('silver','Silver');
		} else if (itemName == 'frame') {
			document.forms['productForm'].productColor.options[0] = new Option('n/a','na');
		} else {
			document.forms['productForm'].productColor.options[0] = new Option('white','White');
		}
	} else if (itemName == 'hat') { // hat
	document.getElementById('designThumb').style.top = '199px';
	clearProductColor();
	document.forms['productForm'].productColor.options[0] = new Option('white','White');
	} else if (itemName == 'travelmug') { // travelmug
	document.getElementById('designThumb').style.top = '106px';
	clearProductColor();
	document.forms['productForm'].productColor.options[0] = new Option('silver','Silver');
	} else {
	document.getElementById('designThumb').style.top = '80px';
	clearProductColor();
	document.forms['productForm'].productColor.options[0] = new Option('white','White');
	}
	
	document.getElementById('itemType').innerHTML = itemTypes[itemNum][1];
	// calculate product price with addons
	var prodPrice = itemTypes[itemNum][3];
	if (addonPrice != '' || addonPrice != 0) {
		prodPrice = prodPrice + addonPrice;
	}
	document.getElementById('productOptionPrice').innerHTML = '$' + prodPrice;
	document.productForm.amount.value = prodPrice;
	document.productForm.productChoice.selectedIndex = itemNum;
	addOpts();
}

// below uses form
function swapItem(toItem) {
	if (toItem) {
		itemNum = toItem;
	} else {
		itemNum = document.productForm.productChoice.selectedIndex;
	}
	itemName = itemTypes[itemNum][0];
	itemNumber = itemNum;
	document.images['productItem'].src = "img/shop/common/product/items/" + itemName + ".gif";
	if (itemName == 'bib' || itemName == 'mug' || itemName == 'waterbottle' || itemName == 'frame') { //bib, mug, waterbottle, frame
	document.getElementById('designThumb').style.top = '126px';
	clearProductColor();
		if (itemName == 'waterbottle') {
			document.forms['productForm'].productColor.options[0] = new Option('* choose color *','--');
			document.forms['productForm'].productColor.options[1] = new Option('white','White');
			document.forms['productForm'].productColor.options[2] = new Option('silver','Silver');
		} else if (itemName == 'frame') {
			document.forms['productForm'].productColor.options[0] = new Option('n/a','na');
		} else {
			document.forms['productForm'].productColor.options[0] = new Option('white','White');
		}
	} else if (itemName == 'hat') { // hat
	document.getElementById('designThumb').style.top = '199px';
	clearProductColor();
	document.forms['productForm'].productColor.options[0] = new Option('white','White');
	} else if (itemName == 'travelmug') { // travelmug
	document.getElementById('designThumb').style.top = '106px';
	clearProductColor();
	document.forms['productForm'].productColor.options[0] = new Option('silver','Silver');
	} else {
	document.getElementById('designThumb').style.top = '80px';
	clearProductColor();
	document.forms['productForm'].productColor.options[0] = new Option('white','White');
	}
	
	document.getElementById('itemType').innerHTML = itemTypes[itemNum][1];
	// calculate product price with addons
	var prodPrice = itemTypes[itemNum][3];
	if (addonPrice != '' || addonPrice != 0) {
		prodPrice = prodPrice + addonPrice;
	}
	document.getElementById('productOptionPrice').innerHTML = '$' + prodPrice;
	document.productForm.amount.value = prodPrice;
	addOpts();
//alert(document.productForm.item_name.value);
}

function swapProductColor() {
	prodColor = document.forms['productForm'].productColor.value;
	prodColor = prodColor.toLowerCase();
	if (document.forms['productForm'].productColor.length > 1) {
		if (prodColor != "white") {
			document.images['productItem'].src = "img/shop/common/product/items/" + itemName + "-" + prodColor + ".gif";
		} else {
			document.images['productItem'].src = "img/shop/common/product/items/" + itemName + ".gif";
		}
	}
}


function clearProductColor() {
	for (i=0;i<document.forms['productForm'].productColor.length;i++) {
	document.forms['productForm'].productColor.options[i] = null;
	}
}



function getColor(categoryName,itemNum,colorName,colorNum) {
designNum = itemNum;
categoryOn = categoryName;

if (colorName == 'white') {
	colorName = '';
	passColor = '';
} else {
	passColor = colorName;
	colorName = '-' + colorName;
}

if (hairColor) {
	colorName = colorName + '-' + hairColor;
}

if (birthdayNumber) {
	colorName = '-' + birthdayNumber + colorName;
}

document.images['designThumbImg'].src = 'img/shop/' + categoryName + '/designthumb/' + itemNum + colorName + '.gif';
document.images['addonHat'].src = 'img/shop/' + categoryName + '/designthumb/' + itemNum + '-mini' + colorName + '.gif';
document.images['addonBib'].src = 'img/shop/' + categoryName + '/designthumb/' + itemNum + '-mini' + colorName + '.gif';
document.productForm.designColor.selectedIndex = colorNum;
}


function swapThumb(categoryName,itemNum) {
	colorName = designColors[document.productForm.designColor.value];
if (colorName == 'white') {
	colorName = '';
	passColor = '';
} else {
	passColor = colorName;
	colorName = '-' + colorName;
}

if (hairColor) {
	colorName = colorName + '-' + hairColor;
}

if (birthdayNumber) {
	colorName = '-' + birthdayNumber + colorName;
}

document.images['designThumbImg'].src = 'img/shop/' + categoryName + '/designthumb/' + itemNum + colorName + '.gif';
document.images['addonHat'].src = 'img/shop/' + categoryName + '/designthumb/' + itemNum + '-mini' + colorName + '.gif';
document.images['addonBib'].src = 'img/shop/' + categoryName + '/designthumb/' + itemNum + '-mini' + colorName + '.gif';
}

function swapHairSwatch(hairNum,categoryName,itemNum) {
	var swatchColor = '';
	hairColor = hairColors[hairNum];
	hairColorName = '-' + hairColor;
	if (passColor) {
	swatchColor = '';
	swatchColor = '-' + passColor;
	} else {
		swatchColor = '';
	}
	document.images['designThumbImg'].src = 'img/shop/' + categoryName + '/designthumb/' + itemNum + swatchColor + hairColorName + '.gif';
	document.productForm.hairColor.selectedIndex = hairNum;
	document.images['addonHat'].src = 'img/shop/' + categoryName + '/designthumb/' + itemNum + '-mini' + swatchColor + hairColorName + '.gif';
	document.images['addonBib'].src = 'img/shop/' + categoryName + '/designthumb/' + itemNum + '-mini' + swatchColor + hairColorName + '.gif';
}

function swapHair(categoryName,itemNum) {
	var swatchColor = '';
	hairColor = document.productForm.hairColor.value;
	hairColorName = '-' + hairColor;
	if (passColor) {
	swatchColor = '';
	swatchColor = '-' + passColor;
	} else {
		swatchColor = '';
	}

document.images['designThumbImg'].src = 'img/shop/' + categoryName + '/designthumb/' + itemNum + swatchColor + hairColorName + '.gif';
document.images['addonHat'].src = 'img/shop/' + categoryName + '/designthumb/' + itemNum + '-mini' + swatchColor + hairColorName + '.gif';
document.images['addonBib'].src = 'img/shop/' + categoryName + '/designthumb/' + itemNum + '-mini' + swatchColor + hairColorName + '.gif';
}

function swapGender(categoryName,itemNum) {
	var swatchColor = '';
	genderOption = document.productForm.genderOptions.value;
	genderOption = '-' + genderOption;

	genderName = document.productForm.genderOptions.value;

document.images['designThumbImg'].src = 'img/shop/' + categoryName + '/designthumb/' + itemNum + swatchColor + genderOption + '.gif';
document.images['addonHat'].src = 'img/shop/' + categoryName + '/designthumb/' + itemNum + '-mini' + swatchColor + genderOption + '.gif';
document.images['addonBib'].src = 'img/shop/' + categoryName + '/designthumb/' + itemNum + '-mini' + swatchColor + genderOption + '.gif';
}

function swapNumber(categoryName,itemNum) {
	var swatchColor = '';
	birthdayNumber = document.productForm.birthdayNumber.value;
	birthdayNumberNum = '-' + birthdayNumber;
	if (passColor) {
	swatchColor = '';
	swatchColor = '-' + passColor;
	} else {
		swatchColor = '';
	}
document.images['designThumbImg'].src = 'img/shop/' + categoryName + '/designthumb/' + itemNum + birthdayNumberNum + swatchColor + '.gif';
document.images['addonHat'].src = 'img/shop/' + categoryName + '/designthumb/' + itemNum + '-mini' + birthdayNumberNum + swatchColor + '.gif';
document.images['addonBib'].src = 'img/shop/' + categoryName + '/designthumb/' + itemNum + '-mini' + birthdayNumberNum + swatchColor + '.gif';
}

function showDetail(categoryName,itemNum,winSize) {
var url = 'detail.php?' + categoryName + '?' + itemNum;

if (passColor && (!birthdayNumber)) {
url = url + '?' + passColor;
}
if (hairColor) {
url = url + '-' + hairColor;
}
if (genderName) {
url = url + '-' + genderName;
}
if (birthdayNumber) {
url = url + '-' + birthdayNumber + '-' + passColor;
}
if (thumbSize == "wide" || winSize == "wide") {
var width = '800';
} else {
	var width = '400';
}
var height = '402';
var windowName = 'detailWin' ;
var featureString = ',' + 'status=no,toolbar=no,directories=no,location=no,resizable=no,scrolling=no,scrollbars=no,favorites=no,menubar=no';

var x = Math.round((screen.availWidth - width) / 2);
var y = Math.round((screen.availHeight - height) / 2);
windowStuff = 'left=' + x + ',top=' + y + ',width=' + width + ',height=' + height + featureString;
return open (url, windowName, windowStuff);
}


function showSizeInfo() {
var url = 'info.php?sizing';
var width = '400';
var height = '400';
var windowName = 'infoWin' ;
var featureString = ',' + 'status=yes,toolbar=no,directories=no,location=no,resizable=yes,scrolling=yes,scrollbars=yes,favorites=no,menubar=no';

var x = Math.round((screen.availWidth - width) / 2);
var y = Math.round((screen.availHeight - height) / 2);
windowStuff = 'left=' + x + ',top=' + y + ',width=' + width + ',height=' + height + featureString;
return open (url, windowName, windowStuff);
}


function addOpts() {
	document.productForm.productSize.options.length = 0
	for (i=0;i<itemTypes[itemNumber][2].length;i++) {
		var newOpt = new Option(itemTypes[itemNumber][2][i],itemTypes[itemNumber][2][i]);
		document.productForm.productSize.options[i] = newOpt;
	}
}

function addOn(addonName) {
	var prodPrice = itemTypes[itemNumber][3];
	
	if ((document.productForm.addhat.checked) && (!document.productForm.addbib.checked)) {
		addonPrice = 10;
		//prodPrice = prodPrice + 10;
	} else if ((document.productForm.addbib.checked) && (!document.productForm.addhat.checked)) {
		addonPrice = 12;
		//prodPrice = prodPrice + 12;
	} else if ((document.productForm.addhat.checked) && (document.productForm.addbib.checked)) {
		addonPrice = 22;
		//prodPrice = prodPrice + 22;
	} else {
		addonPrice = 0;
		//prodPrice = parseInt(itemTypes[itemNumber][3]);
	}
	
	prodPrice = itemTypes[itemNumber][3] + addonPrice;

	document.getElementById('productOptionPrice').innerHTML = '$' + prodPrice;
	document.productForm.amount.value = prodPrice;
}

function doForm() {

	var addHat = document.productForm.addhat.checked;
	var addBib = document.productForm.addbib.checked;
	
	if (document.productForm.designColor) {
	var designColorNum = document.productForm.designColor.value;
	var designColorName = '';
	designColorName = designColorNames[designColorNum];
	}
	var productChoiceNum = document.productForm.productChoice.value;
	var productChoiceName = productItemNames[productChoiceNum];
	var productSize = document.productForm.productSize.value;
	var designNameColor;
	if (productChoiceName == "Framed Mini T") {
		var productColor = "";
		} else {
		var productColor = document.productForm.productColor.value + " ";
		}
	if (document.productForm.cityName) {
	var cityName = document.productForm.cityName.value;
	}
	if (document.productForm.genderOptions) {
	genderName = document.productForm.genderOptions.value;
	}
	
	if (hairColors != '') {
		designNameColor = designName  + ', ' + hairColor + ' hair' + ', ' + designColorName + ' design';
	} else 	if (formNumb != '') {
		designNameColor = designName  + ', ' + birthdayNumber + ', ' + designColorName + ' design';
	} else 	if (!passColor && genderOptions == '') {
		designNameColor = designName ;
	} else 	if (genderOptions != '') {
		designNameColor = designName  + ', ' + genderName.toUpperCase();
	} else {
		designNameColor = designName + ', ' + designColorName + ' design';
	}
	
	if (addHat) {
		document.productForm.on1.value = 'Add Ons: Hat ($10)';
		if (addBib) {
			document.productForm.on1.value = 'Add Ons: Hat ($10) & Bib ($12)';
		}
	} else if (addBib) {
		document.productForm.on1.value = 'Add Ons: Bib ($12)';
		if (addHat) {
			document.productForm.on1.value = 'Add Ons: Hat ($10) & Bib ($12)';
		}
	} else {
		document.productForm.on1.value = 'Add Ons: None';
	}
	
	
	document.productForm.item_name.value = designNameColor;

	var productOptions = productColor + productChoiceName + ", Size: " + productSize;
	
	if (cityName) {
		productOptions = productOptions + ', City: ' + cityName;
	}

	
		if (document.productForm.discount_input.value != "") {
		document.productForm.discount_code.value = document.productForm.discount_input.value;
		}

	document.productForm.on0.value = productOptions;
	
	if (productColor == "-- ") {
		alert("Please choose a product color.");
		return false;
	} else {
	if (document.productForm.discount_input.value == "") {
	document.productForm.action = "https://www.paypal.com/cgi-bin/webscr";
	document.productForm.target = "paypal";
	} else {
	document.productForm.action = "http://www.hellobabywear.com/discount-proc.php";
	document.productForm.target = "_self";
	}
	
	document.productForm.submit();
	}
	
}


function goPage(pageName) {
	top.window.location.href = pageName;
}



function jumpToProduct(productNum) {
	//13
}



function doWellnessForm() {
	
	var emailStr = document.wellnessForm.email.value ;

	var emailPat = /^(.+)@(.+)$/ ;
	var matchArray = emailStr.match(emailPat) ;

	if (matchArray==null) {
		alert('Please enter a Valid email address.') ;
		document.wellnessForm.email.focus();
		return false;
	}

	formFull = false;
	allFields = document.wellnessForm.elements.length - 1;

for (i=0;i<allFields;i++) {
	if (document.wellnessForm.elements[i].value == "") {
		alert("Please fill out the form completely.");
		formFull = false;
		break;
	} else {
		formFull = true;
	}
	}
	
	if (formFull) {
		document.wellnessForm.action = "index.php?wellnesspdf";
		document.wellnessForm.submit();
	} else {
		return false;
	}
}


function showWellnessDetail(categoryName,itemNum,winSize) {

var url = 'detail.php?' + categoryName + '?' + itemNum;

if (winSize == "1") {
	var width = '400';
} else if (winSize == "2") {
	var width = '800';
}

var height = '402';
var windowName = 'detailWin' ;
var featureString = ',' + 'status=no,toolbar=no,directories=no,location=no,resizable=no,scrolling=no,scrollbars=no,favorites=no,menubar=no';

var x = Math.round((screen.availWidth - width) / 2);
var y = Math.round((screen.availHeight - height) / 2);
windowStuff = 'left=' + x + ',top=' + y + ',width=' + width + ',height=' + height + featureString;
return open (url, windowName, windowStuff);
}