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
 // messagebox functions
function fulyatest()
{
	
	  var toHide = document.getElementById("block");
	  toHide.style.display= "block"; 
	  
	  
      $("#block").animate({ 
        
        opacity: 0.4,
        marginLeft: "0.6in",
        fontSize: "3em", 
        borderWidth: "10px"
      }, 1500 );
 


	$("#block").fadeOut(2000, function () {
 		 
	});
								 
	 

	  
//	 var toHide = document.getElementById("block");
	// toHide.style.visibility = "hidden";
  
	
}

$(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);
					 //fulyatest();
				}
			});
		 
 
			 $("#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);
	 				//fulyatest();
				}
			});
			
			 $("#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">Specify compatibility, DHTML, font, CSS, coding 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">Select your CMS implementation engine. From WordPress, Movable Type, Drupal, to Joomla!, and more.</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');
	
	var softwareImplementationDays = 0;

	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 + ")";
		
		if (eval(softwareImp.value) < 275)
			softwareImplementationDays = 3;
		else
			softwareImplementationDays = 5;
	}
	else
	{
		softwareImpDiv.innerHTML  = '';
		softwareimplementationSpanDiv.innerHTML = "Included";
		
		softwareImplementationDays = 0;
		
	}
 
	// print layout settings

	UpdateRightHandSideTable();

	total  += eval(packagevalue );
	
	total += eval(jsValue);
	
	total += CalculateLayoutOptions();
	total += CalculateMarkupOptions();
	
	 
	var additionalPagesDiv = document.getElementById('additionalPagesDiv');
	var totalPageCount = document.getElementById('pageCount').value;
	
	var days = document.getElementById('totalDays');
	
	totalPageCount  = eval(totalPageCount) + eval(softwareImplementationDays);
	
	if (totalPageCount  > 1)
	{
		days.value = totalPageCount + " days";
	}
	else
		days.value =   "1 day";
		
		
	if (totalPageCount > 1)
	{
		totalPageCount  = eval(totalPageCount) - eval(softwareImplementationDays);

		var additionalPageCount = eval(totalPageCount-1);
		var additionalCost = additionalPageCount * (total/2);

		total += additionalCost;
		 
		 if (totalPageCount > 1)
		additionalPagesDiv.innerHTML = '<ul><li><span class="name">Additional Pages x ' + additionalPageCount + '</span> <span class="price">$' + additionalCost + '</span></li></ul>';
	}
	else
		additionalPagesDiv.innerHTML = '';

	total += eval(softwareImp.value);
	total += eval(hosting.value);

	var totalInput = document.getElementById('totalcost');
	totalInput.value = '$' + total;
	
	//update hidden value. will transer to the next page
	var fullOrderDetailsHidden = document.getElementById('fullOrderDetailsHidden');
	fullOrderDetailsHidden.value = document.getElementById('fullOrderDetails').innerHTML;
}


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();
 }
 
//