<head>
<!--
<script type="text/javascript" src="http://www.atlasct.com/helper/"></script>
-->


	<title>
		Instant map
	</title>
	<script>
		function previewMap(target){
			//get_obj("address").value = get_obj("ol_address").value;
			
			var main_form = document.forms[0];
			//alert(main_form.country.value);

			if((main_form.country.value == "0")){

				alert("Please select country");
				return;

			}
			if((main_form.country.value == "0")){

				alert("Please select country");
				return;

			}
			document.forms[0].type.value = "map";
			document.forms[0].target = target;
			document.forms[0].submit()
		}

		function loadmap(){
			//alert(555);
			//return;
			//alert(document.forms)
			document.forms[0].target = "map_code";
			document.forms[0].type.value = "code";
			document.forms[0].submit()
			document.forms[0].type.value = "map";
			document.forms[0].target = "main";
			document.forms[0].submit()
		}
		function validate(){
			var main_form = document.forms[0];
			//alert(main_form.country.value);


			if((main_form.country.value == "0")){

				main_form.country.focus();
				alert("Please select country");
				return false;

			}
			if((main_form.domain.value == "")){
				main_form.domain.focus();
				alert("Please enter your site domain (i.e. www.exapmle.com)");
				return false;

			}
		}
		function buy(){

			var main_form = document.forms[0];
			//alert(main_form.country.value);


			if((main_form.country.value == "0")){

				main_form.country.focus();
				alert("Please select country");
				return;

			}
			if((main_form.skin.value == "0")){

				main_form.skin.focus();
				alert("Please select skin");
				return;

			}
			if((main_form.country.value == "0")){

				main_form.country.focus();
				alert("Please select country");
				return;

			}
			if((main_form.domain.value == "")){
				main_form.domain.focus();
				alert("Please enter your site domain (i.e. www.exapmle.com)");
				return;

			}

			//alert(555);
			//return;
			//alert(document.forms)
			var action = document.forms[0].action;
			//var new_action = "http://10.0.0.121/code/buy/form/?pid=22136&usr=AtlasCT";
			var new_action = "http://permissions.atlasct.com/buy/form/";//?pid=22136";//&usr=AtlasCT";
			//alert(document.forms[0].country.value);return;// = "buy";return;
			
			var cc = document.forms[0].country.value
			var pid = "22259";
			if(cc == "fra")
				pid = "22259";
			else
				if(cc == "esp")
					pid = "22349";
					
			document.forms[0].pid.value = pid;
				
			
			document.forms[0].target = "_self";
			document.forms[0].type.value = "buy";
			document.forms[0].action = new_action;
			document.forms[0].submit()
			document.forms[0].action = action;
			/*
			document.forms[0].type.value = "map";
			document.forms[0].target = "main";
			document.forms[0].submit()
			*/
		}

		//?pid=22136&usr=AtlasCT

		var lo = false;
		function load_once(){
			//alert(document.getElementById("main").src);

			if(lo)return;
			lo = true;
			loadmap();
		}
		function menu_changed(obj){
			//alert(obj.value);
			if(obj.value == 0)
				get_obj("skin").disabled = true;
			else
				get_obj("skin").disabled = false;
			
			previewMap('main');

		}



		function get_obj(oid){
			return document.getElementById(oid);
		}

		function find_address(){
			if (get_obj("ol_address").value == "")
				{
					alert("Onload address is empty.");
					get_obj("ol_address").focus();

				}
			else
				previewMap('main');
		}
////////////////////////////////////////////////////////////////////////////////////////////////////
		function openWindow(mylink, windowname, width, height,scrollbars){
			if (! window.focus)return true;
			var href;
			if (typeof(mylink) == 'string')
				href=mylink;
			else
				href=mylink.href;
			//alert(scrollbars);'toolbar=yes,location=no,  directories=no,status=no,menubar=no,scrollbars=yes,  resizable=no,
			window.open(href, windowname, 'top=70,left=100,'+scrollbars+',width='+width+',height='+height);
			return false;
		}
	</script>


	<script type="text/javascript">
		function fnSelect(objId)
		{
			fnDeSelect();
			if (document.selection)
			{
				var range = document.body.createTextRange();
				range.moveToElementText(document.getElementById(objId));
				range.select();
			}
			else if (window.getSelection)
			{
				var range = document.createRange();
				range.selectNode(document.getElementById(objId));
				window.getSelection().addRange(range);
			}
		}
		function fnDeSelect()
		{
			if (document.selection)
				document.selection.empty();
			else if (window.getSelection)
				window.getSelection().removeAllRanges();
		}
	</script>
</head>
<body onload="load_once();">
<style>

	.top img{
		/*border:#000 1px solid;*/
		width:185px;
		height:100px;
	}
	.top{

		width:90%;
		text-align:center;
		/*border:#000 1px solid;*/

	}
</style>
	<style>
		#app_main{
			border:#000 0px solid;
			display:block;
			/*
			height:200px;
			width:1100px!important;
			border:#000 1px solid;
			overflow:scroll;
			*/
		}
		form{
			width:100%;
			margin: 0;
			padding:0px;
		}
		FIELDSET.small {
			/*
			width:600px;
			width:90%;
			*/
			width:900px;

		}
		FIELDSET.small div{
			/*
			border:#000 1px solid;
			*/
			width:190px;
			display:inline-block!important;
			display:inline;


		}
		FIELDSET.main,FIELDSET.main #main{
			/*width:700px;*/

		}
		FIELDSET.preview_fieldset{
			width:900px;
			/*margin-top:100px;*/
			/*
			border:#000 1px solid;
			width:90%;
			border-right:none;
			border-left:none;
			*/
		}
		iframe#main{
			/*border:#000 1px solid;*/
			width:774px;
			width:850px;
			height:680px;

		}

		FIELDSET.small span{
			/*
			border:#000 1px solid;
			*/
			margin-left:10px;

		}
		FIELDSET.small{

			/*
			border-color:#4DEBE7;
			border:#4DEBE7 2px ridge;
			*/
			margin-right:15px;


		}
		FIELDSET iframe{

		}
		LEGEND
		{
			color:#206256;
			color:#2F409A;
			color:#191919;

			font-weight:bold;
			font-size:1.2em;
			/*
			font-family:'Century Gothic',Futura,'URW Gothic L',sans-serif;
			font-family:'Comic Sans MS',cursive;
			font-family:'Courier New',Courier,Freemono,'Nimbus Mono L',monospace;
			*/
			font-family:Constantina,Georgia,'Nimbus Roman No9 L',serif;
			font-family:Consolas,'Lucida Console','Bitstream Vera Sans Mono','DejaVu Sans Mono',monospace;
			font-family:arial;

		}
		/*body{			font-family:sans-serif;		}*/


		button{
			/*
			border:#000 1px solid;
			float:right;
			margin:10px;
			margin-right:30px;
			margin-bottom:0px;
			font-family:verdana;
			color:#206256;
			font-weight:bold;
			width:100px;
			height:30px;
			*/
			/*
			background-color:red;
			font-family:Consolas,'Lucida Console','Bitstream Vera Sans Mono','DejaVu Sans Mono',monospace;
			font-family:'Bookman Old Style',Bookman,'URW Bookman L',serif;
			font-family:arial;
			*/
		}
		label{

			/*
			margin:5px;
			font-family:Lucida, sans-serif;
			font-family:Helvetica, sans-serif;
			font-family:Gill Sans, sans-serif;
			font-family:Oldtown, fantasy;
			font-family:'Bookman Old Style',Bookman,'URW Bookman L',serif; loveat
			font-family:Consolas,'Lucida Console','Bitstream Vera Sans Mono','DejaVu Sans Mono',monospace;loveat
			*/
			color:#474747;
			color:#191919;
			font-family:'Bookman Old Style',Bookman,'URW Bookman L',serif;
			font-family:Consolas,'Lucida Console','Bitstream Vera Sans Mono','DejaVu Sans Mono',monospace;
			font-family:Cambria,'Palatino Linotype','Book Antiqua','URW Palladio L',serif;
			font-family:arial;

		}
		input,select{
			font-family:Consolas,'Lucida Console','Bitstream Vera Sans Mono','DejaVu Sans Mono',monospace;
			font-family:Cambria,'Palatino Linotype','Book Antiqua','URW Palladio L',serif;
			font-family:arial;

		}
		img{
			/*
			position:relative;
			float:right;
			margin:0 -200px 1.5em 200px;
			margin:-20px -2px 0px 0px;
			*/


		}

		button{

			margin:7px;
			/*
			border:#000 1px solid;
			float:right;
			*/
			font-family:verdana;
			color:#206256;
			color:#2F409A;
			color:#191919;
			font-weight:bold;
			height:30px;
			/*display:block;*/

			/*
			background-color:red;
			*/
			font-family:Consolas,'Lucida Console','Bitstream Vera Sans Mono','DejaVu Sans Mono',monospace;
			font-family:'Bookman Old Style',Bookman,'URW Bookman L',serif;
			font-family:arial;

		}

		button.map_preview{
			width:130px;
			/*
			height:30px;
			*/

		}

		button.continue{
			width:100px;
			/*
			margin:10px;
			margin-right:30px;
			margin-bottom:0px;
			*/


		}
		div.btns{



			background-color:#B7D2E9; /*#D2E3F1;*/
			background-color:#A0CA92; /*#D2E3F1;*/
			background-color:#BBE2AD; /*#D2E3F1;*/
			width:100%;
			text-align:center;
			margin-bottom:5px;
			margin-top:15px;
			width:925px!important;
			width:900px;
			/*
			float:left;
			*/

		}



			/*font-family:Cambria,'Palatino Linotype','Book Antiqua','URW Palladio L',serif;*/
		
		.steps{
			font-family:arial;
			color:#2F409A;
			color:#191919;

		}
		
		.steps b{

			font-size:1.3em;
		}


	.steps,.steps div{

		/*
		border:#000 1px solid;

			height:0px;*/

	}
		sup{
			color:red;
		}

	</style>
<div class="top">

<img src="http://www.atlasct.com/helper/create/images/steps/step_1_on.png">
<img src="http://www.atlasct.com/helper/create/images/steps/step_2.png">
<img src="http://www.atlasct.com/helper/create/images/steps/step_3.png">

		</div>
<div style="font-family:arial;font-size:0.8em;width:80%;margin:5px;float:left;">
The map website widget allows you to add map navigation to your web site, with a design map that will let your costumers find locations.
</div>

	<div id=app_main>




		<div style="float:left;">




			<form target=main action="map.php" method="get" >

				<FIELDSET CLASS="small">
					<LEGEND>Settings</LEGEND>
					<div style="__margin-left:20px;"></div>
					<br>
					
					<span class=space>&#8226;</span>

					<label for="country">Country:</label>
					

<select id=country name=country  onchange="previewMap('main');if(document.images) document.images['widget'].src='images/flag_'+this.options[this.selectedIndex].value+'.png';">

						<!--
					<select id=country name=country onchange="previewMap('main');">
						<option value="0">---country---</option>
						<option value="isr" selected>Israel</option>
						<option value="deu">Germany</option>
						<option value="gbr" selected>UK</option>
						<option value="sgp">Singapore</option>
						
						USA,
Netherlands,
Belgium
Luxembourg
Germany
UK
India
Portugal
Singapore
Andorra

						-->
						<option value="usa" style="background-image:url(images/flag_USA.png); padding-left:28px; background-repeat: no-repeat;">USA</option>
						<option value="NLD" style="background-image:url(images/flag_NLD.png); padding-left:28px; background-repeat: no-repeat;">Netherlands</option>
						<option value="BEL" style="background-image:url(images/flag_BEL.png); padding-left:28px; background-repeat: no-repeat;">Belgium</option>
						<option value="LUX" style="background-image:url(images/flag_LUX.png); padding-left:28px; background-repeat: no-repeat;">Luxembourg</option>
						<option value="DEU" style="background-image:url(images/flag_DEU.png); padding-left:28px; background-repeat: no-repeat;">Germany</option>
						<option value="GBR" style="background-image:url(images/flag_GBR.png); padding-left:28px; background-repeat: no-repeat;">UK</option>
						<option value="PRT" style="background-image:url(images/flag_PRT.png); padding-left:28px; background-repeat: no-repeat;">Portugal</option>
						<option value="SGP" style="background-image:url(images/flag_SGP.png); padding-left:28px; background-repeat: no-repeat;">Singapore</option>
						<option value="AND" style="background-image:url(images/flag_AND.png); padding-left:28px; background-repeat: no-repeat;">Andorra</option>
						<option value="fra" style="background-image:url(images/flag_FRA.png); padding-left:28px; background-repeat: no-repeat;">France</option>
						<option value="esp" style="background-image:url(images/flag_ESP.png); padding-left:28px; background-repeat: no-repeat;">Spain</option>
					</select>
					<img src="images/flag_fra.png" name="widget" alt="" style="margin:3px;padding:0px;" align=ABSMIDDLE  >
					<script>
					if(document.images) document.images['widget'].src = 'images/flag_'+get_obj("country").value+'.png';
					//alert(get_obj("country").value);
					</script>
					
					<span class=space>&#8226;</span>
					<label for="skin">
						Skin:
					</label>
					<select id=skin name=skin title="Select the appearance of the map menu"  onchange="previewMap('main');">
						<!--
						<option value="0">------- skin -------</option>
						-->
						<OPTGROUP label="Regular">

							<option value=standard selected>Standard</option>
							<option value=eggplant>Eggplant</option>
							<!--option value=eggplant2>Eggplant2</option-->
							<option value=forest>Forest</option>
							<option value=apple>Apple</option>
							<option value=orange>Orange</option>
							<option value=pink>Pink</option>
						</OPTGROUP>
						<OPTGROUP label="Special">
							<option value=space>Space</option>
							<option value=transparent>Transparent</option>
							<option value=monochrome>Monochrome</option>
						<!--
						-->
						</OPTGROUP>

					</select>

					<span class=space>&#8226;</span>

					<!--span class=space>|&diams;</span-->


					<label for="size">Dimensions:
					</label>
					<select id=size name=size onchange="previewMap('main');">
						<!--
						<option value="0">--size--</option>
						<option value="1" selected>300x300</option>
						-->
						<option value="2">400x400</option>
						<option value="3">500x400</option>
						<option value="4" selected>500x500</option>
						<option value="5">600x500</option>
						<option value="6">700x500</option>
						<option value="7">800x600</option>
					</select>
					<span class=space>&#8226;</span>

					<label for="size">Domain<sup>*</sup>:</label> <input name="domain">


					<br>
					<br>

					<span class=space>&#8226;</span>

					<label for="size">Menu:
					</label>
					<select id=menu_type name=menu_type onchange="menu_changed(this);">
						<option value="0">--No menu--</option>
						<!--
						<option value="1" selected>300x300</option>
						-->
						<option value="1" selected>Address search</option>
						<option value="2" disabled>Address & route</option>
						<!--
						<option value="4">500x500</option>
						<option value="5">600x500</option>
						<option value="6">700x500</option>
						<option value="7">800x600</option>
						-->
					</select>
					
					<span class=space>&#8226;</span>
					<label for="size">On load address:</label> <input name="ol_address" id="ol_address"> &nbsp; &nbsp; &nbsp;<input type="button" value="Display onload address" onclick="find_address();"><!-- or locate -->

					
					<sup style="margin-left:20px;margin-top:10px;float:left;">*<span style="color:#191919;">Required field. The domain field is the site name (i.e. <i>www.example.com</i>) in which the widget would appear.
					<br>
					<br>
					&nbsp; &nbsp; Price 49.95$ per month.
					</span></sup>

					<!--

					<kbd>[Width x Height]px</kbd>
					<br>
					<br>
					-->

					<div style="display:none!important;">

						<input type=radio name="menu_type_x" id="no_menu" value="0" />
						<label for="no_menu">No Menus</label>
						<br>
						<input type=radio name="menu_type_x" id="address_only" value="1" checked />
						<label for="address_only">Address search</label>

						<br>
						<input type=radio name="menu_type_x" id="address_n_route" value="2" />
						<label for="address_n_route">Address & route</label>
						<br />
					</div>

					<div style="display:none!important;">

						<input type=checkbox name=sla id=sla checked />
						<label for=sla>Single line address</label>
						<br />
						<input type=checkbox name=on_map_menu id=on_map_menu checked />
						<label for=on_map_menu>Menu on map</label>

					</div>




					<a href="http://developer.atlasct.com/products/web/widget/info" onclick="return openWindow(this, 'Help',920,480,'scrollbars=yes,resizeable=yes,')">
						<img src="images/help.png" align="right" border="0" title="More information" alt="Help" />
					</a>
				</FIELDSET>




				<input type=hidden name=type>
				<!--
				<input type=hidden name="address"  id="address">
				-->
				<input type=hidden name=u value="hagai_test">
				<input type=hidden name=pid value="22259">




			</form>
				<div class="btns">
					<button class="map_preview" onclick="previewMap('main');" >Preview</button>
					<button class="map_preview" onclick="previewMap('_blank');">Popup preview</button>
					<button class="continue" onclick="buy();">Step 2 >></button>
				</div>

			<FIELDSET CLASS="small" STYLE="display:none;">
				<legend>
					The Code
				</legend>
				<iframe src="blank.htm" name=map_code id=map_code frameborder=0></iframe>
			</FIELDSET>


		</div>

	</div>

	<FIELDSET CLASS="preview_fieldset">
		<legend>
			Preview
		</legend>
		<iframe id=main name=main  src=blank.htm style_="float:right;" frameborder=0>
		</iframe>
	</FIELDSET>

</body>









