// JavaScript Document
function servicesShow(id, object)  {
	document.getElementById('aservicesDesign').style.color = '#A2CCED';
	document.getElementById('aservicesPublicity').style.color = '#A2CCED';
	document.getElementById('aservicesEvents').style.color = '#A2CCED';
	document.getElementById('aservicesStrategy').style.color = '#A2CCED';
	document.getElementById('aservicesInteractive').style.color = '#A2CCED';
	status = document.getElementById(id).style.display;
	document.getElementById('servicesDesign').style.display = 'none';
	document.getElementById('servicesPublicity').style.display = 'none';
	document.getElementById('servicesEvents').style.display = 'none';
	document.getElementById('servicesStrategy').style.display = 'none';
	document.getElementById('servicesInteractive').style.display = 'none';
	if (status == 'none' || status == '')  {
		document.getElementById(id).style.display = 'block';
		object.style.color = '#2D160E';
	}
}
function addServices(incServices)  {
	incServices = incServices + 1;
	incNewServices = incServices + 1;
	tfootServices = document.getElementById('addService['+incServices+']');
	tfootServices.innerHTML += '<table cellspacing="0"><tfoot><tr><td class="col1"><img src="../images/spacer.gif" alt="" style="width: 16px; height: 16px;" /></td><td class="col2"><a href="#" onclick="incServices = addServices(incServices);"><img src="../images/icon_add.gif" alt="" /></a></td><td class="col3"><input type="text" name="service_new_sNameFR['+incServices+']" /></td><td class="col4"><input type="text" name="service_new_sNameEN['+incServices+']" /></td></tr></tfoot></table><div id="addService['+incNewServices+']"></div>';
	return incServices;
}
incServices = 0;
function delServices(id)  {
	$('listingDel['+id+']').value = 'true';
	trServices = document.getElementById('trServices'+id);
	trServices.style.display = 'none';
}
function convertPortfolio(incPortfolio)  {
	var imgRe = /^.+\.(jpg|jpeg|gif|png)$/i;
	var path = $('inputPortfolio['+incPortfolio+']').value;
	
	if (path.search(imgRe) != -1) {   
		id = incPortfolio;
		$('imgPortfolio['+id+']').src = 'file://'+path;
	
		incPortfolio = incPortfolio + 1;
		incNextPortfolio = incPortfolio + 1;
		/*document.getElementById('spanPath['+id+']')*/
		$('spanPath['+id+']').innerText = $('inputPortfolio['+id+']').value;
		/*alert($('inputPortfolio['+id+']').value);*/
		
		/*$('imgPortfolio['+id+']').src = $('inputPortfolio['+id+']').value;*/
		
		$('imgPortfolio['+id+']').style.display = 'inline';
		$('divPortfolioDetail['+id+']').style.display = 'inline';
		$('hrPortfolio['+incPortfolio+']').style.display = 'block';
		$('divContentPortfolio['+incPortfolio+']').style.display = 'block';
		
		$('inputPortfolio['+id+']').style.display = 'none';
		$('labelPortfolio['+id+']').style.display = 'none';
		
		$('divContentPortfolio['+incPortfolio+']').innerHTML = '<label id="labelPortfolio['+incPortfolio+']" style="width: 150px;">Nouvelle image (507x341):</label><input id="inputPortfolio['+incPortfolio+']" type="file" name="newFile['+incPortfolio+']" onchange="convertPortfolio('+incPortfolio+');" /><img id="imgPortfolio['+incPortfolio+']" src="#" style="display: none; float: left;" width="50" /><div id="divPortfolioDetail['+incPortfolio+']" style="display: none; float: left; margin-left: 20px;"><span id="spanPath['+incPortfolio+']"></span><br /><a href="#" onclick="destroyNewPortfolio('+incPortfolio+'); return false;">[Supprimer]</a></div><br style="clear: both;" /><hr size="1" color="#cccccc" id="hrPortfolio['+incNextPortfolio+']" style="display: none;" /><div id="divContentPortfolio['+incNextPortfolio+']" style="display: none;"></div>';
	}
	else {   
		alert("JPG, PNG, and GIFs only!");
	} 
}
incPortfolio = 0;
function destroyExistPortfolio(id)  {
	$('imgImage['+id+']').style.visibility = 'hidden';
	$('divImage['+id+']').style.visibility = 'hidden';
	$('delImage['+id+']').value = 'true';
}
function destroyNewPortfolio(id)  {
	$('inputPortfolio['+id+']').value = '';
	$('imgPortfolio['+id+']').style.display = 'none';
	$('divPortfolioDetail['+id+']').style.display = 'none';
	$('hrPortfolio['+id+']').style.display = 'none';
}
function destroyListing()  {
	document.getElementById('serviceList').innerHTML = '';
}
function viewListing(array, portfolio)  {
	listItem = '';
	for(i=0;i<array.length;i++) {
		listItem += '<li>'+array[i]+'</li>';
	}
	if (portfolio == 1)  {
		listItem += '<li id="imgPortfolio"></li>';	
	}
	document.getElementById('serviceList').innerHTML = listItem;
}