AjaxMobile = Class.create();

AjaxMobile.prototype = {

	initialize:function() {
	 
	},
		
	runAjax:function(phoneNumber) {
		var message = getSkuInfo();
		
		if (message != '') {
			currentTime = new Date();
			ajaxSetTimeOut("AjaxMobile.onFailureHandler()");
			var goAjax = new Ajax.Request(
				'/global/includes/send_to_phone.jsp',
				{
					method: 'post',
					parameters: 'currentTime='+currentTime.getTime(),
					postBody: "phoneNumber=" + phoneNumber + "&message=" + encodeURI(message) + " Std rates apply. Help? Reply HELP. Quit? Reply STOP. T/C: covergirl.com.",
					onLoading: this.onLoadingHandler,
					onFailure: this.onFailureHandler,
					onSuccess: this.onSuccessHandler
					//onComplete: this.onCompleteHandler
				});
		}
		else {
			$('msg').innerHTML='Please select at<br />least one product.';			
		}
	},

	onSuccessHandler:function(transport){
		clearTimeout(ajaxTimer);
		var response = transport.responseText || "no response text";
		if(trimAll(response) == '0')  {
			//alert("Success: Your list has been sent!");
			$('msg').innerHTML="Success: Your list has been sent!";
		}else{
			//alert("Error: Your list could not be sent!");
			$('msg').innerHTML='Error: Your list could not be sent!';
		}
		setHideMobileTimer();
	},
	
	onLoadingHandler:function() {		
		$('msg').innerHTML = '<img src="/global/images/cg_loader_animation.gif" border="0" alt="loading" />';					
	},
	
	onFailureHandler:function(){
		clearTimeout(ajaxTimer);
		$('msg').innerHTML='Error: Your list could not be sent!';
	},
	onEmptyHandler:function(){
		clearTimeout(ajaxTimer);
		$('cgOverlayBody').innerHTML='Please select at least one product.';
	}
}

var AjaxMobile = new AjaxMobile;
var products = new Array();

function product(shortName, shadeName, shadeNum, storeSkuId) {
	this.shortName = shortName;
	this.shadeName = shadeName;
	this.shadeNum = shadeNum;
	this.storeSkuId = storeSkuId;
}

function sendToPhone() {
	var phoneNumber = document.getElementById('phone1').value+document.getElementById('phone2').value+document.getElementById('phone3').value;
	/*
	var stripped = phoneNumber.replace(/[\(\)\.\-\ ]/g, '');
	//strip out acceptable non-numeric characters
					
	if (phoneNumber == "" || isNaN(parseInt(stripped))) {
		//alert("enter a valid cell phone number");
		$('msg').innerHTML = "Enter a valid cell phone number";
	}
	else if (!(stripped.length == 10)) {
		//alert("The phone number is the wrong length. Make sure you included an area code.");
		$('msg').innerHTML = "The phone number is the wrong length. Make sure you included an area code.";
	}
	else if($('tc').checked == false) {
		$('msg').innerHTML = "You must accept the above terms to proceed.";
	}
	else{
		//strip out acceptable non-numeric characters
		phoneNumber = '1' + phoneNumber;
		AjaxMobile.runAjax(phoneNumber);
	}*/
	
	if (FormValidation.goValidate('sendToMobileForm')) {
		if($('tc').checked == false) {
			$('msg').innerHTML = "You must accept the above terms to proceed.";
		}else{
			$('msg').innerHTML = "";
			phoneNumber = '1' + phoneNumber;
			AjaxMobile.runAjax(phoneNumber);
		}
	}
}

function getSkuInfo() {
	var sku;
	var message = '';
	var isFirstNum = true;
	if (document.forms['productForm'].elements['sku']) {
		if( isNaN(document.forms['productForm'].sku.length)) {
			if (document.forms['productForm'].elements['sku'] && document.forms['productForm'].elements['sku'].checked == true) {
				sku = document.forms['productForm'].elements['sku'].value;
				message += products[sku].shortName + ' ' + products[sku].shadeName + ' ' + products[sku].shadeNum;			
			}
		}
		else {
			for (i=0;i<document.forms['productForm'].sku.length;i++) {
				if ( document.forms['productForm'].sku[i].checked == true ) {		
					if (isFirstNum) { isFirstNum = false; }
					else { message += ', ';  }
					sku = document.forms['productForm'].sku[i].value;
					message += products[sku].shortName + ' ' + products[sku].shadeName + ' ' + products[sku].shadeNum;
				}		
			}
		}
	}	
	return message;
}

var m_playspeed = 5000;  //change this to the speed you want
var m_slideTimer;

function setHideMobileTimer() {
	m_slideTimer = setTimeout("hideMobileContainer()", m_playspeed); //settime out
}

function hideMobileContainer() {	
	$('sendToMobileContainer').style.display='none';
	$('msg').innerHTML = '';
	clearTimeout(m_slideTimer); //clear the time out		
}