var empty = new Image(); empty.src = "images/fieldempty.gif";
var email = new Image(); email.src = "images/emailerror.gif";

var haveerrors = 0;
function showImage(imagename, imageurl, errors) {
document[imagename].src = imageurl;
if (!haveerrors && errors) haveerrors = errors;
}

function validateForm(f) {
haveerrors = 0;
(f.fname.value.length < 1) // validate first name length
? showImage("firstnameerror", "images/fieldempty.gif", true)   // no semi-colon after this line!
: showImage("firstnameerror", "images/blankimage.gif", false); // true = errors, false = no errors

(f.lname.value.length < 1) // validate last name length
? showImage("lastnameerror", "images/fieldempty.gif", true)
: showImage("lastnameerror", "images/blankimage.gif", false);


(f.country.value.length < 1) // validate last name length
? showImage("countryerror", "images/fieldempty.gif", true)
: showImage("countryerror", "images/blankimage.gif", false);

(f.card.value.length < 1) // validate last name length
? showImage("carderror", "images/fieldempty.gif", true)
: showImage("carderror", "images/blankimage.gif", false);

(f.expd.value.length < 1) // validate last name length
? showImage("expderror", "images/fieldempty.gif", true)
: showImage("expderror", "images/blankimage.gif", false);

(f.message.value.length < 1) // validate last name length
? showImage("messageerror", "images/fieldempty.gif", true)
: showImage("messageerror", "images/blankimage.gif", false);


(f.email.value.search("@") == -1 || f.email.value.search("[.*]") == -1) // validate email
? showImage("emailerror", "images/emailerror.gif", true)
: showImage("emailerror", "images/blankimage.gif", false);

return (!haveerrors);
}
