//***** Digital Canvas Awards Entry Form Javascript Functions *****//

//** BEGIN COLOR FADE **//
// @name      The Fade Anything Technique
// @namespace http://www.axentric.com/aside/fat/
// @version   1.0-RC1
// @author    Adam Michela
var Fat = {
	make_hex : function (r,g,b) 
	{
		r = r.toString(16); if (r.length == 1) r = '0' + r;
		g = g.toString(16); if (g.length == 1) g = '0' + g;
		b = b.toString(16); if (b.length == 1) b = '0' + b;
		return "#" + r + g + b;
	},
	fade_all : function ()
	{
		var a = document.getElementsByTagName("*");
		for (var i = 0; i < a.length; i++) 
		{
			var o = a[i];
			var r = /fade-?(\w{3,6})?/.exec(o.className);
			if (r)
			{
				if (!r[1]) r[1] = "";
				if (o.id) Fat.fade_element(o.id,null,null,"#"+r[1]);
			}
		}
	},
	fade_element : function (id, fps, duration, from, to) 
	{
		if (!fps) fps = 30;
		if (!duration) duration = 3000;
		if (!from || from=="#") from = "#FFFF33";
		if (!to) to = this.get_bgcolor(id);
		
		var frames = Math.round(fps * (duration / 1000));
		var interval = duration / frames;
		var delay = interval;
		var frame = 0;
		
		if (from.length < 7) from += from.substr(1,3);
		if (to.length < 7) to += to.substr(1,3);
		
		var rf = parseInt(from.substr(1,2),16);
		var gf = parseInt(from.substr(3,2),16);
		var bf = parseInt(from.substr(5,2),16);
		var rt = parseInt(to.substr(1,2),16);
		var gt = parseInt(to.substr(3,2),16);
		var bt = parseInt(to.substr(5,2),16);
		
		var r,g,b,h;
		while (frame < frames)
		{
			r = Math.floor(rf * ((frames-frame)/frames) + rt * (frame/frames));
			g = Math.floor(gf * ((frames-frame)/frames) + gt * (frame/frames));
			b = Math.floor(bf * ((frames-frame)/frames) + bt * (frame/frames));
			h = this.make_hex(r,g,b);
		
			setTimeout("Fat.set_bgcolor('"+id+"','"+h+"')", delay);

			frame++;
			delay = interval * frame; 
		}
		setTimeout("Fat.set_bgcolor('"+id+"','"+to+"')", delay);
	},
	set_bgcolor : function (id, c)
	{
		var o = document.getElementById(id);
		o.style.backgroundColor = c;
	},
	get_bgcolor : function (id)
	{
		var o = document.getElementById(id);
		while(o)
		{
			var c;
			if (window.getComputedStyle) c = window.getComputedStyle(o,null).getPropertyValue("background-color");
			if (o.currentStyle) c = o.currentStyle.backgroundColor;
			if ((c != "" && c != "transparent") || o.tagName == "BODY") { break; }
			o = o.parentNode;
		}
		if (c == undefined || c == "" || c == "transparent") c = "#FFFFFF";
		var rgb = c.match(/rgb\s*\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)/);
		if (rgb) c = this.make_hex(parseInt(rgb[1]),parseInt(rgb[2]),parseInt(rgb[3]));
		return c;
	}
}
//** END COLOR FADE **//


//** BEGIN FORM VERIFICATION **//
function verify(s){
	for(i=0; i < s.length; i++){
		
		base = s[i].parentNode; //Base Node
		var error;
		
		/* Assign variables per browser. */
		if( navigator.userAgent.toLowerCase().indexOf('msie') == -1){
			var req = base.childNodes[1].childNodes[0];
			var label = base.childNodes[1];
			var errChk = base.childNodes[3];
		}else{
			var req = base.childNodes[0].childNodes[0];
			var label = base.childNodes[0];
			var errChk = base.childNodes[2];
		}
	
		/* Check if field is required. */
		if ( req.className && req.className.indexOf('req') != -1 ){
			/* Check if required field is empty. */
			var alpha = /[a-z\dA-Z\d]/

			if(!alpha.test(s[i].value)){
				errorMsg = '&laquo; ' + label.innerHTML.replace('*','') + ' is required!'; //Create Error Message
				var err = errorDisplay(errChk,s[i]); //Create error layer
				err.innerHTML = errorMsg; //Output error msg
				label.className = 'labelError'; //Change label class
				if (navigator.userAgent.toLowerCase().indexOf('applewebkit') == -1){ //Check for Safari
					Fat.fade_element(base.id,null,null,"#eae7c3"); //Fade Background Color
				}
				error = true;
			}else{
				/* Check if field is email and required. Check for valid email address */
				if( (req.className.indexOf('email') != -1) && (req.className.indexOf('req') != -1) && (emailCheck(s[i].value) == true) ){
					errorMsg = '&laquo; Enter valid e-mail address!'; //Output error msg
					var err = errorDisplay(errChk,s[i]); //Create error layer
					err.innerHTML = errorMsg; //Output error msg
					label.className = 'labelError'; //Change label color
					if (navigator.userAgent.toLowerCase().indexOf('applewebkit') == -1){ //Check for Safari
						Fat.fade_element(base.id,null,null,"#eae7c3"); //Fade Background Color
					}
					error = true;
				}else{
					errorMsg = ''; //Output error msg
					var err = errorDisplay(errChk,s[i]); //Create error layer
					err.innerHTML = errorMsg; //Output error msg
					label.className = 'label'; //Change label color
				}
			}
		}
	}

	/* If no errors, submit form */
	if(error != true){
		s.submit();
	}
}

function errorDisplay(errChk,field){
	/* Check if error layer exists */
	if(errChk && errChk.className != 'error'){
		err = document.createElement('div'); //Create Error Message Layer
		err.className = 'error'; //Set Error Message Layer Class
		base.insertBefore(err, field); //Insert Error Message Layer
	}else{
		err = errChk;
	}
	
	return err;
}

function emailCheck(value){
	var check = /^.+@.+\..{2,3}$/
	if(check.test(value)){
		return false
	}else{
		return true
	}
}

//** END FORM VERIFICATION **//


//** BEGIN PRICE ADJUSTING **//

function totalPrice(){
	var t=0;
	var files = document.getElementsByTagName('input');
	for(i=0; i < files.length; i++){
		if(files[i].type == "file" && files[i].value.length > 1){
			t++;
		}
	}
	if(document.getElementById('napp').value.length > 2){
		var m = 25;
	}else{
		var m = 35;
	}
	var total = (t * m);
	document.getElementById('total').innerHTML = '$'+total+'.00';
}

//** END PRICE ADJUSTING **//

function checkAccept() {
	if (!document.register.accept.checked) {
		alert('You must accept the terms of the contest to submit your design.');			
		return false;
	}
}


function popUp(URL) {
	day = new Date();
	id = day.getTime();
	eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=400,height=400,left = 440,top = 312');");
	}