//<![CDATA[
$(document).ready(function(){   

			if (window.parent!=window)
			{ 
				window.open(location.href, '_top', '');
			}
			$('#spnemail').html('Email: <a href="mailto:info@halongdiscovery.com">info@halongdiscovery.com</a>');
			Cufon.replace('#hhslogan', { fontFamily: 'Vladimir Script', textShadow: '#333 1px 1px' });
			Cufon.replace('h3', { fontFamily: 'OfficinaSans', textShadow: '#008b8e 1px 1px' });
			Cufon.replace('legend', { fontFamily: 'OfficinaSans' });
			Cufon.now();

			var flashvars = false;
			var params = {
				menu: "false",
				quality: "high",
				wmode:"transparent",
				salign:"t"
			};
			var attributes = {
			  id: "myDynamicContent",
			  name: "myDynamicContent"
			};
			swfobject.embedSWF("main.swf", "frame", "897", "387", "9.0.0", "expressInstall.swf",flashvars, params, attributes);
	var strCabin=["","deluxe","standard","charter"];
	$("#children option[@value="+$.cookie('children')+"]").attr("selected",true);
	$("#adults option[@value="+$.cookie("adults")+"]").attr("selected",true);
	$("#itinerary option[@value="+($.cookie("type")-1)+"]").attr("selected",true);
	$("#cabintype option[@value="+strCabin[$.cookie("cabina")]+"]").attr("selected",true);
	
	Date.format = 'yyyy/mm/dd';
	var min = new Date(Date.parse($('#txtcheckin').val()));
	var max = min.addDays($('#itinerary').val()).asString();
	$('#txtcheckout').val(max);

	summary();

	$('#cabintype').change(function() {
			if ( $('#cabintype').val()=='charter'){
				$('#lifit').slideUp();
				$('fieldset[@class=errorform]').slideUp();
				$('#licharter').slideDown('slow');
			}else{
				$('#licharter').slideUp('fast');
				$('#lifit').slideDown('slow');
			}
	});
	$('#children').change(function() {
		if ($("#children").val()>0){
			$('#lichild').slideDown('slow');
		}else{
			$("#age-5 option[@value=0]").attr("selected",true);
			$("#age-12 option[@value=0]").attr("selected",true);
			$('#lichild').slideUp();
		}
	});

	$('#itinerary').change(function() {
		var min = new Date(Date.parse($('#txtcheckin').val()));
		var max = min.addDays($('#itinerary').val()).asString();
			if ($('#itinerary').val()=='3'){
				//$('#txtcheckout').removeAttr('disabled');
				$('#txtcheckout').dpSetDisabled(false);
			}else{
				//$('#txtcheckout').attr('disabled', true);
				$('#txtcheckout').val(max);
				$('#txtcheckout').dpSetDisabled(true);
			}
			summary();
	});

	$('input[type=radio]').bind("change click", function () {
			if ($('input[@name=kayak]:checked').val()!='true') {
				$('#lblkayak2').slideUp();
				$("#kayak2 option[@value='']").attr("selected",true);
			}else{
				$('#lblkayak2').slideDown();
			}
			summary();
	});

	$("select[@id^='age-']").change(function() {
		var age5 = Number($('#age-5').val());
		var age12 = Number($('#age-12').val());
		if ($("#children").val()!=(age5+age12)) {
			$("#children option[@value="+(age5+age12)+"]").attr("selected",true);
		}
		summary();
	});

	$("select[@id^='adults']").change(function() {
		summary();
	});

	$("select[@class^=fsfit]").change(function() {
		$("#totalcabin2").val($("select[@class^=fsfit]").sum());
		summary();
	});

	$("select[@class^=sljunk]").change(function() {
		summary();
	});

	$('#totaljunk2').change(function() {
			if ($('#totaljunk2').val()>0){
				$('#divCharter').html('');
				$('#divCharter').slideDown();
				for (x=0;x < $('#totaljunk2').val();x++) {
			$('<li id="li-junk'+x+'"></li>').html('<label style="width:52px;"> - Junk '+ (x+1) +' : </label><select id="sljunk-'+x+'" name="sljunk-'+x+'" '+x+' class="sljunk"><option value="">--- Select your junk --- </option><option value="cabin-2">+ Deluxe 5-cabins / Group 1-5 pax</option><option value="cabin-3">+ Deluxe 5-cabins / Group 6-9 pax</option><option value="cabin-4">+ Deluxe 5-cabins / Group 10 pax</option><option value="cabin-5">+ Deluxe 6-cabins (max 12 adults)</option><option value="cabin-6">+ Deluxe 7-cabins (max 14 adults)</option><option value="cabin-7">+ Deluxe 8-cabins (max 16 adults)</option><option value="cabin-8">+ Deluxe 9-cabins (max 18 adults)</option><option value="cabin-9">+ Standard 7-cabins (max 14 adults)</option></select>').appendTo('#divCharter');		
				}
			}
			summary();
	});

	$('#transportation').change(function() {
		summary();
	});

	$('#kayak').change(function() {
		summary();
	});

	$('#kayak2').change(function() {
		summary();
	});

	$("form[@class^=cmxform]").bind("change focus", function () {
		//summary();
	});

function checkCabin(){
	if ($('#cabintype').val()=='charter') return 1;
		var totalChild	= $("select[@id^=age-]").sum();				//So tre em			1
		var totalAdult	= $('#adults').val();						//So nguoi lon		3
		var totalCabin	= $("select[@class^=fsfit]").sum();			//So cabin			2
		var totalPer	= (totalCabin*2) - ($("#single").val());	//Tong so nguoi duoc phep				4
		var allowChild	= totalCabin - $("#single").val();			//Tong so fong cho phep them tre em.	2
		var chocontrong = totalPer-totalAdult;						//So cho con trong.						1

			if (totalAdult > totalPer) {
		$('fieldset[@class=errorform]').slideDown();
		$('#error-cabin').html('Please check the number of cabin(s) to fit your group size');								
			}else {
				//		$('#error-cabin').html('phai +child rate');
				//		return totalChild;	
				treemdu = totalChild - chocontrong;
				if ((treemdu <= allowChild)&&(treemdu >= 0)) { 
							$('fieldset[@class=errorform]').slideUp();
							return ((treemdu-$('#age-5').val())+1);

				} else {
					$('fieldset[@class=errorform]').slideDown();
					$('#error-cabin').slideDown();
					$('#error-cabin').html('Please check the number of cabin(s) to fit your group size');
				}
			}
	return 0;
}

function summary(){
	$('fieldset[@class=summary]').slideUp();
	$('#sum-trans').html('');
	$('#sum-kayak').html('');
	$('#sum-junk').html('');
	if ($("#children").val()>0){
		$('#lichild').slideDown('slow');
	}else{
		$("#age-5 option[@value=0]").attr("selected",true);
		$("#age-12 option[@value=0]").attr("selected",true);
		$('#lichild').slideUp();
	}

	var childFee = checkCabin();
	$('#sum-itinerary').html($('#itinerary :selected').text());

	if ($('#transportation').val()=="Bus"){
		$('#lidpickup').slideDown();
		$('#lblpickup').slideDown();
		$('#lblpickup').html('Our shuttle bus will come to pick you up from 7.15am to 8.15am around Hanoi downtown depending on your pick up address.');
		$('<li id="sumABus"></li>').html('- <label>Adult(s): </label>  '+$('#adults').val()+'<br/>').appendTo('#sum-trans');
		if ($('#age-12').val()>0){ 
		$('<li id="sumCBus"></li>').html('- <label>Children (age:5-12): </label>  '+$('#age-12').val()).appendTo('#sum-trans');
			$("#sumCar").slideUp();
		}else{
			$("#sumCBus").html('');$("#sumCBus").slideUp();
		}
	}else if ($('#transportation').val()=="Car"){
		$('#lidpickup').slideDown();
		$('#lblpickup').slideDown();
		$('#lblpickup').html('Please fill your address in the box below and your private car requests:');
		$('<li id="sumCar"></li>').html('- <label>Private Car:</label> <span style="font-weight:normal;">Please contact us for details</span>.').appendTo('#sum-trans');
		$("#sumABus").html('');$("#sumABus").slideUp();
		$("#sumCBus").html('');$("#sumCBus").slideUp();
	}else{
		$('<li id="sumPrivate"></li>').html('- <label>Your own transfer</label>').appendTo('#sum-trans');
		$('#lidpickup').slideUp();
		$('#lblpickup').slideUp();
	}

	if ($("select[@id='kayak2']").val()>0){
			var totalKayak = ($("select[@id='kayak2']").val()>(Number($('#adults').val())+Number($('#children').val())))?(Number($('#adults').val())+Number($('#children').val())):$("select[@id='kayak2']").val();
			priceKayak = ($('#itinerary').val()==1)?15:20;
			$('<li id="sumKayak"></li>').html('- <label>Kayaking: </label> '+totalKayak+'<br/>').appendTo('#sum-kayak');
			$("#kayak2 option[@value="+totalKayak+"]").attr("selected",true);
	}else{
			$('<li id="sumKayak"></li>').html('- <label>Kayaking: </label> No').appendTo('#sum-kayak');
	}

		if ($('#itinerary').val()=='3'){
			var typecabin = ($('#cabintype').val()=='charter')?"charter":"fit";
			var counter = 0;
				$('#li'+typecabin).find('select').each(function(){  
					if ($(this).val()>0){
						$('<li id="li'+$(this).attr('id')+'"></li>').html('<b>'+$('label[@for^='+$(this).attr('id')+']').text()+'</b> <span class=cabinCount>' + $(this).val()+'</span>').appendTo('#sum-junk');
					}
				});  		
		}
	//====================== ok CHECK RATE ============================
	if (childFee||($('#cabintype').val()=="charter")) {
		$.ajax({
			type: "GET",
			url: "price.xml",
			dataType: "xml",
			success: function(xml) {
				childFee = childFee-1;
				//$('#total').html($("select[id^=cabin-]").sum());
				//var totalchild = $('#age-12').val();
				$('#sum-junk').html('');
				$(xml).find('itineraries').each(function(){
					var id = $(this).attr('id');
					if (id == $('#itinerary').val()) {
							$(this).find('cabintype').each(function(){
								var cabinid = $(this).attr('id');
									if (($('#cabintype').val()!="charter")&&($('#'+cabinid.toLowerCase()).val()>0)) {
										var pricecabin = $(this).find($('#cabintype').val()).text();
										var childrate = $(this).find('child').text();
										
										$('<li id="li-'+$('#cabintype').val()+'"></li>').html('<label>'+cabinid+' Cabin(s): </label> <span	class="spn">'+$('#'+cabinid.toLowerCase()).val()+'</span>').appendTo('#sum-junk');
										if (childFee > 0){
											//alert(childFee);
											$('<li id="li-child'+$('#cabintype').val()+'"></li>').html('<label>'+cabinid+' Cabin(s)/Child:</label> <span class="spn">'+childFee+'</span>').appendTo('#sum-junk');
											childFee = childFee - $('#'+cabinid.toLowerCase()).val();
										}
									}

									if (($('#cabintype').val()!="charter")&&($('#twins').val()>0)&&(cabinid.toLowerCase()=='double')) {
										var pricecabin = $(this).find($('#cabintype').val()).text();
										var childrate = $(this).find('child').text();
										$('<li id="li-twins"></li>').html('<label>Twins Cabin(s): </label> '+$('#twins').val()).appendTo('#sum-junk');
										if (childFee > 0){
											$('<li id="li-child'+$('#cabintype').val()+'"></li>').html('<label>Twins Cabin(s)/Child:</label> '+childFee).appendTo('#sum-junk');
											childFee--;
											//alert(childFee);
										}
									}

									//============= RATE: CHARTER ==================//
									if ($('#cabintype').val()=="charter"){
										//alert(cabinid+'----'+$('#cabin-'+cabinid).val());
										if ($('#totaljunk2').val() > 0) { 
											okShow = 0;
											var pricecabin = $(this).find("price").text();
												$('#divCharter').find('select[@value=cabin-'+cabinid+']').each(function(){
													okShow++;
													thisid = $(this).attr('id');
												});
												if (okShow){
													$('<li></li>').html('<label>'+$('#'+thisid+' :selected').text()+'</label> <span class="spn">'+okShow).appendTo('#sum-junk');
												}
										}
									}
							});
					}
				});	
				$('#sum-total').html($(".intSum").sum());
			}
		});
	}

	$('#sum-total').html($(".intSum").sum());
}

	//====================== ok CHECK REQUIRED ============================
	// validate signup form on keyup and submit 
	var validator = $("#reserationform").validate({
		rules: {
			name: "required",
			//errorcheck:"required",
			email: {
				required: true,
				email: true
			},
			kayak2: {
				required: "#kayak:checked"
			},
			pickup: {
				required: function(element) {
					return $('#transportation').val()!="No";
				}
			},

			terms: "required"
		},
		messages: {
			name: "Please enter your fullname",
			//errorcheck:"Please check this below error",
			email: {
				required: "Please enter a valid email address",
				minlength: "Please enter a valid email address"
			},
			kayak2:"Kindly advise us the number of people will use kayak",
			pickup:"Please fill your pickup address",
			terms: "Please accept our Online Booking Terms"
		},
		errorPlacement: function(error, element) {
			   error.insertAfter(element);
		},

//		debug:true,
		// specifying a submitHandler prevents the default submit, good for the demo
//		submitHandler: function(form) {
			//alert("submitted!");
//			$('input[@name^=submit]').attr('disabled', true);
//			form.submit();
//		},

		// set this class to error-labels to indicate valid fields
		success: function(label) {
			// set &nbsp; as text for IE
			label.html("&nbsp;").addClass("checked");
		},

		//debug:true
	});

			$("#news").newsTicker();

								Shadowbox.init();
					Date.format = 'yyyy/mm/dd';
		$('.datepicker').datePicker({clickInput:true});
		$('.datepicker').dpSetPosition($.dpConst.POS_TOP, $.dpConst.POS_LEFT);
		$('#txtcheckout').dpSetDisabled(true);
		$('#txtcheckin').bind(
				'dpClosed',
				function(e, selectedDates)
				{
					var d = selectedDates[0];
					if (d) {
						d = new Date(d);
						$('#txtcheckout').dpSetStartDate(d.asString());
						if ($('#itinerary').val()!="3") $('#txtcheckout').val(d.addDays($('#itinerary').val()).asString());
					}
				}
			);
			$('#txtcheckout').bind(
				'dpClosed',
				function(e, selectedDates)
				{
					var d = selectedDates[0];
					if (d) {
						d = new Date(d);
						now = new Date();
						if (now < d.addDays(-$('#itinerary').val())){
							$('#txtcheckin').dpSetStartDate(now.asString());

						}
					}
				}
			);
});
	var _gaq = _gaq || [];
	_gaq.push(['_setAccount', 'UA-10586290-1']);
	_gaq.push(['_setDomainName', 'none']);
	_gaq.push(['_setAllowLinker', true]);
	_gaq.push(['_trackPageview']);


  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga);

   // var blvdTrack = document.createElement('script'); blvdTrack.type = 'text/javascript'; blvdTrack.async = true;
    // blvdTrack.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'track.blvdstatus.com/js/initBlvdJS.php?tid=BS-f187f896-1';
    // (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(blvdTrack);
  })();

// get the full hieght of body
var docHeight = document.documentElement.scrollHeight ? document.documentElement.scrollHeight : document.body.scrollHeight;

// Style overlay and show it
$('#sb-overlay').css({
height: docHeight
}).fadeIn();

//]]>