//Some basic info about the store used by cookie.js for saving cookies
	var cart_cookie_name = "tnt_cart";
	
	//Non-inline frame cart requires these to be set
	var cart_count = 0;
	var basket = "";

	//Set the store tracker cookie
	var expdate = new Date();
	FixCookieDate(expdate);			//fix date for Macs
	expdate.setTime(expdate.getTime() + (24 * 60 * 60 * 1000));		//24 hours from now
	SetCookie("gs_st","38.107.191.108-1283912056",expdate,"/",null,false);

	//build the pid objects
	//basic info will be need to display on the form
	var pid_list = new Array;

	//This keeps track of the type of subs we have
	//This way we can turn on and off certain type of subscription services
	var sub_type_pids = new Array; 


	//Used to keep subscriptions and non-subs organized
	var ptype = new Array(2);

	function formBuilder()
	{
		//No one loaded storetracker with any products
		if(pid_list.length == 0){
			alert("No Product Ids were loaded in Store Tracker to build a form with.  Cannot build the form");
			return(false);

		//They are trying to build a form without any products/services
		} else if(arguments.length == 0){
			alert("No Product Ids were passed in to build a form with.  Cannot build the form");
			return(false);
		}

		//This is for the two type of forms we have to build
		//Non-Sub are not categorized by type... very simple
		//Sub forms have groups and service types
		ptype[0] = new Array;		//Non-Sub
		ptype[1] = new Array;		//Sub


		//begin writing the basic stuff for the form
		document.writeln("<div class='div_product_form'>");
		document.writeln("<form action='/cgi-bin/store_bagger.cgi' onSubmit='addSubs(this); return callToServer(this)' name='item' style='margin: 0px'>");
		document.writeln("<input type='hidden' name='scm_id' value=''>");
		document.writeln("<input type='hidden' name='gs_id' value='1'>");
		
		//If only 1 product is passed in, we do a simply "Add to Cart" button add form
		if(arguments.length == 1 && (pid_list[arguments[0]].is_sub == 0 || (pid_list[arguments[0]].is_sub == 1 && pid_list[arguments[0]].rates.length == 1))){
			writePid(loadPid(arguments[0]),"hidden");
				

		//Otherwise, we use checkboxes along with the "Add to Cart" button
		} else {

			//Sort out the non-subs from the subs
			for(var a=0; a<arguments.length; a++){
				var d = loadPid(arguments[a]);
				ptype[d.is_sub].push(d);
			}

			//Start show the form for each type... non-subs first
			for(var t=0; t<ptype.length; t++)
			{
				for(var d=0; d<ptype[t].length; d++)
				{
					//This should be the final called block after the non-subs are shown
					//we will use all of the subs in a single structure vs listing them the same as non-subs
					if(t == 1){
						writeSubs(ptype[t]);
						d = ptype[t].length;
					} else {
						writePid(ptype[t][d],"checkbox");
					}
				}
			}
		}
		
		//Finish the form
		document.writeln("<div class='div_product_form_submit'><input type='submit' value='Add to Cart'></div>");
		document.writeln("</form></div>");
	}

	function loadPid(pid)
	{
		//Make sure the product we are loading has been declared and grab the details for the item being loaded

		//This protects against hybrid product ids for subscriptions
		//ie product_id-rate_id
		if(pid.toString().match(/-/g))
			pid = pid.split(/-/)[0];
			
		if(pid_list.length < pid || pid_list[pid] == undefined){
			alert("Sorry... Product id: "+pid+" was not loaded in the store_tracker declaration.  Cannot build the form.");
			return(false);
		}
		return(pid_list[pid]);
	}

	function writePid(d,pid_form_type)
	{
		//Show the product
		document.writeln("<div name='div_product_name'><input type='"+pid_form_type+"' name='pid' value='"+d.pid+"'><input type='hidden' name='qty' value='1'>");
		if((ptype[0].length + ptype[1].length) > 1)
			document.writeln("<font class='product_name'>"+d.name+"</font><br><br>");
			
		document.writeln("</div>");

		//This keeps the name and the prices in line
		//otherwise, a checkbox may cause them to not line up as nice
		var tab = "";
		if(!pid_form_type.match(/hidden/g))
			tab = "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";

		//If there is a savings to promote... do it!
		if(d.savings > 0)
			document.writeln("<div name='div_product_save'>"+tab+"<font class='product_msrp'>Regularly $"+d.msrp+"</font> <font class='product_save'>Save $"+d.savings+"</font></div>");

		//Finally show then the final price... rock bottom prices everyday :)
		document.writeln("<div name='div_product_price'>"+tab+"<font class='product_price'>Only $"+d.price+"</font><br><br></div>");
	}
	
	//Ok this one is fun...
	function writeSubs(list)
	{
		//list should be an array of service pids...

		
		//This array keeps each type of services separate... ie Futures is not the same as Options
		//likewise newsletters are not the same as data services
		//since you have a futures and options service and since all form fields are named 'pid'... this causes problems
		//because in a radio button world, you can only have one unless you use separate forms or separate form field names
		//we could use check boxes... but would be misleading... can I really have a monthly and an annual at once?
		//yah, yah, yah... we can control selecting both, but radio buttons are a better fit.

		//we will use separate form field names based on type and then put the into the correct names during submission
		
		//loop through all of the services we have
		for(var i=0; i<list.length; i++)
		{
			var d = list[i];
			
			//Of course we only want to show the category the first time we use start it...
			document.writeln("<div class='div_service_name'><font class='service_name'><input type='checkbox' name='sub_id' value='"+d.pid+"' onClick='enableSubs(this.form,this)'>"+d.name+"</font></div>");
			document.writeln("<table cellspacing=0 cellpadding=1>");
			//if the service matches the type... then show it.
			for(var r=0; r<d.rates.length; r++)
			{
				var rate = d.rates[r];
				
				//show the service type along
				document.writeln("<tr><td width=35 align='right'><input type='radio' name='pid_"+d.pid+"' value='"+rate.rate_id+"' disabled onClick='updateServiceTotal(this.form)'></td>");
				document.writeln("<td class='service_rate_name'><input type='hidden' name='qty_"+d.pid+"' value='1'>"+rate.name+":</td>");
				document.writeln("<td width=5></td><td class='service_price'>Avg $"+rate.mon_rate+"/mo</td>");
				document.writeln("<td width=5></td><td class='service_save'>");
				if(rate.savings > 0)
					document.writeln("SAVE "+rate.savings_percent+"%!");
				document.writeln("</td></tr>");

				//This keeps an idex of where all services are for the type
				//this way when we want to turn on only the Futures services... we now to turn on pid_1[0] - pid_1[2] and so forth
//				sub_type_pids[t].push(found);
//				found++;
			}
			document.writeln("</table><br>");
		}

		//Show the man how much he is spending for all of his services... especially how much he is saving
		//document.writeln("<div class='div_service_save'><br><font class='service_total'>Service Total: $ </font><input type=text name='service_total' value='0.00' style='border: 0px; background-color: transparent' size=40 class='service_total'><br><br></div>");
	}

	//This allows us to turn on and off all of the services for a given service type.
	function enableSubs(form,sub_type)
	{
		var status = true;
		if(sub_type.checked)
			status = false;

		var pid = sub_type.value;
		
		var found = 0;
		for(var f=0; f<form.elements.length; f++)
		{
			var check_state = false;
			if(status == false && found==0)
				check_state = true;
			
			if(form.elements[f].name == 'pid_'+pid){
				form.elements[f].checked = check_state;
				form.elements[f].disabled = status;
				found++;
			}
		}


		//since we default to a service when selected, we need to make sure our servict total is updated as well
		updateServiceTotal(form);
	}

	//Simple and to the point.
	function updateServiceTotal(form)
	{
		var tot_obj = new Object();
		tot_obj.total = 0;
		tot_obj.savings = 0;
		tot_obj.savings_percent = 0;
		tot_obj.found = 0;

		//loop through all of the selected services and do the math...
		if(form.sub_id.value)
			tot_obj = updateSubSave(form,form.sub_id.value,tot_obj);

		else {
			for(var s=0; s<form.sub_id.length; s++)
				tot_obj = updateSubSave(form,form.sub_id[s].value,tot_obj);
		}
		if(tot_obj.found > 0)
			tot_obj.savings_percent = (tot_obj.savings_percent/tot_obj.found);

		var tot_txt = tot_obj.total.toFixed(2);
		if(tot_obj.savings > 0)
			tot_txt += " ... Total Savings: $"+tot_obj.savings.toFixed(2)+" ( "+tot_obj.savings_percent.toFixed(1)+"% )";

		if(form.service_total)
			form.service_total.value = tot_txt; 



		function updateSubSave(form,pid,tot_obj)
		{
			var rate_found = 0;
			for(var f=0; f<form.elements.length; f++)
			{
				if(form.elements[f].name == 'pid_'+pid)
				{
					if(form.elements[f].checked)
					{
						tot_obj.total += parseFloat(pid_list[pid].rates[rate_found].rate);
						tot_obj.savings += parseFloat(pid_list[pid].rates[rate_found].savings);
						tot_obj.savings_percent += parseFloat(pid_list[pid].rates[rate_found].savings_percent);
						tot_obj.found++;
					}
					rate_found++;
				}
			}
			return(tot_obj);
		}
	}

	//This now takes all of those fun created pid_1... and makes them into the real pid field names for processing
	function addSubs(form)
	{
		//This function is only needed for subscriptions
		if(!form.sub_id)
			return(true);

		//first check to see if we are even dealing with any selected services in this form
		//since we use document.getElementsByName(), which spans all forms, this gave me greif.
		//so we ensure our form has a data service first before we continue.
		//just do have two or more separate forms with services...
		//otherwise the form you are submitting will also add any selected fields for other forms with data services.
		//one option is to deselect all form fields after submission... but we will see how the application is used.
		
		
		//Ok... if the form has already submitted once before, we need to make sure to clean out all of the pid fields we created
		//kinda like creating a clean slate to write on again.
		//We need to destroy the existing items for the data services as they set so we can add new ones
		//only kill the subs in the form since they are being recreated below
		var pid_removed = 0;
		var qty_removed = 0;
		for(var f=0; f<form.childNodes.length; f++)
		{
			var child = form.childNodes[f];
			if(child.name == 'pid')
			{
				var d = loadPid(child.value);
				if(d.is_sub)
				{
					//alert("removing pid: "+ child.value);
					form.removeChild(child);
					pid_removed++;
				}
			}
			//make sure all of our qty field counts match the pid field counts
			if(child.name == 'qty' && qty_removed < pid_removed){
				form.removeChild(child);
				qty_removed++;
			}
		}
	
		//ok... see what services are selected and add them to the form properly with field names of pid and qty
		var pidChildren = new Array;
		var qtyChildren = new Array;

		if(form.sub_id.value){
			createFormInput(form,form.sub_id.value,pidChildren,qtyChildren);
		} else {
			for(var s=0; s<form.sub_id.length; s++)
				createFormInput(form,form.sub_id[s].value,pidChildren,qtyChildren);
		}
		
		for(var c=0; c<pidChildren.length; c++){
			form.appendChild(pidChildren[c]);
			form.appendChild(qtyChildren[c]);
		}


		function createFormInput(form,pid,pidChildren,qtyChildren)
		{
			for(var f=0; f<form.elements.length; f++)
			{
				if(form.elements[f].name == 'pid_'+pid && form.elements[f].checked)
				{
					var pidElem = document.createElement('input');
					pidElem.setAttribute('type','hidden');
					pidElem.setAttribute('name','pid');
					pidElem.setAttribute('value',pid+"-"+form.elements[f].value);		//sub_pid-rate_id
		
					var qtyElem = document.createElement('input');
					qtyElem.setAttribute('type','hidden');
					qtyElem.setAttribute('name','qty');
					qtyElem.setAttribute('value','1');
					
					pidChildren.push(pidElem);
					qtyChildren.push(qtyElem);
				}
			}
		}
	}