window.onload = init;

var svalues;
var IE6 = false /*@cc_on || @_jscript_version < 5.7 @*/; 
var imenu = new Array(new Array(2), new Array(2), new Array(2), new Array(2), new Array(2), new Array(2), new Array(2));
imenu[0][0] = new Image();
imenu[1][0] = new Image();
imenu[2][0] = new Image();
imenu[3][0] = new Image();
imenu[4][0] = new Image();
imenu[5][0] = new Image();
imenu[6][0] = new Image();
imenu[0][1] = new Image();
imenu[1][1] = new Image();
imenu[2][1] = new Image();
imenu[3][1] = new Image();
imenu[4][1] = new Image();
imenu[5][1] = new Image();
imenu[6][1] = new Image();
imenu[0][0].src = '/media/es/home_s.png'; 
imenu[1][0].src = '/media/es/services_s.png'; 
imenu[2][0].src = '/media/es/ourworks_s.png'; 
imenu[3][0].src = '/media/es/products_s.png';
imenu[4][0].src = '/media/es/news_s.png';
imenu[5][0].src = '/media/es/blog_s.png';
imenu[6][0].src = '/media/es/contact_s.png';
if(IE6){
	imenu[0][1].src = '/media/es/home.png'; 
	imenu[1][1].src = '/media/es/services.png'; 
	imenu[2][1].src = '/media/es/ourworks.png'; 
	imenu[3][1].src = '/media/es/products.png';
	imenu[4][1].src = '/media/es/news.png';
	imenu[5][1].src = '/media/es/blog.png';
	imenu[6][1].src = '/media/es/contact.png';
}

function init(){
	var elements = $('aemail', 'fname', 'sname', 'email', 'message', 'svalues', 'gmap', 'send', 'lopd', 'phone');
	var imgs = $('tab0', 'tab1', 'tab2', 'tab3', 'tab4', 'tab5', 'tab6');
	for(x = 0; x < imenu.length; x++){
		if(imgs[x] && !isCurrent(imgs[x].src)){	
			if(!IE6) imenu[x][1].src = imgs[x].src;
			Event.observe(imgs[x], 'mouseover', function(){ iamover(this, true); });
			Event.observe(imgs[x], 'mouseout', function(){ iamover(this, false); });
		}
	}
	
	if(elements[0]){
		var dr = 'in' + 'fo' + '\x40' + 'medi' + 'atag' + '\x2E' + 'es';
		elements[0].innerHTML = dr;
		elements[0].href = 'mai' + 'lto:' + dr;
	}
	
	if(elements[1] && elements[2] && elements[3] && elements[4] && elements[5] && elements[7]){
		svalues = elements[5].value.split('|');
		Event.observe(elements[1], 'focus', function(){ if(this.value == svalues[0]) this.value = ''; });		
		Event.observe(elements[1], 'blur', function(){ this.value = this.value.trim(); if(this.value == '') this.value = svalues[0]; });
		Event.observe(elements[2], 'focus', function(){  if(this.value == svalues[1]) this.value = ''; });		
		Event.observe(elements[2], 'blur', function(){ this.value = this.value.trim(); if(this.value == '') this.value = svalues[1]; });
		Event.observe(elements[3], 'focus', function(){  if(this.value == svalues[2]) this.value = ''; });		
		Event.observe(elements[3], 'blur', function(){ this.value = this.value.trim(); if(this.value == '') this.value = svalues[2]; });
		Event.observe(elements[4], 'focus', function(){ if(this.value == svalues[3]) this.value = ''; });
		Event.observe(elements[4], 'blur', function(){ this.value = this.value.trim(); if(this.value == '') this.value = svalues[3]; });		
		Event.observe(elements[9], 'focus', function(){ if(this.value == svalues[4]) this.value = ''; });
		Event.observe(elements[9], 'blur', function(){ this.value = this.value.trim(); if(this.value == '') this.value = svalues[4]; });		
		elements[7].onclick = sendContact;
		elements[8].checked = false;
	}
	
	if(elements[6])
	{	
		if(GBrowserIsCompatible()){
			var map = new GMap2(elements[6]);
			map.addControl(new GSmallMapControl());			
			var point = new GLatLng(39.889257881107305, 4.263210296630859);
			var marker = new GMarker(point);			
			map.setCenter(point, 17);
			map.addOverlay(marker);
			var title = "<img src=\"http://mediatag.es/media/gmlogo.jpg\" width=\"155\" height=\"36\" style=\"display:block;margin:0 0 10px 0;\" /><div>C/ de l'Església, 18 - 2º<br>07701 - Mahón (Menorca), Islas Baleares<br>T (+34) 971 350 043</div>";
			marker.openInfoWindowHtml(title);			
			GEvent.addListener(marker, 'click', function(){
				marker.openInfoWindowHtml(title);
			});	    

		}	
	}
}

function iamover(img, iam){	
	var num = img.id.substring(3, img.id.length);
	img.src = imenu[num][(iam ? 0 : 1)].src;
}

function isCurrent(image){
	var res = image.split('.');
	return (res[0].substring(res[0].length - 2,res[0].length) == '_s') ? true : false;
}

String.prototype.trim = function(){
	var str = null;
	var whitespace = new RegExp("^\\s+","gm");	
	str = this.replace(whitespace, "");	
	whitespace = new RegExp("\\s+$","gm");		
	return str.replace(whitespace, "");
}

function checkEmail(strng){
    var emailFilter=/^.+@.+\..{2,6}$/;
    if(!(emailFilter.test(strng))){ 
       return false;
    }else{
       var illegalChars= /[\(\)\<\>\,\;\:\\\"\[\]]/;
         if(strng.match(illegalChars)){
       		return false;
       }
    }
	return true;
}

function sendContact(){
	var elements = $('fname', 'sname', 'email', 'message', 'lopd', 'lang', 'phone');
	var svalues = document.getElementById('svalues').value.split('|');
	var params = '';
	if(elements[0].value != svalues[0])
		params += '&fname=' + encodeURIComponent(elements[0].value);
	if(elements[1].value != svalues[1])
		params += '&sname=' + encodeURIComponent(elements[1].value);	
	if(elements[2].value != svalues[2])
		params += '&email=' + encodeURIComponent(elements[2].value);
	if(elements[3].value != svalues[3])
		params += '&message=' + encodeURIComponent(elements[3].value);	
	if(elements[6].value != svalues[4])
		params += '&phone=' + encodeURIComponent(elements[6].value);			
	params += '&lopd=' + (elements[4].checked ? 'yes' : 'no') + '&lang=' + elements[5].value;
	
	new Ajax.Request('/php/contactform.php', { 
			method: 'post', 
			parameters: params,
			onException: function(header, value){ },
			onComplete: function(transport, json){ 
				switch(result[0])
				{	
					case 0:
						document.getElementById('res').innerHTML = '<span class="failed">' + result[1] + '</span>';
						break;
					case 1:
						elements[0].value = svalues[0];
						elements[1].value = svalues[1];
						elements[2].value = svalues[2];
						elements[3].value = svalues[3];
						elements[6].value = svalues[4];
						document.getElementById('res').innerHTML = '<span class="ok">' + result[1] + '</span>';
						break;
					case -1:
						elements[0].focus();
						document.getElementById('res').innerHTML = '<span class="failed">' + result[1] + '</span>';
						break;
					case -2:
						document.getElementById('res').innerHTML = '<span class="failed">' + result[1] + '</span>';
						elements[1].focus();						
						break;					
					case -3:
						elements[2].focus();					
						document.getElementById('res').innerHTML = '<span class="failed">' + result[1] + '</span>';
						break;
					case -4:
						elements[3].focus();					
						document.getElementById('res').innerHTML = '<span class="failed">' + result[1] + '</span>';
						break;						
					case -5:
						elements[4].focus();					
						document.getElementById('res').innerHTML = '<span class="failed">' + result[1] + '</span>';
						break;
					case -6:
						elements[6].focus();					
						document.getElementById('res').innerHTML = '<span class="failed">' + result[1] + '</span>';
						break;
				}
			} 
	});	
}

function changeColor(elm, cls, url){
	document.getElementById(elm).className = cls;
}

function visitUrl(url)
{
	//window.open('http://' + url, '_blank');
	document.location.href = 'http://' + url;
}

function showNews(elm, nbm, id, line){
	elem = document.getElementById(nbm + id);
	if(elem.style.display == 'none'){
		document.getElementById(elm + id).className = line + ' white';	
		new Effect.SlideDown(elem);	
	}else{
		document.getElementById(elm + id).className = line + ' green';	
		new Effect.SlideUp(elem);		
	}
}