function limitChars(textid, limit, infodiv)
{
	var text = $('#'+textid).val(); 
	var textlength = text.length;
	if(textlength > limit)
	{
		$('#'+infodiv).html('Only '+limit+' characters allowed!');
		$('#'+textid).val(text.substr(0,limit));
		return false;
	}
	else
	{
		$('#'+infodiv).html((limit - textlength));
		return true;
	}
}


$(document).ready(function(){

	//ajax call load up data for the product service browser second selection
	$("#sub1 li").click(function(){
		$(this).parent().find('.selected').removeClass('selected');
		$(this).addClass('selected');
		$("#sub3").html("<li class='no-arrow'>No Items</li>");
		$("#sub4").html("<li class='no-arrow'>No Items</li>");
		$("#sub2").html("");
		$("#loading-holder").find("img").css({'position':'absolute', 'margin':'100px 0px 0px 320px'});
		$("#loading-holder").show();
		
		var optionid = $(this).attr('value');
		$.ajax({
			url: "/ajax/get_sub2",
			type: "POST",
			dataType: "text",
			data:"id="+optionid,
			success: function(data,status)
			{
				$("#loading-holder").fadeOut('fast');
				
				if(data=="FALSE")
				{
					$("#sub2").html("<li class='no-arrow'>No Items</li>");
				}
				else
				{
					var myJson = $.parseJSON(data);
					for(var i=0; i<myJson.length; i++)
					{
						$("#sub2").append("<li value='"+myJson[i]['ID']+"'>"+myJson[i]['name']+"</li>");
					}
				}							
			},
			error: function(xhr, textStatus, errorThrown)
			{
				alert(xhr+"---"+textStatus+"---"+errorThrown);
			}
		});
	});

	//ajax call load up data for the product service browser third selection
	$("#sub2 li").live('click', function(){
		$(this).parent().find('.selected').removeClass('selected');
		$(this).addClass('selected');
		$("#sub4").html("<li class='no-arrow'>No Items</li>");
		$("#sub3").html("");
		$("#loading-holder").find("img").css({'position':'absolute', 'margin':'100px 0px 0px 560px'});
		$("#loading-holder").show();
		var optionid = $(this).attr('value');
		$.ajax({
			url: "/ajax/get_sub3",
			type: "POST",
			dataType: "text",
			data:"id="+optionid,
			success: function(data,status)
			{
				if(data=="FALSE")
				{
					$("#sub3").html("<li class='no-arrow'>No Items Found</li>");
				}
				else
				{
					$("#loading-holder").fadeOut('fast');
					
					var myJson = $.parseJSON(data);
					for(var i=0; i<myJson.length; i++)
					{
						$("#sub3").append("<li value='"+myJson[i]['ID']+"'>"+myJson[i]['name']+"</li>");
					}
				}							
			},
			error: function(xhr, textStatus, errorThrown)
			{
				alert(xhr+"---"+textStatus+"---"+errorThrown);
			}
		});
	});

	//ajax call load up data for the product service browser fourth and last selection
	$("#sub3 li").live('click', function(){
		$("#childcat").html($(this).text());
		var id=$(this).attr('value');
		var text=$(this).text();
		$("#add_ps").find("input[name='childcat']").val(id+":"+text);
		$(this).parent().find('.selected').removeClass('selected');
		$(this).addClass('selected');
		var optionid = $(this).attr('value');
		$("#sub4").html("");
		$("#loading-holder").find("img").css({'position':'absolute', 'margin':'100px 0px 0px 800px'});
		$("#loading-holder").show();
		$.ajax({
			url: "/ajax/get_sub4",
			type: "POST",
			dataType: "text",
			data:"id="+optionid,
			success: function(data,status)
			{
				if(data=="FALSE")
				{
					$("#sub4").html("<li class='no-arrow'>No Items</li>");
				}
				else
				{
					$("#loading-holder").fadeOut('fast');
					
					var myJson = $.parseJSON(data);
					for(var i=0; i<myJson.length; i++)
					{
						$("#sub4").append("<li value='"+myJson[i]['ID']+"' class='no-arrow'>"+myJson[i]['name']+"</li>");
					}
				}							
			},
			error: function(xhr, textStatus, errorThrown)
			{
				alert(xhr+"---"+textStatus+"---"+errorThrown);
			}
		});
	});
	
	//highlight the selected item in the product service seletor sub4
	$("#sub4 li").live('click', function(){
		$(this).parent().find('.selected').removeClass('selected');
		$(this).addClass('selected');
	});
	
	//btn click to add selected seller products/services to their selection for submission to database
	$("#btn-add-product-service").click(function(){
		var product_name = $("#sub4").find(".selected").html();
		var product_id = $("#sub4").find(".selected").attr('value');
		if(product_id !== undefined)
			{
			$("#prod-selections").append("<li><input name='seller_products[]' type='checkbox' value='"+product_id+"' checked='checked'>"+product_name+"</li>");
			}
		
	});
	
	/*GOOD EXAMPLE OF CHOOSING UNCHECKE check boxes
	//btn to remove checked items from sellers product/services before submitting to the database
	$("#btn-remove-product-selection").click(function(){
		$("#prod-selections").find("input[type='checkbox']:not(:checked)").parent().remove();
	});
	*/
	
	
	//ajax call to search for seller product services by term
	$("#seller-find-product-service-category").click(function(){
		$("#seller-prod-search-result").html("<li><img src='http://www.networkofbusiness.com/salestransactor/images/loading.gif'></li>");
		var search_term = $("#product_term").val();
		$.ajax({
			url: "/ajax/search_seller_product_term",
			type: "POST",
			dataType: "text",
			data:"term="+search_term,
			success: function(data,status)
			{
				$("#seller-prod-search-result").html("");
				if(data=="FALSE")
				{
					$("#seller-prod-search-result").html("<li>No Results Found</li>");
				}
				else
				{
					var myJson = $.parseJSON(data);
					for(var i=0; i<myJson.length; i++)
					{	
						$("#seller-prod-search-result").append("<li value='"+myJson[i]['ID']+"'>"+myJson[i]['name']+"</li>");
					}
				}							
			},
			error: function(xhr, textStatus, errorThrown)
			{
				$("#seller-prod-search-result").html("<li>Error try your search again.</li>");
				//alert(xhr+"---"+textStatus+"---"+errorThrown);
			}
		});
	});
	
	//highlight the selected item for seller product search results
	$("#seller-prod-search-result li").live('click', function(){
		$(this).parent().find('.selected').removeClass('selected');
		$(this).addClass('selected');
	});
	
	//btn click to add selected seller products/services to their selection for submission to database
	$("#btn-add-product-search-term").click(function(){
		var product_name = $("#seller-prod-search-result").find(".selected").html();
		var product_id = $("#seller-prod-search-result").find(".selected").attr('value');
		if(product_id !== undefined)
		{
			$("#prod-selections").append("<li><input name='seller_products[]' type='checkbox' value='"+product_id+"' checked='checked'>"+product_name+"</li>");
		}
	});
	
	//ajax call to get the region for country selected. Show the country if there is no region data for the country
	$("#area-country li").click(function(){
		$(this).parent().find('.selected').removeClass('selected');
		$(this).addClass('selected');
		$("#loading-holder").find("img").css({'position':'absolute', 'margin':'80px 0px 0px 650px'});
		$("#loading-holder").show();
		var countryid = $(this).attr('value');
		var countryname = $(this).html();
		$.ajax({
			url: "/ajax/get_region_by_country_id",
			type: "POST",
			dataType: "text",
			data:"countryid="+countryid,
			success: function(data,status)
			{
				$("#loading-holder").fadeOut('fast');
				
				if(data=="FALSE")
				{
					$("#area-region").html("<li class='no-arrow' countryname='"+countryname+"' countryid='"+countryid+"' regionid='0'>"+countryname+"</li>");
				}
				else
				{
					$("#area-region").html("");
					var myJson = $.parseJSON(data);
					for(var i=0; i<myJson.length; i++)
					{	
						if(myJson[i]['Region'] !== "---")
						{
							$("#area-region").append("<li class='no-arrow' countryname='"+countryname+"' countryid='"+myJson[i]['Country_ID']+"' regionid='"+myJson[i]['ID']+"'>"+myJson[i]['Region']+"</li>");
						}
					}
				}							
			},
			error: function(xhr, textStatus, errorThrown)
			{
				alert(xhr+"---"+textStatus+"---"+errorThrown);
			}
		});
	});
	
	//highlight the selected region
	$("#area-region li").live('click', function(){
		$(this).parent().find('.selected').removeClass('selected');
		$(this).addClass('selected');
	});
	
	//btn click to add area to their selection for submission to database
	$("#btn-add-area").click(function(){
		var area_name = $("#area-region").find(".selected").html();
		var regionid = $("#area-region").find(".selected").attr('regionid');
		var countryid = $("#area-region").find(".selected").attr('countryid');
		var countryname = $("#area-region").find(".selected").attr('countryname');
		if(countryid !== undefined)
		{
			if(regionid > 0)
			{
				$("#area-selections").append("<li><input name='seller_areas_region_only[]' type='checkbox' value='"+regionid+"' checked='checked'>"+area_name+"("+countryname+")"+"</li>");
			}
			else
			{
				$("#area-selections").append("<li><input name='seller_areas_country_only[]' type='checkbox' value='"+countryid+"' checked='checked'>No Region"+"("+area_name+")"+"</li>");
			}
		}
		
	});
	
	/* //used to hide the area selector when user chooses global. don't need this for now
	$("#frmAreaSelector input[name='global']").change(function(){
		var trigger = $("#frmAreaSelector input[name='global']:checked").attr('value');
		if(trigger==1)
		{
			$("#area-select-global-holder").slideUp(400);
		}
		else
		{
			$("#area-select-global-holder").slideDown(400);
		}
	});*/
	
	
	//ajax call to get the region for country selected. 
	$("#CountryID").change(function(){
		var countryid = $(this).find("option:selected").val();
		$.ajax({
			url: "/ajax/get_region_by_country_id",
			type: "POST",
			dataType: "text",
			data:"countryid="+countryid,
			success: function(data,status)
			{
				$("#loading-holder").fadeOut('fast');
				
				if(data=="FALSE")
				{
					$("#RegionID").attr('disabled', 'disabled');
					$("#RegionID").html("<option value='0'>----------------------</option>");
				}
				else
				{
					$("#RegionID").html("");
					$("#RegionID").removeAttr('disabled');
					var myJson = $.parseJSON(data);
					for(var i=0; i<myJson.length; i++)
					{	
						if(myJson[i]['Region'] !== "---")
						{
							$("#RegionID").append("<option value='"+myJson[i]['ID']+"'>"+myJson[i]['Region']+"</option>");
						}
					}
				}							
			},
			error: function(xhr, textStatus, errorThrown)
			{
				alert(xhr+"---"+textStatus+"---"+errorThrown);
			}
		});
	});
	
	//if select-all-industries is checked then check all the industries
	$("#select-all-industries").change(function(){
		var checked = $("#select-all-industries").attr('checked');
		if(checked)
		{
			$("#stIndSelector").find("li").find("input[name='selected_industries[]']").attr('checked', "checked");
		}
		else
		{
			$("#stIndSelector").find("li").find("input[name='selected_industries[]']").removeAttr('checked');
		}
	});
	
	$('#CompanyHeadline').keyup(function(){
		limitChars('CompanyHeadline', 100, 'charlimitinfo');
	});
	
	$('#regular-message').keyup(function(){
		limitChars('regular-message', 100, 'charlimitinfo');
	});
	
	$('#ratings-message').keyup(function(){
		limitChars('ratings-message', 100, 'charlimitinfo');
	});
	
	$('#bpresponsemessage').keyup(function(){
		limitChars('bpresponsemessage', 300, 'charlimitinfo');
	});
	
	$('#txt-area-limit').keyup(function(){
		limitChars('txt-area-limit', 300, 'charlimitinfo');
	});
	
	$("#refresh-seller-business-info").click(function(){
		window.location.reload(true);
	});
	
	//limit ref invite message to 300 characters refinvite-textarea
	$("#refinvite-textarea").keyup(function(){
		limitChars("refinvite-textarea", 300, "charlimitinfo");
	});
	
	//add firstname lastname company name and email fields for invite references
	$("#add-ref-invites").click(function(){
		$("#ref-invites").append("<ul class='stRefInviteBody'>"+
				"<li><input type='text' name='firstname[]' value=''></li>"+
				"<li><input type='text' name='lastname[]' value=''></li>"+
				"<li><input type='text' name='companyname[]' value=''></li>"+
	            "<li><input type='text' name='email[]' value=''></li>" +
	            "<li><span class='invite-remove button small blue'>remove</span></li>" +
	            "</ul>");
	});
	
	$(".invite-remove").live('click', function(){
		$(this).parent().parent().remove();
	});
	
	$(".open-hidden-sub-form").click(function(){
		
	});
			
});


	
	
	
	
	
  
