var layoutText = 'Fixed';

var horizontalAlignment = 'Left'; 

var headerFooterStretched = 'No';

var verticalAlignment = 'Top'; 

var footerAtBottom = 'No';

	

var OperaBrowserCompatibility = 'No';

var SafariGoogleChromeBrowserCompatibility = 'No';

var  W3CValidShorthanded = 'No';

var  SEOSemantic  = 'No';

var  LoadSpeedOptimization  = 'No';



var WaiCompatibility = 'No';

var WYSIWYGCompatibility = 'None';

var PrintCSSVersion = 'No';

var ImplementRollovers = 'No';

var ImplementDynamicMenus = 'None';

	

var sIFRTextThing = 'No';

var  CommentedCSS  = 'No';

var  CodeType  = 'W3C Valid XHTML 1.0 Transitional';

var  TablelessCoding   = 'Yes';



var  MarkupCommented   = 'No';

var JavascriptFramework = 'None';



// jquery



$(document).ready(function(){

	

		 $("#layoutwidth").slider({

				 value:3,

				min: 1,

				max: 20, 

				 

				stop: function(event, ui) 

				{

					if(ui.value < 12)

					{	

						layoutText = 'Fixed';

						$('#layoutwidth').slider("value",3);

					}

					else

					{

						layoutText = 'Flexible';

						$('#layoutwidth').slider("value",16);

					}

					SetPriceValue2Items('layoutwidthSpan', ui.value,  12, "0", layoutwidth_Flexible);

				}

			});

		 

 

			 $("#headerfooterstretched").slider({

				 value:3,

				min: 1,

				max: 20 ,

				 

				stop: function(event, ui) 

				{

					if(ui.value < 12)

					{

						$('#headerfooterstretched').slider("value",3);

						headerFooterStretched = 'No';

					}

					else

					{

						$('#headerfooterstretched').slider("value",16);

						headerFooterStretched = 'Yes';

					}

					

					SetPriceValue2Items('headerfooterstretchedSpan', ui.value,  12, "0", headerfooterstreched_Yes);

	

				}

			});

			

			 $("#footeratbottom").slider({

				 value:3,

				min: 1,

				max: 20 ,

				 

				stop: function(event, ui) 

				{

					if(ui.value < 12)

					{

						$('#footeratbottom').slider("value",3);

						footerAtBottom  = 'No';

					}

					else

					{

						$('#footeratbottom').slider("value",16);

						footerAtBottom = 'Yes';

					}

								

					SetPriceValue2Items('footeratbottomSpan', ui.value,  12, "0", footeratbottom_Yes );

			 

				}

			});

			

		 



			 $("#operacompatibility").slider({

				 value:3,

				min: 1,

				max: 20 ,

				

				stop: function(event, ui) 

				{

					if(ui.value < 12)

					{

						$('#operacompatibility').slider("value",3);

						OperaBrowserCompatibility = 'No';

	 

					}

					else

					{

						$('#operacompatibility').slider("value",16);

						OperaBrowserCompatibility = 'Yes';

	 

					}

	

	 				var p2 = document.getElementById('package2');



					if (p2.checked) // if advanced

						SetPriceValue2Items('operacompatibilitySpan', ui.value,  12, operacompability_No_ADV, "Included");		 

					else // pro

						SetPriceValue2Items('operacompatibilitySpan', ui.value,  12, operacompability_No_PRO, operacompability_Yes_PRO);

			  

				}

			});

	

			$("#safaricompatibility").slider({

				 value:3,

				min: 1,

				max: 20 ,

				 

				stop: function(event, ui) 

				{

					if(ui.value < 12)

					{

						$('#safaricompatibility').slider("value",3);

						SafariGoogleChromeBrowserCompatibility = 'No';

					}

					else

					{

						$('#safaricompatibility').slider("value",16);

						SafariGoogleChromeBrowserCompatibility = 'Yes';

	 

					}

 				

					var p2 = document.getElementById('package2');



					if (p2.checked) // if advanced

						SetPriceValue2Items('safaricompatibilitySpan', ui.value,  12, safaricompability_No_ADV, "Included" );

					else

						SetPriceValue2Items('safaricompatibilitySpan', ui.value,  12, safaricompability_No_PRO , safaricompability_Yes_PRO);



				}

			});

	

			$("#waicompatibility").slider({

				 value:3,

				min: 1,

				max: 20 ,

				 

				stop: function(event, ui) 

				{

					if(ui.value < 12)

					{

						$('#waicompatibility').slider("value",3);

						WaiCompatibility = 'No';

					}

					else

					{

						$('#waicompatibility').slider("value",16);

						WaiCompatibility = 'Yes';

					}

				 

					SetPriceValue2Items('waicompatibilitySpan', ui.value,  12, "0", waicompatibility_Yes);

			 

				}

			});



			$("#printcss").slider({

				 value:3,

				min: 1,

				max: 20 ,

				 

				stop: function(event, ui) 

				{

					if(ui.value < 12)

					{

						$('#printcss').slider("value",3); 

	 					PrintCSSVersion = 'No'; 

					}

					else

					{

						$('#printcss').slider("value",16)

						var OperaBrowserCompatibility = 'No';

	 					PrintCSSVersion = 'Yes';

					}

	

					SetPriceValue2Items('printcssSpan', ui.value,  12, "0", printcssVersion_Yes );

			 

				}

			});

	

	

			$("#implementrollovers").slider({

				 value:3,

				min: 1,

				max: 20 ,

				 

				stop: function(event, ui) 

				{

					if(ui.value < 12)

					{

						$('#implementrollovers').slider("value",3);

						ImplementRollovers = 'No';

					}

					else

					{

						$('#implementrollovers').slider("value",16);

						ImplementRollovers = 'Yes';

					}

		

					 SetPriceValue2Items('implementrolloversSpan', ui.value,  12, "0", implementRollovers_Yes);

			 

				}

			});

	

	   

			$("#sifr").slider({

				 value:3,

				min: 1,

				max: 20 ,

				 

				stop: function(event, ui) 

				{

					if(ui.value < 12)

					{

						$('#sifr').slider("value",3);

						sIFRTextThing = 'No';

	 

					}

					else

					{

						$('#sifr').slider("value",16);

						sIFRTextThing = 'Yes';

	 

					}

					

					 SetPriceValue2Items('sifrSpan', ui.value,  12, "0", sifr_Yes );

			 

				}

			});

	

			$("#w3validshorthanded").slider({

				 value:3,

				min: 1,

				max: 20 ,

				 

				stop: function(event, ui) 

				{

					if(ui.value < 12)

					{

						$('#w3validshorthanded').slider("value",3);

						W3CValidShorthanded = 'No'; 

					}

					else

					{

						$('#w3validshorthanded').slider("value",16);

						W3CValidShorthanded = 'Yes';

					}

				

				 	var p2 = document.getElementById('package2');



					if (p2.checked) // if advanced

						SetPriceValue2Items('w3validshorthandedSpan', ui.value,  12, w3cvalid_No_ADV, "Included" );

					else

						SetPriceValue2Items('w3validshorthandedSpan', ui.value,  12, w3cvalid_No_PRO , w3cvalid_Yes_PRO);





				}

			});

	

			$("#commentedcss").slider({

				 value:3,

				min: 1,

				max: 20 ,

				 

				stop: function(event, ui) 

				{

					if(ui.value < 12)

					{

						$('#commentedcss').slider("value",3);

						CommentedCSS  = 'No';

					}

					else

					{

						$('#commentedcss').slider("value",16);

						CommentedCSS  = 'Yes';

	 

					}

	

					SetPriceValue2Items('commentedcssSpan', ui.value,  12, "0", commentedCss_Yes);

			 

				}

			});

	

			$("#tableless").slider({

				 value:16,

				min: 1,

				max: 20 ,

				 

				stop: function(event, ui) 

				{

					if(ui.value < 12)

					{

						$('#tableless').slider("value",3);

						TablelessCoding   = 'No';

 

					}

					else

					{

						$('#tableless').slider("value",16);

						TablelessCoding   = 'Yes';

					}

					 

					 

					 

					SetPriceValue2Items('tablelessCodingSpan', ui.value,  12, "No", "Yes");

			 

				}

				

				

			});

	

			$("#seosemantic").slider({

				 value:3,

				min: 1,

				max: 20 ,

				 

				stop: function(event, ui) 

				{

					if(ui.value < 12)

					{

						$('#seosemantic').slider("value",3);

						SEOSemantic  = 'No';

 

					}

					else

					{

						$('#seosemantic').slider("value",16);

						SEOSemantic = 'Yes';

					}

				

					//SetPriceValue2Items('seosemanticSpan', ui.value,  12, "0", seoSemantic_Yes);

					var p2 = document.getElementById('package2');



					if (p2.checked) // if advanced

						SetPriceValue2Items('seosemanticSpan', ui.value,  12, seosemanticNo_ADV, "Included" );

					else

						SetPriceValue2Items('seosemanticSpan', ui.value,  12, seosemanticNo_PRO , seosemanticYes_PRO);

			 

				}

			});

	

			$("#loadspeed").slider({

				 value:3,

				min: 1,

				max: 20 ,

				 

				stop: function(event, ui) 

				{

					if(ui.value < 12)

					{

						$('#loadspeed').slider("value",3);

	 					LoadSpeedOptimization  = 'No';

					}

					else

					{

						$('#loadspeed').slider("value",16);

						LoadSpeedOptimization  = 'Yes';

					}

			

					

					var p2 = document.getElementById('package2');



					if (p2.checked) // if advanced

						SetPriceValue2Items('loadspeedSpan', ui.value,  12, loadSpeedNo_ADV, "Included" );

					else

						SetPriceValue2Items('loadspeedSpan', ui.value,  12, loadSpeedNo_PRO , loadSpeedYes_PRO);

			 

				}

			});

	

			$("#markupcommented").slider({

				 value:3,

				min: 1,

				max: 20 ,

				 

				stop: function(event, ui) 

				{

					if(ui.value < 12)

					{

						$('#markupcommented').slider("value",3);

						MarkupCommented   = 'No';

					}

					else

					{

						$('#markupcommented').slider("value",16);

						MarkupCommented   = 'Yes';

					}

	

						SetPriceValue2Items('markupcommentedSpan', ui.value,  12, "0", markupcommented_Yes);

			 

				}

			});

	

	

			 

			$("#codetype").slider({

				 value:3,

				min: 1,

				max: 20 ,

				 

				stop: function(event, ui) 

				{

					if(ui.value < 12)

					{

						$('#codetype').slider("value",3);

						 CodeType  = 'W3C Valid XHTML 1.0 Transitional';

					}

						

					else

					{

						$('#codetype').slider("value",16);

						 CodeType  = 'W3C Valid XHTML 1.0 Strict';

					}

			

					//SetPriceValue2Items('codetypeSpan', ui.value,  12, "0", codetype_Yes);

			 

					var p2 = document.getElementById('package2');



					if (p2.checked) // if advanced

						SetPriceValue2Items('codetypeSpan', ui.value,  12, codetype_No_ADV, "Included" );

					else

						SetPriceValue2Items('codetypeSpan', ui.value,  12, codetype_No_PRO , codetype_Yes_PRO);



				}

			});

		

	 

	// 3 items

			$("#horizontalalignment").slider({

				value:4,

				min: 1,

				max: 30 ,

				   

				stop: function(event, ui) 

				{

					if(ui.value < 13)

					{

						$('#horizontalalignment').slider("value",4);

						horizontalAlignment = 'Left';

					}

					else if(ui.value > 12 && ui.value < 25)

					{

						$('#horizontalalignment').slider("value",15);

						horizontalAlignment = 'Center';

					}

					else

					{

						$('#horizontalalignment').slider("value",27);

						horizontalAlignment = 'Right';

					}

					SetAlignmentValue('horizontalalignmentSpan', ui.value, 13, 25, "Left", "Center", "Right");

				

				}

			});

			// set value to LEFT at the beginning

			SetAlignmentValue('horizontalalignmentSpan', 4, 13, 25, "Left", "Center", "Right");

				

			 $("#verticalalignment").slider({

				 value:4,

				min: 1,

				max: 30 ,

				 

				stop: function(event, ui) 

				{

					if(ui.value < 13)

					{

						$('#verticalalignment').slider("value",4);

						verticalAlignment = 'Top';

					}

					else if(ui.value > 12 && ui.value < 25)

					{

						$('#verticalalignment').slider("value",15);

						verticalAlignment = 'Middle';

					}

					else

					{

						$('#verticalalignment').slider("value",27);

						verticalAlignment = 'Bottom';

					}

				

					SetAlignmentValue('verticalalignmentSpan', ui.value, 13, 25, "Top", "Middle", "Bottom");

				

				}

			});

			// set value to TOP at the beginning

			SetAlignmentValue('verticalalignmentSpan', 4, 13, 25, "Top", "Middle", "Bottom");

				

			 $("#wysiwygcompatibility").slider({

				 value:4,

				min: 1,

				max: 30 ,

				 

				stop: function(event, ui) 

				{

					if(ui.value < 13)

					{

						$('#wysiwygcompatibility').slider("value",4);

						WYSIWYGCompatibility = 'None';

					}

					else if(ui.value > 12 && ui.value < 25)

					{

						$('#wysiwygcompatibility').slider("value",15);

						WYSIWYGCompatibility = 'Dreamweaver';

					}

					else

					{

						$('#wysiwygcompatibility').slider("value", 27);

						WYSIWYGCompatibility = 'Frontpage';

					}

				  

					SetPriceValue3Items('wysiwygcompatibilitySpan', ui.value, 13, 25, "0", "+25", "+25");

				 }

			});

	

			 $("#implementdynamicmenus").slider({

				 value:4,

				min: 1,

				max: 30 ,

				 

				stop: function(event, ui) 

				{

					if(ui.value < 13)

					{

						$('#implementdynamicmenus').slider("value",4);

						ImplementDynamicMenus = 'None';

					}

					else if(ui.value > 12 && ui.value < 25)

					{

						$('#implementdynamicmenus').slider("value",15);

						ImplementDynamicMenus = 'One Level';

					

					}

					else

					{

						$('#implementdynamicmenus').slider("value",27);

						ImplementDynamicMenus = 'Multi Level';

					

					}

				 

				   SetPriceValue3Items('implementdynamicmenusSpan', ui.value, 13, 25, "0", "+9", "+18");

		

				}

			});

			

			  

			

			// hide , show items 

			 // hides the slickbox on clicking the noted link  

			 var hidelayout = 1;

			 var hideadvanced= 1;

			 var hideimplementation = 1;

			 var hidehosting= 1;

			  

			  $('a#layoutoptionsdiv-hide').click(function() {

				

				if (hidelayout % 2 == 0)

				{

					$('#layoutoptionsdiv').hide('slow');

					$('#layoutoptionsdiv-hide').html('<span class="iconopen"></span><div class="clicktoopen">Click to Open and Select Your Options</div>');

				}

				else

				{

					$('#layoutoptionsdiv').show('slow');

					$('#layoutoptionsdiv-hide').html("<span class='iconclose'></span>");

				}

				hidelayout += 1;

				

				return false;

			 

			  });

			  

			   // hides the slickbox on clicking the noted link  

			 

			  $('a#advancedoptionsdiv-hide').click(function() {

				

				if (hideadvanced % 2 == 0)

				{

					$('#advancedoptionsdiv').hide('slow');

					$('#advancedoptionsdiv-hide').html('<span class="iconopen"></span><div class="clicktoopen">Click to Open and Select Your Options</div>');

				}

				else

				{

					$('#advancedoptionsdiv').show('slow');

					$('#advancedoptionsdiv-hide').html("<span class='iconclose'></span>");

				}

				hideadvanced += 1;

				

				return false;

			 

			  });

			  

			   

			  $('a#implementationdiv-hide').click(function() {

				

				if (hideimplementation % 2 == 0)

				{

					$('#implementationdiv').hide('slow');

					$('#implementationdiv-hide').html('<span class="iconopen"></span><div class="clicktoopen">Click to Open and Select Your Options</div>');

				}

				else

				{

					$('#implementationdiv').show('slow');

					$('#implementationdiv-hide').html("<span class='iconclose'></span>");

				}

				hideimplementation += 1;

				

				return false;

			 

			  });

			  

			   $('a#hostingdiv-hide').click(function() {

				

				if (hidehosting % 2 == 0)

				{

					$('#hostingdiv').hide('slow');

					$('#hostingdiv-hide').html('<span class="iconopen"></span><div class="clicktoopen">Click to Open and Select Your Options</div>');

				}

				else

				{

					$('#hostingdiv').show('slow');

					$('#hostingdiv-hide').html("<span class='iconclose'></span>");

				}

				hidehosting += 1;

				

				return false;

			 

			  });

		 

  });



//



function SetPricesAndTotal( )

{

	LoadPriceInformation();

	CalculateTotal();

}



function UpdateRightHandSideTable()

{

	var layoutOptionsDiv = document.getElementById('layoutOptionsRightHandDiv');

	

	var layOptDivString = '<h4>Layout Options</h4><ul>';

	layOptDivString += '<li><span class="name">Layout Width</span> <span class="price">' + layoutText + '</span></li>';

	layOptDivString += '<li><span class="name">Horizontal Alignment</span> <span class="price">' + horizontalAlignment + '</span></li>';

	

	layOptDivString += '<li><span class="name">Header/Footer Stretched</span> <span class="price">' + headerFooterStretched  + '</span></li>';

	layOptDivString += '<li><span class="name">Vertical Alignment</span> <span class="price">' + verticalAlignment + '</span></li>';

	layOptDivString += '<li><span class="name">Footer At Bottom</span> <span class="price">' + footerAtBottom  + '</span></li>';

	

	layOptDivString += '</ul>';

	

 	layoutOptionsDiv.innerHTML = layOptDivString ;

	

	// advanced options div

	

	var advancedOptionsDiv = document.getElementById('advancedOptionsRightHandDiv');

	

	var advOptDivString = '<h4>Advanced Markup Options</h4><ul>';

	advOptDivString += '<li><span class="name">Opera Browser Compatibility</span> <span class="price">' + OperaBrowserCompatibility  + '</span></li>';

	advOptDivString += '<li><span class="name">Safari & Google Chrome Browser Compatibility</span> <span class="price">' + SafariGoogleChromeBrowserCompatibility  + '</span></li>';

	advOptDivString += '<li><span class="name">WAI 2.0 and Section 508 Compatibility</span> <span class="price">' + WaiCompatibility  + '</span></li>';

	advOptDivString += '<li><span class="name">WYSIWYG Compaitiblity Options </span> <span class="price">' +  WYSIWYGCompatibility  + '</span></li>';

	advOptDivString += '<li><span class="name">Print CSS Version</span> <span class="price">' + PrintCSSVersion  + '</span></li>';

	advOptDivString += '<li><span class="name">Implement Rollovers</span> <span class="price">' + ImplementRollovers  + '</span></li>';

	advOptDivString += '<li><span class="name">Implement Dynamic Menus</span> <span class="price">' + ImplementDynamicMenus  + '</span></li>';

	

	advOptDivString += '<li><span class="name">sIFR</span> <span class="price">' + sIFRTextThing  + '</span></li>';

	advOptDivString += '<li><span class="name">W3C Valid Shorthanded and Optimized CSS</span> <span class="price">' + W3CValidShorthanded + '</span></li>';

	advOptDivString += '<li><span class="name">Commented CSS</span> <span class="price">' + CommentedCSS  + '</span></li>';

	advOptDivString += '<li><span class="name">Code Type</span> <span class="price">' + CodeType  + '</span></li>';

	advOptDivString += '<li><span class="name">Table-less Coding</span> <span class="price">' + TablelessCoding + '</span></li>';

	advOptDivString += '<li><span class="name">SEO Semantic and Complete Seperation Coding</span> <span class="price">' + SEOSemantic  + '</span></li>';

	advOptDivString += '<li><span class="name">Load Speed Optimization</span> <span class="price">' + LoadSpeedOptimization  + '</span></li>';

	advOptDivString += '<li><span class="name">Markup Commented</span> <span class="price">' + MarkupCommented  + '</span></li>';

	advOptDivString += '<li><span class="name">Javascript Framework</span> <span class="price">' + JavascriptFramework  + '</span></li>';

	

	advOptDivString += '</ul>';

	

 	advancedOptionsDiv.innerHTML = advOptDivString ;

}



function CalculateTotal( )

{

	total = 0;

	var packagevalue  = 0;

	var jsValue = 0;

	var package1 = document.getElementById('package1');

	var package2 = document.getElementById('package2');

	var featuredOptions = document.getElementById('featuredOptions');

	var featuredOpDiv = document.getElementById('featuredOptionsRightHandDiv');

	

	var layoutOptions = document.getElementById('');

	

	var pinfo = document.getElementById('packageinformation');

	var softwareImp = document.getElementById('softwareimplementation');

	var softwareImpDiv = document.getElementById('softwareImplementationDiv');

	

	var hosting = document.getElementById('hosting');

	var hostingDiv = document.getElementById('transitionHostingDiv');

	var hostingSpanDiv = document.getElementById('hostingSpan');

	

	var javascriptframework = document.getElementById('javascriptframework');

	var javascriptframeworkSpanDiv = document.getElementById('javascriptframeworkSpan');

	

	var softwareimplementationSpanDiv = document.getElementById('softwareimplementationSpan');



	if (javascriptframework.value != "0")

	{

		javascriptframeworkSpanDiv.innerHTML = javascriptFrameWorkPrice;

		jsValue = javascriptFrameWorkPrice;

		JavascriptFramework = javascriptframework.options[javascriptframework.selectedIndex].text ;

		

		jsValue =jsValue.replace(/\$/g,"");

		jsValue = jsValue.replace(/\(/g,"");

		jsValue = jsValue.replace(/\)/g,"");

		

	}

	else

	{

		jsValue = 0;

		javascriptframeworkSpanDiv.innerHTML = "";

	}

	



	if (package1.checked)

	{

	 	packagevalue = professionalPackage;

		pinfo.innerHTML = '<ul><li><span class="name">PROFESSIONAL PACKAGE</span> <span class="price">$' + packagevalue + '</span></li></ul>';

 	}

	else

	{

		packagevalue = advancedPackage;

		pinfo.innerHTML = '<ul><li><span class="name">ADVANCED PACKAGE</span> <span class="price">$' + packagevalue + '</span></li></ul>';

	}

	

	if (featuredOptions.checked)

	{

	 	 

		total += eval(featuredOptions.value);

		featuredOpDiv.innerHTML = '<h4>Featured Options</h4><ul><li> <span class="name">Selected</span> <span class="price">$' + featuredOptions.value + '</span></li></ul>';

	}

	else

	{

		featuredOpDiv.innerHTML = '';

	}

	

	if (hosting.value != "0")

	{

		

	    hostingDiv.innerHTML = '<h4>Transition Hosting</h4><ul><li> <span class="name">' + hosting.options[hosting.selectedIndex].text + '</span> <span class="price">$' + hosting.value + '</span></li></ul>';

		hostingSpanDiv.innerHTML =  "(+$" + hosting.value + ")";

	}

	else

	{

		hostingDiv.innerHTML  = '';

		hostingSpanDiv.innerHTML = "None";

	}

	

	if (softwareImp.value != "0")

	{

		softwareImpDiv.innerHTML = '<h4>Sofware Implementation</h4><ul><li> <span class="name">' + softwareImp.options[softwareImp.selectedIndex].text + '</span> <span class="price">$' + softwareImp.value + '</span></li></ul>';

		softwareimplementationSpanDiv.innerHTML = "(+$" + softwareImp.value + ")";

	}

	else

	{

		softwareImpDiv.innerHTML  = '';

		softwareimplementationSpanDiv.innerHTML = "Included";

		

	}

 

	// print layout settings



	UpdateRightHandSideTable();



	total  += eval(packagevalue );

	total += eval(softwareImp.value);

	total += eval(hosting.value);

	total += eval(jsValue);

	

	total += CalculateLayoutOptions();

	total += CalculateMarkupOptions();

	

	 

	var additionalPagesDiv = document.getElementById('additionalPagesDiv');

	var totalPageCount = document.getElementById('pageCount').value;

	

	var days = document.getElementById('totalDays');

	if (totalPageCount  > 1)

		days.value = totalPageCount + " days";

	else

		days.value =   "1 day";

		

		

	if (totalPageCount > 1)

	{

		var additionalPageCount = eval(totalPageCount-1);

		var additionalCost = additionalPageCount * (total/2);



		total += additionalCost;

		additionalPagesDiv.innerHTML = '<ul><li><span class="name">Additional Pages x ' + additionalPageCount + '</span> <span class="price">$' + additionalCost + '</span></li></ul>';

	}

	else

		additionalPagesDiv.innerHTML = '';





	var totalInput = document.getElementById('totalcost');

	totalInput.value = '$' + total;

	
	var fullOrderDetailsHidden = document.getElementById('fullOrderDetailsHidden');
	fullOrderDetailsHidden.value = document.getElementById('fullOrderDetails').innerHTML;
	//alert(fullOrderDetailsHidden.value);
}





function CalculateMarkupOptions()

{

	 // markup

	var markupvalues = ''; 

	var operaSpan = document.getElementById('operacompatibilitySpan');

	var safariSpan = document.getElementById('safaricompatibilitySpan');

	var waiSpan = document.getElementById('waicompatibilitySpan');

	var wysSpan = document.getElementById('wysiwygcompatibilitySpan');

	

	var psSpan = document.getElementById('printcssSpan');

	var irSpan = document.getElementById('implementrolloversSpan');

	var idSpan = document.getElementById('implementdynamicmenusSpan');

	var sSpan = document.getElementById('sifrSpan');

	var w3Span = document.getElementById('w3validshorthandedSpan');

	var comSpan = document.getElementById('commentedcssSpan');

	var ctSpan = document.getElementById('codetypeSpan');

	var seoSpan = document.getElementById('seosemanticSpan');

	var lsSpan = document.getElementById('loadspeedSpan');

	var mcSpan = document.getElementById('markupcommentedSpan');

	

	 

	 

  	if (operaSpan.innerHTML != "" && operaSpan.innerHTML != "Included")

		markupvalues +=  operaSpan.innerHTML ;  

	

	 

	if (safariSpan.innerHTML != "" && safariSpan.innerHTML != "Included")

		markupvalues +=    safariSpan.innerHTML ;  

		

		 

	if (waiSpan.innerHTML != "")

		markupvalues +=    waiSpan.innerHTML ;  

	

	if (wysSpan.innerHTML != "")

		markupvalues +=    wysSpan.innerHTML ;  

	

	if (psSpan.innerHTML != "")

		markupvalues +=    psSpan.innerHTML ;  

	if (irSpan.innerHTML != "")

		markupvalues +=   irSpan.innerHTML ;  

	

	if (idSpan.innerHTML != "")

		markupvalues +=    idSpan.innerHTML ;  

	if (sSpan.innerHTML != "")

		markupvalues +=   sSpan.innerHTML ;  

		

	if (w3Span.innerHTML != ""  && w3Span.innerHTML != "Included")

		markupvalues +=   w3Span.innerHTML ;  



	if (comSpan.innerHTML != "")

		markupvalues +=   comSpan.innerHTML ;  

		

	if (ctSpan.innerHTML != "" && ctSpan.innerHTML != "Included")

		markupvalues +=    ctSpan.innerHTML ;  



	if (seoSpan.innerHTML != ""&& seoSpan.innerHTML != "Included")

		markupvalues +=   seoSpan.innerHTML ;  

		

	if (lsSpan.innerHTML != "" && lsSpan.innerHTML != "Included")

		markupvalues +=    lsSpan.innerHTML ;  



	if (mcSpan.innerHTML != "")

		markupvalues +=     mcSpan.innerHTML ;  

	

	

	 

	

	markupvalues = markupvalues.replace(/\$/g,"");

 	markupvalues = markupvalues.replace(/\(/g,"");

 	markupvalues = markupvalues.replace(/\)/g,"");

	

	if (markupvalues == '')

		return 0;

	else

		return eval(markupvalues)  ;

	 

	 	

}



function CalculateLayoutOptions()

{

	

	 // layoutwidth

	var layoutvalues = ''; 

	var lwSpan = document.getElementById('layoutwidthSpan');

	var hfSpan = document.getElementById('headerfooterstretchedSpan');

	var fbSpan = document.getElementById('footeratbottomSpan');

	 

	 

	if ( lwSpan.innerHTML != "" ) 

		layoutvalues +=     lwSpan.innerHTML   ;   

	if (hfSpan.innerHTML != "" )

		layoutvalues +=   hfSpan.innerHTML    ;   

	if (fbSpan.innerHTML != "" )

		layoutvalues +=    fbSpan.innerHTML  ; 

		

	layoutvalues = layoutvalues.replace(/\$/g,"");

 	layoutvalues = layoutvalues.replace(/\(/g,"");

 	layoutvalues = layoutvalues.replace(/\)/g,"");

 

	if (layoutvalues == '')

		return 0;

	else

		return (eval(layoutvalues));

	 

}

 



function EmptyThePriceSpan()

{



	document.getElementById('layoutwidthSpan').innerHTML = '';

	 

	 document.getElementById('headerfooterstretchedSpan').innerHTML = '';

	 document.getElementById('footeratbottomSpan').innerHTML = '';

	 document.getElementById('operacompatibilitySpan').innerHTML = '';

	 document.getElementById('safaricompatibilitySpan').innerHTML = '';

	 document.getElementById('waicompatibilitySpan').innerHTML = '';

	  document.getElementById('wysiwygcompatibilitySpan').innerHTML = '';

	 document.getElementById('printcssSpan').innerHTML = '';

	  document.getElementById('implementrolloversSpan').innerHTML = '';

	  document.getElementById('implementdynamicmenusSpan').innerHTML = '';

	  document.getElementById('sifrSpan').innerHTML = '';

	  document.getElementById('w3validshorthandedSpan').innerHTML = '';

	  document.getElementById('commentedcssSpan').innerHTML = '';

	  document.getElementById('codetypeSpan').innerHTML = '';

	  document.getElementById('seosemanticSpan').innerHTML = '';

	  document.getElementById('loadspeedSpan').innerHTML = '';

	 document.getElementById('markupcommentedSpan').innerHTML = '';

	 

	

}





function LoadPriceInformation( )

{

	

	layoutText = 'Fixed';

 	horizontalAlignment = 'Left'; 

	headerFooterStretched = 'No';

	verticalAlignment = 'Top'; 

	footerAtBottom = 'No';

	

	 

 	OperaBrowserCompatibility = 'No';

	SafariGoogleChromeBrowserCompatibility = 'No';

	 W3CValidShorthanded = 'No';

	

	 

	WaiCompatibility = 'No';

	WYSIWYGCompatibility = 'None';

	PrintCSSVersion = 'No';

	ImplementRollovers = 'No';

	ImplementDynamicMenus = 'None';

	

	

	sIFRTextThing = 'No';

	CommentedCSS  = 'No';

	CodeType  = 'W3C Valid XHTML 1.0 Transitional';

	TablelessCoding   = 'Yes';

	SEOSemantic  = 'No';

	LoadSpeedOptimization  = 'No';

	MarkupCommented   = 'No';

	JavascriptFramework = 'None';

	

	var package2 = document.getElementById('package2');

	 

	 

	if (package2.checked)

	{

	 	OperaBrowserCompatibility = 'Yes';

		SafariGoogleChromeBrowserCompatibility = 'Yes';

		W3CValidShorthanded = 'Yes';

		CodeType  = 'W3C Valid XHTML 1.0 Strict';

		SEOSemantic  = 'Yes';

		LoadSpeedOptimization  = 'Yes';

	}

	else

	{

		 

		OperaBrowserCompatibility = 'No';

		SafariGoogleChromeBrowserCompatibility = 'No';

		W3CValidShorthanded = 'No';

		CodeType  = 'W3C Valid XHTML 1.0 Transitional';

		SEOSemantic  = 'No';

		LoadSpeedOptimization  = 'No';

	}

	

	PackageRelatedOptions(); 



	var professionalPackagePriceDiv = document.getElementById('professionalPackagePrice');

	professionalPackagePriceDiv.innerHTML = professionalPackage;



	var advancedPackagePriceDiv = document.getElementById('advancedPackagePrice');

	advancedPackagePriceDiv.innerHTML = advancedPackage;





	var layoutwidthFlexibleDiv = document.getElementById('layoutwidthPrice');

	layoutwidthFlexibleDiv.innerHTML = layoutwidth_Flexible  ;



	var headerfooterstretchedPriceDiv = document.getElementById('headerfooterstretchedPrice');

	headerfooterstretchedPriceDiv.innerHTML = headerfooterstreched_Yes ;



	var footeratbottomPriceDiv = document.getElementById('footeratbottomPrice');

	footeratbottomPriceDiv.innerHTML = footeratbottom_Yes;



	var waicompatibilityPriceDiv = document.getElementById('waicompatibilityPrice');

	waicompatibilityPriceDiv.innerHTML = waicompatibility_Yes;



	var wysiwyg_DreamweaverDiv = document.getElementById('wysiwyg_DreamweaverPrice');

	wysiwyg_DreamweaverDiv.innerHTML = wysiwygcompability_Dreamweaver ;



	var wysiwyg_FrontpageDiv = document.getElementById('wysiwyg_FrontpagePrice');

	wysiwyg_FrontpageDiv.innerHTML = wysiwygcompability_Frontpage ;



	var printcssSpanPriceDiv = document.getElementById('printcssSpanPrice');

	printcssSpanPriceDiv.innerHTML = printcssVersion_Yes;



	var implementrolloversPriceDiv = document.getElementById('implementrolloversPrice');

	implementrolloversPriceDiv.innerHTML = implementRollovers_Yes;



	var implementdynamicmenusPrice_OneLevelDiv = document.getElementById('implementdynamicmenusPrice_OneLevel');

	implementdynamicmenusPrice_OneLevelDiv.innerHTML = implementDynamicMenus_OneLevel;



	var implementdynamicmenusPrice_MultiLevelDiv = document.getElementById('implementdynamicmenusPrice_MultiLevel');

	implementdynamicmenusPrice_MultiLevelDiv.innerHTML = implementDynamicMenus_MultiLevel;



	var sifrPriceDiv = document.getElementById('sifrPrice');

	sifrPriceDiv.innerHTML = sifr_Yes;



	var commentedcssPriceDiv = document.getElementById('commentedcssPrice');

	commentedcssPriceDiv.innerHTML = commentedCss_Yes ;

	

	// advanced markup



	 

	var markupcommentedPriceDiv = document.getElementById('markupcommentedPrice');

	markupcommentedPriceDiv.innerHTML = markupcommented_Yes;



	// empty the price span areas

	EmptyThePriceSpan();

	

}

 



function ChangePackage()

{

   

	LoadPriceInformation();



	//PackageRelatedOptions();

	

	UpdateRightHandSideTable();

	CalculateTotal();



}



function AddFuturedOptions()

{

	UpdateRightHandSideTable();

	CalculateTotal();

}





function SetSlidersBack()

{

	$("#layoutwidth").slider('value', 3);

	$("#headerfooterstretched").slider('value', 3);

	$("#footeratbottom").slider('value', 3);

 	$("#waicompatibility").slider('value', 3);

 	$("#printcss").slider('value', 3);

  	$("#implementrollovers").slider('value', 3);

 	$("#sifr").slider('value', 3);

 	$("#commentedcss").slider('value', 3);

 	$("#tableless").slider('value', 16);

	 

 	$("#markupcommented").slider('value', 3);

 	$("#horizontalalignment").slider('value', 4);

	$("#verticalalignment").slider('value', 4);

 	$("#wysiwygcompatibility").slider('value', 4);

	$("#implementdynamicmenus").slider('value', 4);	

}



function PackageRelatedOptions()

{

	 

	var p1 = document.getElementById('package1');

	var p2 = document.getElementById('package2');



	var operacompatibilityNoDiv = document.getElementById('operacompatibilityNo');

	var safaricompatibilityNoDiv = document.getElementById('safaricompatibilityNo');

	var w3compatibilityNoDiv = document.getElementById('w3validshorthandedPrice_No');

	var codetypeSpanNoDiv = document.getElementById('codetypeSpanNo');

	var loadspeedNoDiv = document.getElementById('loadspeedNo');

	var seosemanticNoDiv = document.getElementById('seosemanticNo');

	

	var operacompatibilityYesDiv = document.getElementById('operacompatibilityYes');

	var safaricompatibilityYesDiv = document.getElementById('safaricompatibilityYes');

	var w3compatibilityYesDiv = document.getElementById('w3validshorthandedPrice_Yes');

	var codetypeSpanYesDiv = document.getElementById('codetypeSpanYes');

	var loadspeedYesDiv = document.getElementById('loadspeedYes');

	var seosemanticYesDiv = document.getElementById('seosemanticYes');

	

	

	var operacompatibilitySpanDiv = document.getElementById('operacompatibilitySpan');

	var safaricompatibilitySpanDiv = document.getElementById('safaricompatibilitySpan');

	var w3validshorthandedSpanDiv = document.getElementById('w3validshorthandedSpan');

	var codetypeSpanDiv = document.getElementById('codetypeSpan');

	var loadspeedSpanDiv = document.getElementById('loadspeedSpan');

	var seosemanticSpanDiv = document.getElementById('seosemanticSpan');

	

 

	if (p1.checked )// if it is PRO

	{

		operacompatibilityNoDiv.innerHTML = operacompability_No_PRO;

		safaricompatibilityNoDiv.innerHTML = safaricompability_No_PRO;

		w3compatibilityNoDiv.innerHTML = w3cvalid_No_PRO;

		codetypeSpanNoDiv.innerHTML = codetype_No_PRO;

		loadspeedNoDiv.innerHTML = loadSpeedNo_PRO;

		seosemanticNoDiv.innerHTML = seosemanticNo_PRO;

		 

		operacompatibilityYesDiv.innerHTML = operacompability_Yes_PRO;

		safaricompatibilityYesDiv.innerHTML = safaricompability_Yes_PRO;

		w3compatibilityYesDiv.innerHTML = w3cvalid_Yes_PRO;

		codetypeSpanYesDiv.innerHTML = codetype_Yes_PRO;

		loadspeedYesDiv.innerHTML = loadSpeedYes_PRO;

		seosemanticYesDiv.innerHTML = seosemanticYes_PRO;

		

 		operacompatibilitySpanDiv.innerHTML = "";

		safaricompatibilitySpanDiv.innerHTML = "";

		w3validshorthandedSpanDiv.innerHTML = "";

		codetypeSpanDiv.innerHTML = "";

		loadspeedSpanDiv.innerHTML = "";

		seosemanticSpanDiv.innerHTML = "";

		

		$("#operacompatibility").slider( 'value' , 3) ;

		$("#safaricompatibility").slider( 'value' , 3) ;

		$("#w3validshorthanded").slider( 'value' , 3) ;

		$("#codetype").slider( 'value' , 3) ;

		$("#loadspeed").slider( 'value' , 3) ;

		$("#seosemantic").slider( 'value' , 3) ;

		

		

		//

		SetSlidersBack();

	}

	else if (p2.checked)

	{

		operacompatibilityNoDiv.innerHTML = operacompability_No_ADV;

		safaricompatibilityNoDiv.innerHTML = safaricompability_No_ADV;

		w3compatibilityNoDiv.innerHTML = w3cvalid_No_ADV;

 		codetypeSpanNoDiv.innerHTML = codetype_No_ADV;

 		loadspeedNoDiv.innerHTML = loadSpeedNo_ADV;

		seosemanticNoDiv.innerHTML = seosemanticNo_ADV;

		

		operacompatibilityYesDiv.innerHTML = operacompability_Yes_ADV;

		safaricompatibilityYesDiv.innerHTML = safaricompability_Yes_ADV;

		w3compatibilityYesDiv.innerHTML = w3cvalid_Yes_ADV;

		codetypeSpanYesDiv.innerHTML =    codetype_Yes_ADV;

		loadspeedYesDiv.innerHTML = loadSpeedYes_ADV;

		seosemanticYesDiv.innerHTML = seosemanticYes_ADV;

		

		operacompatibilitySpanDiv.innerHTML = "Included";

		safaricompatibilitySpanDiv.innerHTML = "Included";

		w3validshorthandedSpanDiv.innerHTML = "Included";

		codetypeSpanDiv.innerHTML = "Included";

		loadspeedSpanDiv.innerHTML = "Included";

		seosemanticSpanDiv.innerHTML = "Included";

		

		 

		$("#operacompatibility").slider( 'value' , 16) ;

		$("#safaricompatibility").slider( 'value' , 16) ;

		$("#w3validshorthanded").slider( 'value' , 16) ;

		$("#codetype").slider( 'value' , 16) ;

		$("#loadspeed").slider( 'value' , 16) ;

		$("#seosemantic").slider( 'value' , 16) ;

		

		//

		SetSlidersBack();

	}

 

}





function SetAlignmentValue(spanName, slideValue, threshold1, threshold2, first, second, third)

{

 	var laySpan = document.getElementById(spanName);

	if (slideValue < threshold1)

	{

	 	laySpan.innerHTML =   first;

	}

	else if (slideValue >= threshold1 && slideValue < threshold2)

	{

		laySpan.innerHTML = second;

	}

	else 

		laySpan.innerHTML = third;

		

	UpdateRightHandSideTable();

 }

			

function SetPriceValue2Items(spanName, slideValue,   threshold, first, second)

{

 	var laySpan = document.getElementById(spanName);

	if (slideValue < threshold)

	{

	 	if (first != "0")

			laySpan.innerHTML =   first;

		else

			laySpan.innerHTML = "";

	}

	else

	{

		laySpan.innerHTML = second;

	}

	CalculateTotal();

 

 }

 

function SetPriceValue3Items(spanName, slideValue, threshold1, threshold2, first, second, third)

{

 	var laySpan = document.getElementById(spanName);

	 

	

	if (slideValue < threshold1)

	{

	 	if (first != "0")

			laySpan.innerHTML = first ;

		else

			laySpan.innerHTML = "";

	}

	else if (slideValue >= threshold1 && slideValue < threshold2)

	{

		laySpan.innerHTML = second;

	}

	else 

		laySpan.innerHTML = third;

		

	CalculateTotal();

 }