if(document.images){
	preloadImage = new Image();
	preloadImage.src = "/images/tip_bottom.gif";
	preloadImage = new Image();
	preloadImage.src = "/images/tip_bottom.png";
	preloadImage = new Image();
	preloadImage.src = "/images/tip_top.gif";
	preloadImage = new Image();
	preloadImage.src = "/images/tip_top.png";
	preloadImage = new Image();
	preloadImage.src = "/images/loading.gif";	
}

function checkMaxLength(element, maxLength) {
	var currentLength = element.value.length;
	if (currentLength >= maxLength){
		element.value=element.value.substr(0, (maxLength-1));
	}
	
	$(element.id +'_max').innerHTML=currentLength;
}

var ajaxSnippet = function(ajax_links, sideimage){
	var div = $(ajax_links+'_div');
	var div_loading = $(ajax_links+'_loading');
	var url = '/inc/faqs.php';
	
	var snippets = $$("#"+ajax_links+" a");
	snippets.each(function(snippet, i) {
		snippet.addEvent("click", function(e) {
			new Event(e).stop();
			
			div_loading.addClass('loading');
			
			div.fade(0, 0);
			
			var myRequest = new Request({
				url: url,
				method: 'get',
				onComplete: function(response) {
					div.set({'html': response});
					
					external();
										
					div.fade(0, 1);
					div_loading.removeClass('loading');
					
					this.scroll = new Fx.Scroll(window, {
						offset: {
							x: 0,
							y: -203
						}
					});
					this.scroll.toElement(div);
				}
			}).send('ajax_id='+this.rel);
			
			var snippetsrevert = $$("#"+ajax_links+" a");
			snippetsrevert.each(function(snippetrevert, i) {
				snippetrevert.className='';
			});
			
			this.className='active';
	
		});
	});
};

function toggleQTY(showhide){
	if(showhide==0){
		$('qty_div').setStyle('display', 'none');
		$('amount_div').setStyle('display', 'block');
	}else{
		$('qty_div').setStyle('display', 'block');
		$('amount_div').setStyle('display', 'none');
	}
	
	new postFormEntry('entry_form', '/inc/payment_type.php');
}


var postFormEntry = function(form, url){
	var div=$(form+'_div');
	var form=$(form);
			
	div.addClass('loading');
	
	var myRequest = new Request({
		url: url,
		method: 'post',
		onComplete: function(response) {
			div.set({'html': response});
			
			div.removeClass('loading');
		}
	}).send(form.toQueryString()+'&calc=1');
};

var postForm = function(form, url){
	var div=$(form+'_div');
	var form=$(form);
			
	div.addClass('loading');
	
	var myRequest = new Request({
		url: url,
		method: 'post',
		onComplete: function(response) {
			form.set({'html': response});
			
			div.removeClass('loading');
		}
	}).send(form.toQueryString());
};

function website(url){
	popupWindow = window.open(url, '_blank','');
	popupWindow.focus();
}

var fadeImages = function(max){
	var current=1;
	
	var timer = 5;
	var periodical; 
	 
	var refresh = (function() {
		$('image'+current).setStyle('z-index', '10');
		$('image'+current).fade(1, 0);		
		
		current=(current==max ? 0 : current);
		current++;
		
		$('image'+current).setStyle('z-index', '20');
		$('image'+current).fade(0, 1);
	});

	periodical = refresh.periodical(timer * 1000, this);
};

var external = function(){
	var anchors = $$("a");
	anchors.each(function(anchor, i) {
		var relAttribute = String(anchor.getAttribute('rel'));
		
		if (anchor.getAttribute('href') && (relAttribute=='external')){
			
			anchor.onclick = function() {
				website(this);
				return false;
			};
		}
	});
};

var stageProgress = function(areawidth){
	var stage1 = new Fx.Morph('stage_1_progress', {duration:500, wait:true});
	var stage2 = new Fx.Morph('stage_2_progress', {duration:700, wait:true});
	var stage3 = new Fx.Morph('stage_3_progress', {duration:900, wait:true});
	var stage4 = new Fx.Morph('stage_4_progress', {duration:1100, wait:true});
	var stage5 = new Fx.Morph('stage_5_progress', {duration:1300, wait:true});
	
	var area=(areawidth/5);
	
	stage1.start({
		width: area,
		onFinish: function() {
			stage2.start({
				width: (area*2),
				onFinish: function() {
					stage3.start({
						width: (area*3),
						onFinish: function() {
							stage4.start({
								width: (area*4),
								onFinish: function() {
									stage5.start({
										width: areawidth
									});
								}.delay(1300)
							});
						}.delay(1100)
					});
				}.delay(900)
			});
		}.delay(700)
	})	
};

window.addEvent('domready', function(){
	new external();
});
