var timeout	= 500;
var closetimer	= 0;
var ddmenuitem	= 0;
var ddmenu	= 0;
var ddcurr = 0;

// open hidden layer
function mopen(id, menuid, curr)
{	
	// cancel close timer
	mcancelclosetime();

	// close old layer
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

	// get new layer and show it 
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.visibility = 'visible';

	ddmenu = menuid;		
	ddcurr = curr;

	jQuery("#"+menuid).css("color","#FFF");

}
// close showed layer
function mclose()
{
	if(ddmenuitem) {
		ddmenuitem.style.visibility = 'hidden';	
		
			if (ddcurr == "product") {
				jQuery("#products-menu").css("color","#FFF");
				jQuery("#aboutus-menu").css("color","#63801E");
			} else if (ddcurr == "aboutus") {
				jQuery("#aboutus-menu").css("color","#FFF");
				jQuery("#products-menu").css("color","#63801E");
			} else {
				jQuery("#"+ddmenu).css("color","#63801E");
			}
		
	}
	
}

// go close timer
function mclosetime()
{
	closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

// close layer when click-out
document.onclick = mclose;


var slider = 0;

function form_slider() {
	if (slider == 0) {
		jQuery("#contactus-slider").animate({ 
			opacity: 1.0,
			marginTop: "0px"
		}, 1500 );
		slider++;
	} else {
		jQuery("#contactus-slider").animate({
			opacity: 0.3,
			marginTop: "-257px"
		}, 1500 );
		slider = 0;
	}
}




function validateFormOnSubmit(theForm) {
	var reason = "";
	
	reason += validateEmpty(theForm.name, 'name');
	reason += validateEmail(theForm.email, 'email');
	reason += validateEmpty(theForm.comments, 'comments');
	
	if (reason != "") {
		return false;
	}
	
	var name = jQuery("#name").val();
	var email = jQuery("#email").val();
	var comments = jQuery("#comments").val(); 
	
	var html = "<p class='sent-msg'>Your Information has been submitted.</p><p class='sent-msg1'>Thank You!</p>"
	
	jQuery.post("send-mail.php", {name: ""+name+"", email: ""+email+"", comments: ""+comments+""},
		function(data){
			jQuery("#contactus-slider .middlebox").html(html);
		}
	);
	
	return false;
}

function validateEmpty(fld, fval) {
    var error = "";
	
    if (fld.value.length == 0) {
        fld.style.background = '#E9E9E9'; 
        jQuery("#"+fval).css({'color':'#FF0000'});
		jQuery("#"+fval).css({'border':'1px solid #FF0000'});
        error = "The required field has not been filled in.\n"
    } else {
        jQuery("#"+fval).css({'color':'#000'});
        fld.style.background = 'White';
		jQuery("#"+fval).css({'border':'1px solid #000'});
    }
    return error;  
}
function validateUsername(fld, fval) {
    var error = "";
    var illegalChars = /\W/; // allow letters, numbers, and underscores
	
    if (fld.value == "") {
        fld.style.background = '#E9E9E9'; 
        jQuery("#"+fval).css({'color':'#FF0000'});
		jQuery("#"+fval).css({'border':'1px solid #FF0000'});
        error = "You didn't enter a username.\n";
    } else if (illegalChars.test(fld.value)) {
        fld.style.background = '#E9E9E9';
        jQuery("#"+fval).css({'color':'#FF0000'}); 
		jQuery("#"+fval).css({'border':'1px solid #FF0000'});
        error = "The username contains illegal characters.\n";
    } else {
        fld.style.background = 'White';
        jQuery("#"+fval).css({'color':'#000'});
		jQuery("#"+fval).css({'border':'1px solid #000'});
    }
    return error;
}
function trim(s)
{
	return s.replace(/^\s+|\s+$/, '');
}
function validateEmail(fld, fval) {
    var error="";
    var tfld = trim(fld.value);                        // value of field with whitespace trimmed off
    var emailFilter = /^[^@]+@[^@.]+\.[^@]*\w\w$/ ;
    var illegalChars= /[\(\)\<\>\,\;\:\\\"\[\]]/ ;
	
    if (fld == "") {
	fld.style.background = '#E9E9E9';
	jQuery("#"+fval).css({'color':'#FF0000'});
	jQuery("#"+fval).css({'border':'1px solid #FF0000'});
	error = "You didn't enter an email address.\n";
} else if (!emailFilter.test(tfld)) {              //test email for illegal characters
	fld.style.background = '#E9E9E9';
	jQuery("#"+fval).css({'color':'#FF0000'});
	jQuery("#"+fval).css({'border':'1px solid #FF0000'});
	error = "Please enter a valid email address.\n";
} else if (fld.value.match(illegalChars)) {
	fld.style.background = '#E9E9E9';
	jQuery("#"+fval).css({'color':'#FF0000'});
	jQuery("#"+fval).css({'border':'1px solid #FF0000'});
	error = "The email address contains illegal characters.\n";
} else {
	fld.style.background = 'White';
	jQuery("#"+fval).css({'color':'#000'});
	jQuery("#"+fval).css({'border':'1px solid #000'});
}
return error;
}