//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.179.220-1337218999",expdate,"/","trackntrade.com",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);

	// For beta.trackntrade.com we are going to send back what needs to be printed rather than print
	var form = '';

	function formBuilder()
	{
		// clear any existing form contents
		form = '';
		
		//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
		form += "<div class='div_product_form'>";
		form += "<form action='/cgi-bin/tnt/store_bagger_data.cgi' onSubmit='addSubs(this); return callToServer(this)' name='item' style='margin: 0px'>";
		form += "<input type='hidden' name='scm_id' value=''>";
		form += "<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 and send back to requesting call
		form += "<div class='div_product_form_submit' style='padding-bottom: 10px; text-align: center;'><input type='image' src='/images/buttons/add_to_cart_service_t.png' id='service_addcart' /></div>";
		form += "</form></div>";
		return(form);
	}

	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
		form += "<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)
			form += "<font class='product_name'>"+d.name+"</font><br><br>";
			
		form += "</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)
			form += "<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 :)
		form += "<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]; 
			if (d.pid == 297) {
				// we're adding this manually (forex free data) so skip it
				continue;	
			}			
			//Of course we only want to show the category the first time we use start it...
			form += "<div class='service_name'><font>";
			
			// have checkbox if there's only one service item .. also don't show if it's forex since we group 2 from list into 1
			if (list.length > 1 && d.pid != 244)
			{
				form += "<input type='checkbox' name='sub_id' value='"+d.pid+"' checked='checked' onclick='enableSubs(this.form,this)' />";
			} else {
				
				// we are using sub_id later to determine that it's a sub service form instead of regular product form
				// so we make sure we still have it 
				form += "<input type='hidden' name='sub_id' value='"+d.pid+"' />";
			}
			form += d.name;
			if (d.parans != '')
				form += "<br />"+d.parans;
	
			form += "</font></div>";


			form += "<table cellspacing=0 cellpadding=1 style='margin-bottom: 8px'>";
			form += "<tr><th style='width: 126px' colspan='2'>Billing Cycle</th><th style='width: 155px'>Monthly Average</th><th colspan='2' style='width: 165px'>Savings</th></tr>";
			//if the service matches the type... then show it.
			for(var r=0; r<d.rates.length; r++)
			{
				var rate = d.rates[r]; 
				
				/*
				*	Custom Adjustments
				*/ 
				if (rate.tl == 12 && d.pid != 244) {				// default to annual which is middle as of 8-4-2010
					checked_radio = 'checked';
				} else {
					checked_radio = '';	
				}

				// 8-4-2010 ... list free forex term (1 mo fixed) with the auto-renew terms
				if (d.pid == 244 && r == 0) {
					form += "<tr><td><input type='radio' name='pid_244' value='155' onClick='updateServiceTotal(this.form)' checked='checked' /></td>";
					form += "<td class='service_rate_name'><input type='hidden' name='qty_297' value='1'>Free with<br />Active Acct*</td>";
					form += "<td class='service_price'>$0</td>";
					form += "<td class='service_save'><span class='freetext'>FREE!</span></td></tr>";
					form += "<tr><td><br /><b>OR</b></td></tr>";
				}
				
				/*
				* 	Show Service Rates
				*/
				form += "<tr><td><input type='radio' name='pid_"+d.pid+"' value='"+rate.rate_id+"' onClick='updateServiceTotal(this.form)' " + checked_radio + " /></td>";
				form += "<td class='service_rate_name'><input type='hidden' name='qty_"+d.pid+"' value='1'>"+rate.name+"</td>";
				form += "<td class='service_price'>$"+rate.mon_rate+"</td>";
				form += "<td class='service_save'>";
				if(rate.true_savings > 0) {
					form += "$" + rate.true_savings;
					form += "<span class='freetext'> [" + rate.months_free + " month(s) FREE!]</span>";
				}
				form += "</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++;
			}
			form += "</table><br>";
		
			// 8-4-2010 ... determined to list free forex term (with active account) with the auto-renew terms
			if (d.pid == 244) {
				form += "<div class='forex_data'><p>*To Qualify for Free Data:</p>";
				form += "<ol><li>Open a real money trading account, within 30 days from the date of purchase, with FXCM, through Gecko Financial Services, and fund it with a minimum of $1,000. To get started, <a target='_blank' href='http://www.geckofs.com/forexapply.htm'>click here</a>.</li>";
				form += "<li>Place at least one trade per month to be considered an Active Trader.</li></ol><br />";
				form += "<p><b>Already have an FXCM account?</b> Email <a href='mailto:info@geckofs.com'>info@geckofs.com</a> to see if your current account qualifies for the Active	Trader program.</p></div>";
				break;	
			}
		}

		//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');
					
					// if we get 244-155, we need 297-155 ... since we put 155 rate with 244 data group (but it really is 297 fixed term) to have radio with others
					if (pid == 244 && form.elements[f].value == 155) { pid = 297 };
					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);
				}
			}
		}
	}