function selectPortofolio( x ) {
	
	if ( x && x.id && ( x.id=='porto_marketing' || x.id=='porto_web' || x.id=='porto_mobile' ) ){
		var mark = document.getElementById('porto_marketing');
		var web = document.getElementById('porto_web');
		var mobile = document.getElementById('porto_mobile');
		
		mark.style.backgroundImage = '';
		mark.style.padding = '' ; 
		web.style.backgroundImage = '';
		web.style.padding = '' ; 
		mobile.style.backgroundImage = '';
		mobile.style.padding = '' ; 
		
		x.style.backgroundImage = "url('img/portofolioselect.png')";
		x.style.padding = "22px 75px" ; 
	}
	
	if(x.id == 'porto_web'){
		var listing = document.getElementById('porto_listing');
		listing.style.top = '213px';
		listing.style.display = 'block';
		var portoul = document.getElementById('porto_itemul');
		portoul.setAttribute('onclick', 'alert("hihi");');
		portoul.innerHTML="";
		for (var i = 0 ; i <webprojet.length ; i++ ){
			var li = document.createElement("LI");
			li.innerHTML = webprojet[i].title;
			li.setAttribute('onclick', 'alert("haha");portofolioItem(\'webprojet\' , '+ i +' );');
			li.setAttribute('onmouseover', 'this.style.fontWeight=\'bold\';');
			li.setAttribute('onmouseout', 'this.style.fontWeight= \'\';');
			portoul.appendChild(li);
		}
	}
	
	else if(x.id == 'porto_marketing'){
		var listing = document.getElementById('porto_listing');
		listing.style.top = '158px';
		listing.style.display = 'block';
		var portoul = document.getElementById('porto_itemul');
		portoul.innerHTML="";
		for (var i = 0 ; i <marketingprojet.length ; i++ ){
			var li = document.createElement("LI");
			li.innerHTML = marketingprojet[i].title;
			li.setAttribute('onclick', 'portofolioItem(\'marketingprojet\' , '+ i +' );');
			li.setAttribute('onmouseover', 'this.style.fontWeight=\'bold\';');
			li.setAttribute('onmouseout', 'this.style.fontWeight= \'\';');
			portoul.appendChild(li);
		}
	}

	else if(x.id == 'porto_mobile'){
		var listing = document.getElementById('porto_listing');
		listing.style.top = '268px';
		listing.style.display = 'block';
		var portoul = document.getElementById('porto_itemul');
		portoul.innerHTML="";
		for (var i = 0 ; i <mobileproject.length ; i++ ){
			var li = document.createElement("LI");
			li.innerHTML = mobileproject[i].title;
			li.setAttribute('onclick', 'portofolioItem(\'mobileproject\' , '+ i +' );');
			li.setAttribute('onmouseover', 'this.style.fontWeight=\'bold\';');
			li.setAttribute('onmouseout', 'this.style.fontWeight= \'\';');
			portoul.appendChild(li);
		}
	}

	
}

function portofolioItem( what , item ) {
	var porto_itemdesc = document.getElementById('porto_itemdesc');
	var porto_itemimg = document.getElementById('porto_itemimg');
	var porto_itemtitle = document.getElementById('porto_itemtitle');
	var porto_itemlink = document.getElementById('porto_itemlink');
	
	if ( what == 'webprojet' ){
		porto_itemdesc.innerHTML=webprojet[item].desc;
		porto_itemimg.src = 'img/sites/' + webprojet[item].img;
		porto_itemtitle.innerHTML = webprojet[item].title;
		porto_itemlink.href = webprojet[item].url;
		porto_itemlink.innerHTML = webprojet[item].url;
	}
	
	else if ( what == 'mobileproject' ){
		porto_itemdesc.innerHTML=mobileproject[item].desc;
		porto_itemimg.src = 'img/sites/' + mobileproject[item].img;
		porto_itemtitle.innerHTML = mobileproject[item].title;
		porto_itemlink.href = mobileproject[item].url;
		porto_itemlink.innerHTML = mobileproject[item].url;
	}
}


function checkContactForm( x ){
	if (x.name.value == '') {
		alert("Please enter a name");
		return false;
	}
	if (x.mail.value == '') {
		alert("Please enter a mail");
		return false;
	}
	var mailfilter = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/;
	if (!mailfilter.test(x.mail.value)) {
		alert("Please enter a valid mail");
		return false;
	}
	if (x.message.value == '') {
		alert("Please enter a message");
		return false;
	}

	x.submit();
}