// JavaScript Document

function externalLinks(){
	var links = $$('a');
	links.each (function(el){
		var rel = el.getProperty('rel');
		if (rel == 'external'){
			el.setProperty ('target', '_blank');
		}
	});
}

function _paypal_link(){
	var paypal_logo = $$('#paypal_logo');
	if (paypal_logo.length > 0){
		$('paypal_logo').setStyle ('margin-left', '-20px');
		$('paypal_logo').addEvent ('mouseover', function(el){
			this.setStyle('cursor', 'pointer');
		});
		$('paypal_logo').addEvent ('click', function(el){
			window.open('https://www.paypal.com/uk/cgi-bin/webscr?cmd=xpt/cps/popup/OLCWhatIsPayPal-outside','olcwhatispaypal','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=400, height=350');
		});
	}
}

function startforms(){
	var forms = $$('form');
	forms.each (function(el){
		el.addEvent('submit', function(e){
			if (!validateForm(el.id)){
				event = new Event(e);
				event.stop();
			}
		});
	});
	var req_fields = $$('form .req');
	req_fields.each (function(el){
		el.addEvent('blur', function(e){
			Error = verifyField(el.id);
		});
	});
}

function verifyField(id){
	error = '';
	type = '';
	rel_content  = '';
	rel_content = $(id).getProperty('rel');
	if (rel_content){
		if (rel_content.indexOf('email') != -1){
			type = 'email';
		}
	}
	switch (type){
		case 'email':
			var value = $(id).value;
			apos = value.indexOf("@");
			dotpos = value.lastIndexOf(".");
			if (apos<1 || dotpos-apos<2){
				error += rel_content + '\r\n';
			}
			break;
		default:
			var value = $(id).value;
			if (!value){
				if (rel_content){
					error += rel_content + '\r\n';
				} else {
					error = true;
				}
			}
			break;
	}
	var p = $(id).getParent();
	if (error){
		p.addClass ('invalid');
		p.removeClass('valid');
		/*var div = new Element('div');
		div.appendText('Error! Please complete this field!');
		div.injectAfter($(id));*/
	} else {
		p.addClass('valid');
		p.removeClass('invalid');
	}
	return error;
}

function validateForm(id){
	main_error = '';
	firstError = '';
	var fields = $$('form#' + id + ' .req');
	for (a=0; a<fields.length; a++){
		Return = verifyField(fields[a].id)
		if (Return){
			main_error += Return;
			firstError = firstError ? firstError : fields[a].id;
		}
	}
	if (main_error){
		$(firstError).focus();
		alert (main_error);
		return false;
	}
	return true;
}

window.addEvent('domready', function(){
	externalLinks();
	_paypal_link();
	shop();
	startforms();
});