// JavaScript Document
//==============Cross Browser EventHandling==========================
function addEvent (elem, evenimentType, functionName, useCapture )
{
	if(elem.addEventListener)
	{
		elem.addEventListener(evenimentType,functionName,useCapture);
		return true;
	}else if (elem.attachEvent)
	{
		var res = elem.attachEvent('on'+evenimentType,functionName);
		return res;
	}else
	{
		elem['on'.evenimentType]=functionName;
		return true;
	}
}
//======================================================================


function $(el){return document.getElementById(el);}


function show(holder,h)
{
	var attributes = { 
	   	height: { to: h } 
	}; 
	var myAnim = new YAHOO.util.Anim(holder, attributes); 
	myAnim.duration = 0.5; 
	myAnim.method = YAHOO.util.Easing.easeOut; 
	myAnim.animate(); 
}


function hide(holder)
{
	var attributes = { 
	   	height: { to: 0} 
	}; 
	var myAnim = new YAHOO.util.Anim(holder, attributes); 
	myAnim.duration = 0.5; 
	myAnim.method = YAHOO.util.Easing.easeOut; 
	myAnim.animate(); 
}


function toogleLang(){
	
	if( parseInt($('languageBar').offsetHeight)<20)
		show('languageBar',22);
	else
		hide('languageBar');
}


function init(){
	var lang= $('languageButton');
	addEvent(lang,"click",toogleLang,false);
	var menuSmall= $('menuSmall');
	var menuElements = new Array();  
	menuElements = menuSmall.getElementsByTagName('DIV');
	for(var i=0;i<menuElements.length;i++)
	{
		var el = menuElements[i];
		if(parseInt(el.id.length)>0){
			addEvent(el,"mouseover",menuOver,false);
			addEvent(el,"mouseout",menuOut,false);
			//console.log(el.id);
		}
	}
	//pozitionam footerul
}
addEvent(window,"load",init,false);


//======Pentru meniul mic creem nu div ce o sa aiba background o imagine cu hintul pentru acea obtiune de meniu.
//======Acesta va aparea la pozitia mouseului pe partea de meniu.

//===creem nod cu imagine de fundal.
function createNode(img,x,y){
	//console.log(img+","+x+","+y);
	var div = document.createElement("DIV");
	div.id='hint';
	div.style.width="165px";
	div.style.height="63px";
	div.style.position="absolute";
	div.style.left=x+"px";
	div.style.top=y+"px";
	div.style.backgroundColor="#ffffff";
	div.style.backgroundImage="url("+img+")";
	div.style.opacity="0";
	div.style.filter="alpha(opacity=0)";
	document.body.appendChild(div);
	var attributes = { opacity: { from:0, to: 1} }; 
	var myAnim = new YAHOO.util.Anim($('hint'), attributes); 
	myAnim.duration = 0.5; 
	myAnim.method = YAHOO.util.Easing.easeOut; 
	myAnim.animate(); 
}

//PRELOAD MENU IMAGES
var images= new Array();
switch(lang){
	case 'romana':
		images[0]= new Image(); images[0].src="images/hint/despre.jpg";
		images[1]= new Image(); images[1].src="images/hint/modele.jpg";
		images[2]= new Image(); images[2].src="images/hint/tehnologie.jpg";
		images[3]= new Image(); images[3].src="images/hint/certificari.jpg";
		images[4]= new Image(); images[4].src="images/hint/dePeSantier.jpg";
		images[5]= new Image(); images[5].src="images/hint/contact.jpg";
		break;
	case 'engleza':
		images[0]= new Image(); images[0].src="images/img_eng/despre.jpg";
		images[1]= new Image(); images[1].src="images/img_eng/modele.jpg";
		images[2]= new Image(); images[2].src="images/img_eng/tehnologie.jpg";
		images[3]= new Image(); images[3].src="images/img_eng/certificari.jpg";
		images[4]= new Image(); images[4].src="images/img_eng/dePeSantier.jpg";
		images[5]= new Image(); images[5].src="images/img_eng/contact.jpg";
		break;
	case 'franceza':
		images[0]= new Image(); images[0].src="images/img_fr/despre.jpg";
		images[1]= new Image(); images[1].src="images/img_fr/modele.jpg";
		images[2]= new Image(); images[2].src="images/img_fr/tehnologie.jpg";
		images[3]= new Image(); images[3].src="images/img_fr/certificari.jpg";
		images[4]= new Image(); images[4].src="images/img_fr/dePeSantier.jpg";
		images[5]= new Image(); images[5].src="images/img_fr/contact.jpg";
		break;
	case 'germana':
		images[0]= new Image(); images[0].src="images/img_de/despre.jpg";
		images[1]= new Image(); images[1].src="images/img_de/modele.jpg";
		images[2]= new Image(); images[2].src="images/img_de/tehnologie.jpg";
		images[3]= new Image(); images[3].src="images/img_de/certificari.jpg";
		images[4]= new Image(); images[4].src="images/img_de/dePeSantier.jpg";
		images[5]= new Image(); images[5].src="images/img_de/contact.jpg";
		break;
	case 'spaniola':
		images[0]= new Image(); images[0].src="images/img_es/despre.jpg";
		images[1]= new Image(); images[1].src="images/img_es/modele.jpg";
		images[2]= new Image(); images[2].src="images/img_es/tehnologie.jpg";
		images[3]= new Image(); images[3].src="images/img_es/certificari.jpg";
		images[4]= new Image(); images[4].src="images/img_es/dePeSantier.jpg";
		images[5]= new Image(); images[5].src="images/img_es/contact.jpg";
		break;
	case 'italiana':
		images[0]= new Image(); images[0].src="images/img_it/despre.jpg";
		images[1]= new Image(); images[1].src="images/img_it/modele.jpg";
		images[2]= new Image(); images[2].src="images/img_it/tehnologie.jpg";
		images[3]= new Image(); images[3].src="images/img_it/certificari.jpg";
		images[4]= new Image(); images[4].src="images/img_it/dePeSantier.jpg";
		images[5]= new Image(); images[5].src="images/img_it/contact.jpg";
		break;
}
////////////////////

function menuOver(ev){

		var x,y;
		var target;
		var img="";
		var id;
		if(window.event && window.event.srcElement){
			target=window.event.srcElement;
			x=window.event.clientX;
			y=window.event.clientY;
		}else{
			target=ev.target;
			x=ev.pageX;
			y=ev.pageY;
		}
			y-=80;
			if(parseInt(target.id.length)>0)
			{
				id=target.id;
				target.style.border="1px solid #ffd013";
			}
			else
			{
				id=target.parentNode.parentNode.id;
				target.parentNode.parentNode.style.border="1px solid #ffd013";
			}
			
			switch(id){
				case 'despre':
					img=images[0].src;
					break;
				case 'modele':
					img=images[1].src;
					break;
				case 'tehnologie':
					img=images[2].src;
					break;
				case 'certificari':
					img=images[3].src;
					break;
				case 'dePeSantier':
					img=images[4].src;
					break;
				case 'contact':
					img=images[5].src;
					break;
			}
		createNode(img,x,y);
}
function menuOut(ev){
	if(window.event && window.event.srcElement)
		target=window.event.srcElement;
	else
		target=ev.target;
	if(parseInt(target.id.length)>0)
		target.style.border="1px solid #555";
	else
		target.parentNode.parentNode.style.border="1px solid #555";
	document.body.removeChild($('hint'));
}

//=======VERIFICA COMPLETAREA FORMULARULUI DE CONTACT======//
function verifica(){
	var email=document.mesaj.email;

	if(email.value=="email-ul tau." || email.value=="")
	{
		email.style.border="1px solid #ff0000";
		email.focus();
		alert("Complete the email field.");
		return false;
	}
	
	var regex = new RegExp("^[0-9a-z\\._]+@[0-9a-z]+\\..+$","i");
	
	if (!regex.test(email.value))
	{
		email.style.border="1px solid #ff0000";
		email.focus();
		alert("Invalid email adress.");
		return false;
	}
	return true;
}