$(function(){
	// calendar
	$(".datefield").datepicker({
		inline:false,
		showStatus: true,
		showOn: "button",
		buttonImage: "/PublishingImages/calendar.png",
		buttonImageOnly: true,
		dateFormat: 'dd/mm/yy',
		onSelect: function(dateText) {
			$("input#datefield").val(dateText);
			$("input#datefield").removeClass("hide");
			$(".ui-datepicker-inline").addClass("with-input");
		}
	});
	
	// toggle on symptoms page
	$('a.toggle').toggle(function(){
		// the button
		$('a.toggle')
			//.hide('slow')
			.text('Close')
			.attr('title','Close this box')
			.removeClass('closed')
			.addClass('open');
			//.show('slow');
		/*$('#symptom-finder .content-block')*/
			/*.removeClass('hide')*/
		$('#symptom-finder')
			.show('slow', function() {
				$('#finder-bar-title')
					.text('Close symptom finder')
				$('#symptom-finder .content-block')
					.removeClass('hide')
					.fadeIn('fast')
				$('.symptom-content')
					.fadeOut('slow')
			})
		},function(){
		$('a.toggle')
			.text('Open')
			.attr('title','Open this box')
			.addClass('closed')
			.removeClass('open');
		$("#symptom-finder .content-block")
			.hide('slow', function() {
				$('#finder-bar-title')
				.text('Open symptom finder')
				$(".symptom-content")
					.fadeIn('slow')
		});
	});
});
// textresize
$(function(){
	var $content = $('div#allContainer');			// save main content div in var

	// if a cookie already exists: load saved value, otherwise do nothing
		if($.cookie('cookie_textsize_class')) {
			var $getClassname = $.cookie('cookie_textsize_class'); // get value
			// add class to content div
			$content.addClass($getClassname);
			// depending on which classname is set to the content div, the li class changes
			if ($getClassname=='textsize-normal'){
				$('li#textsize-normal-link').addClass("active");
			} else if ($getClassname=='textsize-large'){
				$('li#textsize-large-link').addClass("active");
			} else if ($getClassname=='textsize-larger'){
				$('li#textsize-larger-link').addClass("active");
			}
		} else {
			// set normal textsize link to be active
			$content.addClass("textsize-normal");
			$('li#textsize-normal-link').addClass("active");
		}
	$('#text-resize li').click(function(){
		if (this.id == 'textsize-large-link') { 				// enlarge text
			$content.addClass("textsize-large");
			$content.removeClass("textsize-larger");
			$('li#textsize-large-link').addClass("active");
			$('li#textsize-normal-link').removeClass("active");
			$('li#textsize-larger-link').removeClass("active");
			$.cookie('cookie_textsize_class', 'textsize-large', { expires: 365, path: "/"} ); // save cookie
		}
		else if (this.id == 'textsize-normal-link') { 			// else reduce it by same amount
			$content.removeClass("textsize-large");
			$content.removeClass("textsize-larger");
			$('li#textsize-normal-link').addClass("active");
			$('li#textsize-large-link').removeClass("active");
			$('li#textsize-larger-link').removeClass("active");
			$.cookie('cookie_textsize_class', null, { path: "/"} ); // save cookie
		}
		else if (this.id == 'textsize-larger-link') { 			// else reduce it by same amount
			$content.addClass("textsize-larger");
			$content.removeClass("textsize-large");
			$('li#textsize-larger-link').addClass("active");
			$('li#textsize-normal-link').removeClass("active");
			$('li#textsize-large-link').removeClass("active");
			$.cookie('cookie_textsize_class', 'textsize-larger', { expires: 365, path: "/"} ); // save cookie
		}
	});

});

// form validation
$(function(){
	$('#form-all :input').blur(function() {
		$(this).prev('label').removeClass('error')
		$(this).next('div.error-msg').remove();

		// check if required
		if ($ (this) .is('.required')) {
			var $labelItem = $(this).prev('label:first');
			// check if empty
			if (this.value == '') {
				var errorMessage = '<p>' + 'This is a required field' + '</p>';
				$('<div></div>')
				.addClass('error-msg')
				.insertAfter(this)
				.append(errorMessage);
			$labelItem.addClass('error');
			};
		};		// check for proper email address
		//if ($(this) .is('#email')) { removed by sumeeng
		if ($(this) .is('.form-appointment-email')) {
			var $labelItem = $(this).prev('label:first');
			if (this.value != '' && !/.+@.+\.[a-zA-Z]{2,4}$/.test(this.value)) {
				//var errorTitle = 'Invalid e-mail address'
				//var errorMessage = 'E-mail address should be in the form ' + '<strong>' + 'myemail@example.com' + '</strong>';
				var errorMessage = 'Invalid e-mail address';
				$('<div></div>')
				.addClass('error-msg')
				.insertAfter(this)
				//.append('<p><strong>' + errorTitle + '</strong>' +  errorMessage + '</p>');
				.append('<p>' + errorMessage + '</p>');
			$labelItem.addClass('error');
				};
		};
				//check for age
		if ($(this) .is('.form-appointment-age')) {
			var $labelItem = $(this).prev('label:first');
			
			var errorTitle = '';
			var errorMessage = '';
			var isError = false;
			
			if(isNaN(this.value))
			{
				errorMessage = 'Invalid age'
				isError = true;
				
			}			
			else if( !((parseInt(this.value) >= 0) && (parseInt(this.value) <= 120)) )
			{
				if(this.value != '')
				{
					errorMessage = 'Invalid age';
					isError = true;
				}
			}
			
			if (isError) {
				$('<div></div>')
				.addClass('error-msg')
				.insertAfter(this)
				//.append('<p><strong>' + errorTitle + '</strong>' +  errorMessage + '</p>');
				.append('<p>' +  errorMessage + '</p>');
			$labelItem.addClass('error');
				};
		}

	});
	// form submit
	$('#form-all').submit(function() {
		$(':input.required').trigger('blur');
		var numWarnings = $('.error', this).length;
		if (numWarnings) {
			// find p intro
			$('#helpmessage1')
				.text('')
				.append('Please correct errors with the ' + numWarnings + ' marked fields')
				var originalBG = "#fffdd8";
				var fadeColor = "#f00000";
				//Fade to the new color
				$('#helpmessage1').animate({backgroundColor:fadeColor}, 750)
				//Fade back to original color
				$('#helpmessage1').animate({backgroundColor:originalBG},750)
				.addClass('error-msg');
			return false;
		};
	});
});

// load stylesheet for javascript enabled browsers
$(function(){
	var addStyleSheet = "<link rel='stylesheet' type='text/css' href='/Style Library/js-enabled-styles.css' />";
	$('head')
		.append(addStyleSheet);
});

/*
// show and hide on procedures page
$(function(){
	// get links inside link-lists-container
	$('.link-lists-container a').each(function(index){
		// get li elems
		$(this).attr({
			'id': 'link-' + (index + 1)
		});
		var linkNum = index + 1;
		$(this).click(function(){
			// find div#text with class linktext
			$('div.linktext')
				.addClass('hide')
			$('.link-lists-container li.active')
				.removeClass('active')
			$(this).parent('li')
				.addClass('active')
			// remove class from corresponding div
			$('div#text0' + linkNum)
				.removeClass('hide')
				return false;
		});
	});
});
*/
// select all in form with checkbox
$(function(){
	// set click event on checkbox
	$('#select-all').click(function(){
		//alert('selected');
		var $checkboxes = $('table.wide').find(':checkbox');
		if (this.checked) {
			$checkboxes.attr('checked', 'true');
		} else {
			$checkboxes.attr('checked', '');
		}
	});
});

// symptoms carousel
$(function(){
	$('#symptoms-carousel').css({
		'overflow': 'hidden'
	})
	var $leftPos = 0;
	// set link1 to be the active link
	$('.symptoms-navigation a#first-slide').addClass('active')
	// set prev link to be disabled
	var disablePrev = function() {
		if ($leftPos == 0) {
			$('.symptoms-navigation a.prev')
				.addClass('disabled')
				.attr('title', 'You are at the first slide')
		} else {
			$('.symptoms-navigation a.prev')
				.removeClass('disabled')
				.attr('title', 'to previous slide')
		}
	}
	// set next link to be disabled
	var disableNext = function() {
		if ($leftPos == -1863) {
			$('.symptoms-navigation a.next')
				.addClass('disabled')
				.attr('title', 'You are at the last slide')
		} else {
			$('.symptoms-navigation a.next')
				.removeClass('disabled')
				.attr('title', 'to next slide')
		}
	}
	// run disablePrev
	disablePrev();
	// setactive function
	var setActive = function() {
		// first
		if ($leftPos == 0) {
			$('.symptoms-navigation a.numbered').removeClass('active')
			$('.symptoms-navigation a#first-slide').addClass('active')
		}
		// second
		if ($leftPos == -621) {
			$('.symptoms-navigation a.numbered').removeClass('active')
			$('.symptoms-navigation a#second-slide').addClass('active')
		}
		// third
		if ($leftPos == -1242) {
			$('.symptoms-navigation a.numbered').removeClass('active')
			$('.symptoms-navigation a#third-slide').addClass('active')
		}
		// fourth
		if ($leftPos == -1863) {
			$('.symptoms-navigation a.numbered').removeClass('active')
			$('.symptoms-navigation a#fourth-slide').addClass('active')
		}
	}
	// set click handlers for each link
	$('.symptoms-navigation a.numbered').each(function(index){
		$(this).click(function(event){
			$leftPos = -621*index
			$('#symptoms-carousel .symptom-slides').animate({'left': $leftPos}, 'slow')
			$('.symptoms-navigation a').removeClass('active')
			$(this).addClass('active')
			disablePrev()
			disableNext();
		event.preventDefault()
		});
	});
	// next button
	$('.symptoms-navigation a.next').click(function(event){
		if ($leftPos <= -1863) {
			return false;
		}
		$leftPos = $leftPos - 621;
		$('#symptoms-carousel .symptom-slides').animate({'left': $leftPos}, 'slow');
		//alert($leftPos);
		setActive();
		disablePrev()
		disableNext();
		event.preventDefault()
	});
	// prev button
	$('.symptoms-navigation a.prev').click(function(event){
		if ($leftPos >= 0) {
			//alert('oi')
			return false;
		}
		$leftPos = $leftPos + 621;
		$('#symptoms-carousel .symptom-slides').animate({'left': $leftPos}, 'slow');
		setActive();
		disablePrev();
		disableNext();
		event.preventDefault()
	});
});


	//$('#second-slide').click(function(){
	//	$('#symptoms-carousel .symptom-slides').css({
	//		'left': '-260px'
	//	})
	//event.preventDefault()
	//});