var pageXold = 0;
var fadedIn = 0;

jQuery(window).unload(function() {
	jQuery(this).children('.tool-tip').hide();
	jQuery(this).children('.tool-tip-right').hide();
});

function tool_tips() {
	jQuery('.show-tool-tip').each(function(){
		if (jQuery(this).attr('title') != '') {
			jQuery(this).append('<div class="tool-tip">' + jQuery(this).attr('title') + '</div><div class="tool-tip-right"></div>');
			jQuery(this).addClass('show-tool-tip-ready');
		}
	});
	jQuery('.show-tool-tip-ready').mouseover(function(e) {
		pageXold = e.pageX;
		jQuery(this).attr('title','');
		jQuery(this).children('img').attr('alt', '');
		jQuery(this).children('.tool-tip').css('top', e.pageY - jQuery(this).offset().top + jQuery(this).position().top + 25 );
		jQuery(this).children('.tool-tip').css('left', e.pageX - jQuery(this).offset().left + jQuery(this).position().left - 5);
		jQuery(this).children('.tool-tip-right').css('top', e.pageY - jQuery(this).offset().top + jQuery(this).position().top + 25 );
		jQuery(this).children('.tool-tip-right').css('left', e.pageX - jQuery(this).offset().left + jQuery(this).position().left - 5 + jQuery(this).children('.tool-tip').width() + 15);
		jQuery(this).children('.tool-tip').fadeIn('300', function(){
			fadedIn = 1;
			if (! jQuery.support.opacity) {
				this.style.removeAttribute('filter');
			}
		});
		jQuery(this).children('.tool-tip-right').fadeIn('300');
	}).mousemove(function(e) {
		if (((e.pageX - pageXold) > 0) && (fadedIn)) {
			jQuery(this).children('.tool-tip-right').css({display: 'none'});
		}
		pageXold = e.pageX;
		jQuery(this).children('.tool-tip').css('top', e.pageY - jQuery(this).offset().top + jQuery(this).position().top + 25 );
		jQuery(this).children('.tool-tip-right').css('top', e.pageY - jQuery(this).offset().top + jQuery(this).position().top + 25 );
		jQuery(this).children('.tool-tip-right').css('left', e.pageX - jQuery(this).offset().left + jQuery(this).position().left - 5 + jQuery(this).children('.tool-tip').width() + 15);
		jQuery(this).children('.tool-tip').css('left', e.pageX - jQuery(this).offset().left + jQuery(this).position().left - 5);
		if (fadedIn) {
			jQuery(this).children('.tool-tip-right').css({display: 'block'});
		}
	}).mouseout(function() {
		jQuery(this).attr('title', jQuery(this).children('.tool-tip').html());
		jQuery(this).children('.tool-tip').stop(true, true).hide();
		jQuery(this).children('.tool-tip-right').stop(true, true).hide();
		fadedIn = 0;
	}).click(function() {
		jQuery(this).attr('title', jQuery(this).children('.tool-tip').html());
		jQuery(this).children('.tool-tip').stop(true, true).hide();
		jQuery(this).children('.tool-tip-right').stop(true, true).hide();
		fadedIn = 0;
	});
}

var timer = 0;
var time_change_color = 0;

function change_color_input() {
	time_change_color++;
	switch (time_change_color) {
		case 1: jQuery('#email').css({color: '#d00000'}); break;
		case 2: jQuery('#email').css({color: '#b00'}); break;
		case 3: jQuery('#email').css({color: '#a00'}); break;
		case 4: jQuery('#email').css({color: '#900'}); break;
		case 5: jQuery('#email').css({color: '#800'}); break;
		case 6: jQuery('#email').css({color: '#700'}); break;
		case 7: jQuery('#email').css({color: '#660505'}); break;
		case 8: jQuery('#email').css({color: '#550505'}); break;
		case 9: jQuery('#email').css({color: '#411'}); break;
		case 10: jQuery('#email').css({color: '#311'}); break;
		case 11: jQuery('#email').css({color: '#211'}); break;
		case 12: jQuery('#email').css({color: '#111'}); clearInterval(timer); time_change_color = 0; break;
	}
}

function contact(template_url) {

	function isValidMail(mail) {
		var pattern = new RegExp(/^[a-zA-Z0-9_\.\-]+\@([a-zA-Z0-9\-]+\.)+[a-zA-Z0-9]{2,4}$/i);
		return pattern.test(mail);
	}	
		
	var s1 = jQuery('#email').attr('value');
	var s2 = 'Enter your e-mail.';
	var s3 = 'Your e-mail is not valid.';
	var s4 = 'Enter another one?';
	
	jQuery('#email').val(s1);
	
	jQuery('#email').focus(function() {
		var email = jQuery('#email').val();
		if ((email == s1) || (email == s2) || (email == s3) || (email == s4)) {
			jQuery('#email').val('');
		}
	});
	
	jQuery('#email').blur(function() {
		if (jQuery('#email').val() == '') {
			jQuery('#email').val(s2);
		}
	});

	function submit(template_url) {
		
		clearInterval(timer); 
		time_change_color = 0;
		jQuery('p.submit input').blur();
		jQuery('#email').css({color: '#111'});
		var email = jQuery('#email').val();
		if ((email == '') || (email == s1) || (email == s2) || (email == s4)) {
			jQuery('#email').val(s2);
		} else if (isValidMail(email)) {
			jQuery('#ajax-loader').css({display: 'block'});
			jQuery.ajax({
				url: template_url + '/mail/send-mail.php',
				type: 'post',
				data: 'email=' + email,
				success: function(msg){
					jQuery('#ajax-loader').css({display: 'none'});
					if ((msg.indexOf('OK') != -1) && (msg.indexOf('echo') == -1)) {					
						jQuery('#info-box-ok ').fadeIn(function() {
							if (! jQuery.support.opacity) {
								this.style.removeAttribute('filter');
							}
						});
						setTimeout(function() {
							jQuery('#info-box-ok ').fadeOut();
							jQuery('#email').val(s4);
						}, 8000);
					} else {
						jQuery('#info-box-ko').fadeIn(function() {
							if (! jQuery.support.opacity) {
								this.style.removeAttribute('filter');
							}
						});
						setTimeout(function() {
							jQuery('#info-box-ko').fadeOut();
						}, 8000);
					}
				},
				error: function() {
					jQuery('#ajax-loader').css({display: 'none'});
					jQuery('#info-box-ko').fadeIn(function() {
						if (! jQuery.support.opacity) {
							this.style.removeAttribute('filter');
						}
					});
					setTimeout(function() {
						jQuery('#info-box-ko').fadeOut();
					}, 8000);
				}
			});
		} else {
			jQuery('#email').val(s3);
			jQuery('#email').css({color: '#e00'});
			timer = setInterval('change_color_input()', 250);
		}
	}
	
	jQuery('#register-form').submit(function() {
		submit(template_url);
		return false;
	});
}
