function uploadBox() {
img1 = new Image(16, 16);  
img1.src="images/spinner.gif";
img2 = new Image(220, 19);  
img2.src="images/ajax-loader.gif";
$('#uploadForm').modal({onOpen: modalOpen, onClose: Close});

}

function modalOpen (dialog) {
	dialog.overlay.fadeIn('slow', function () {
		dialog.container.fadeIn('slow', function () {
			dialog.data.hide().slideDown('slow');	 
		});
	});
}
	
function Close(dialog) {
	dialog.data.fadeOut('slow', function () {
		dialog.container.hide('slow', function () {
			dialog.overlay.slideUp('slow', function () {
				$.modal.close();
				//window.location.href = "index.php#0-1-details";

			});
		});
	});
}



function validate(){
	
	clearValidation();
	var errorFlag = 0;
	var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
	var fname = document.getElementById("fname").value;
	var lname = document.getElementById("lname").value;
	var company = document.getElementById("company").value;
	var phone = document.getElementById("phone").value;
	var email = document.getElementById("email").value;
	var file = document.getElementById("file").value;
	var ae = document.getElementById("ae").value;
	var comments = document.getElementById("comments").value;

	//check email address
	 if(email == ""){
		errorFlag = 1;
		document.getElementById('emailLabel').style.color='#FF0000';
	}else if(reg.test(email) == false){
		errorFlag = 1;
		document.getElementById('emailLabel').style.color='#FF0000';
	}
	//check remaining selctions
	if(fname == ""){
		errorFlag = 1;
		document.getElementById('fnameLabel').style.color='#FF0000';
	}
	if(lname == ""){
		errorFlag = 1;
		document.getElementById('lnameLabel').style.color='#FF0000';		
	}
	if(phone == ""){	
		errorFlag = 1;
		document.getElementById('phoneLabel').style.color='#FF0000';
	}
	/*if(company == ""){	
		errorFlag = 1;
		document.getElementById('companyLabel').style.color='#FF0000';
	}*/
	if(file == ""){	
		errorFlag = 1;
		document.getElementById('fileName').style.color='#FF0000';
	}
	/*if(ae == ""){	
		errorFlag = 1;
		document.getElementById('aeLable').style.color='#FF0000';
	}
	if(comment == ""){	
		errorFlag = 1;
		document.getElementById('commentsLabel').style.color='#FF0000';
	}*/
	

if(errorFlag == 1){
	return false;
}else{
	$.modal.close();
	return true;
	
}
	
	
}

function validategrafx(){
	
	clearValidationgrafx();
	var errorFlag = 0;
	var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
	var clientname = document.getElementById("clientname").value;
	var clientemail = document.getElementById("clientemail").value;
	var file = document.getElementById("file").value;
	var employee = document.getElementById("employee").value;
	var comments = document.getElementById("comments").value;

	//check email address
	 if(clientemail == ""){
		errorFlag = 1;
		document.getElementById('clientemailLabel').style.color='#FF0000';
	}else if(reg.test(clientemail) == false){
		errorFlag = 1;
		document.getElementById('clientemailLabel').style.color='#FF0000';
	}
	//check remaining selctions
	if(clientname == ""){
		errorFlag = 1;
		document.getElementById('clientnameLabel').style.color='#FF0000';
	}
	if(file == ""){	
		errorFlag = 1;
		document.getElementById('fileName').style.color='#FF0000';
	}
	/*if(employee == ""){	
		errorFlag = 1;
		document.getElementById('employeeLabel').style.color='#FF0000';
	}
	if(comment == ""){	
		errorFlag = 1;
		document.getElementById('commentsLabel').style.color='#FF0000';
	}*/
	

if(errorFlag == 1){
	return false;
}else{
	$.modal.close();
	return true;
	
}
	
	
}

function clearValidation(){
	document.getElementById('fnameLabel').style.color='#000000';
	document.getElementById('lnameLabel').style.color='#000000';
	document.getElementById('companyLabel').style.color='#000000';
	document.getElementById('phoneLabel').style.color='#000000';
	document.getElementById('emailLabel').style.color='#000000';
	document.getElementById('fileName').style.color='#000000';
	document.getElementById('aeLable').style.color='#000000';
	document.getElementById('commentsLabel').style.color='#000000';
}

function clearValidationgrafx(){
	document.getElementById('clientnameLabel').style.color='#000000';
	document.getElementById('clientemailLabel').style.color='#000000';
	document.getElementById('employeeLabel').style.color='#000000';
	document.getElementById('fileName').style.color='#000000';
	document.getElementById('commentsLabel').style.color='#000000';
}