var displeyWarning = false;
var firstSubmit = true;
var $j = jQuery.noConflict();
var timer = null;
var timerLenght = 5 * 1000;

function resetFormField(elem, forceReset){
	var currentId = $j(elem).attr('id');	
	if (currentId != ''){
		if (forceReset == true || $j('#' + currentId).val() == ''){
			$j('#' + currentId).val($j('#label_' + currentId).html());
			$j('#' + currentId).css('text-align', 'center');
			if($j('#' + currentId).hasClass('required') && firstSubmit == false){
				if($j('#' + currentId).is('input[type="checkbox"]')){
					$j('#' + currentId).parent().addClass('on');
				}
				else {
					$j('#' + currentId).addClass('on');
				}
			}
		}
		
		if ($j('#' + currentId).val() == $j('#label_' + currentId).html()){
			$j('#label_' + currentId).fadeOut(500);
			if($j('#' + currentId).hasClass('required') && firstSubmit == false){
				if($j('#' + currentId).is('input[type="checkbox"]')){
					$j('#' + currentId).parent().addClass('on');
				}
				else {
					$j('#' + currentId).addClass('on');
				}
				testRequired();
			}
		}
		else {
			if($j('#' + currentId).hasClass('required') && firstSubmit == false){
				if($j('#' + currentId).is('input[type="checkbox"]')){
					$j('#' + currentId).parent().removeClass('on');
				}
				else {
					$j('#' + currentId).removeClass('on');
				}
				testRequired();
			}
		}
	}
	if(timer){
		clearTimeout(timer);
	}
//	timer = setTimeout(closeArea, timerLenght);
}
function closeArea(){
	$j('#box_comments').hide();
	$j('#box_organisation').hide();
	$j('#sc_view').animate({'height': '204'}, 'slow')
}
function showArea(){
	$j('#box_comments').show();
	$j('#box_organisation').show();
}
function testRequired(){
	if(firstSubmit == true){
		return;
	}
	var displeyWarning = false;
	var requiredId;
	$j('input[type="text"].required').each(function(){
		requiredId = $j(this).attr('id');
		if ($j(this).val() == $j('#label_' + requiredId).html() && !$j('#' + requiredId).attr('disabled')){
			displeyWarning = true;
			$j('#' + requiredId).addClass('on');
		}
	});
	$j('input[type="checkbox"].required').each(function(){
		if ($j(this+':checkbox:checked').val() != 'YES'){
			displeyWarning = true;
			requiredId = $j(this).attr('id');
			$j('#' + requiredId).parent().addClass('on');
		}
	});
	
	if(displeyWarning){
		$j('#warning').fadeIn();
		$j('#submit_button').attr('disabled', 'disabled');
		$j('#submit_button').removeClass('on');
	}
	else {
		$j('#warning').fadeOut();
		$j('#submit_button').removeAttr('disabled');
		$j('#submit_button').addClass('on');
	}
}
function resetFormFields(boxId, forceReset){
	$j(boxId + ' input[type="text"]').each(function(){
		resetFormField(this, forceReset);
	});
	$j(boxId + ' textarea').each(function(){
		resetFormField(this, forceReset);
	});
}
function makeFormFieldEmpty(elem){
	var currentId = $j(elem).attr('id');
	if ($j('#' + currentId).val() == $j('#label_' + currentId).html()){
		$j('#' + currentId).val('');
		$j('#label_' + currentId).fadeIn(1000);
		$j('#' + currentId).css('text-align', 'left');
	}
	if(timer){
		clearTimeout(timer);
	}
//	$j('#cs_view').animate({'height': '390'}, 'slow', showArea);
}
function changeNumOfDel(numOfDel){
	var numOfDel, i;
	if (typeof(numOfDel) == 'undefined'){
		numOfDel = parseInt($j('#number_of_delegates').val());
	}
	for (i = 1; i <= numOfDel; i++){
		$j('#delegate_' + i).fadeIn();
		$j('#delegate_' + i + ' input').each(function(){
			$j(this).removeAttr('disabled');
		});
	}
	if (numOfDel < 4){
		var x = numOfDel + 1;
		for (i = x; i <= 4; i++){
			$j('#delegate_' + i).fadeOut();
			$j('#delegate_' + i + ' input').each(function(){
				$j(this).attr('disabled', 'disabled');
			});
		}
	}
}
$j(document).ready(function() {
	$j('#warning').hide();
	$j('#interior_design_trends p label').hide();
	$j('#interior_design_trends input[type="text"]').focusin(function(event){
		makeFormFieldEmpty(event.target);
	});
	$j('#interior_design_trends textarea').focusin(function(event){
		makeFormFieldEmpty(event.target);
	});
	$j('#interior_design_trends input[type="text"]').focusout(function(event){
		resetFormField(event.target);
	});
	$j('#interior_design_trends textarea').focusout(function(event){
		resetFormField(event.target);
	});
	$j('#interior_design_trends input[type="checkbox"]').change(function(event){
		resetFormField(event.target);
	});
	resetFormFields('#interior_design_trends');
	//$j('#submit_button').val('').removeAttr('disabled');
});

function testForm(){
	if(firstSubmit == true){
		firstSubmit = false;
		testRequired();
		if($j('#submit_button').attr('disabled')){
			return false;
		}
	}
	clearLabels();
	
	var pars = 'name=' + $('name').value + '&email_address=' + $('email_address').value + '&terms=' + $('terms').value;
	new Ajax.Request('/sitestyle/lib/sendmail.php', { method:'get', parameters: pars, onSuccess: emailSent});
	
	return false;
}
function emailSent(){
	$j('#interior_design_trends').replaceWith('<div id="interior_design_trends_ok"><h6>Interior Design Trends</h6><div></div></div>');
}
function clearLabels(){
	$j('input[type="text"]').each(function(){
		clearId = $j(this).attr('id');
		if ($j(this).val() == $j('#label_' + clearId).html()){
			$j(this).val('Not filled in');
		}
	});
	$j('textarea').each(function(){
		clearId = $j(this).attr('id');
		if ($j(this).val() == $j('#label_' + clearId).html()){
			$j(this).val('Not filled in');
		}
	});
}