var ouvert = false;
var img="img";

function changeBtn(evt){
if(ouvert==false){
$('img'+evt).update("<"+img+" src='images/html/informationBtnClick.jpg' width='97' height='21' alt='information webdesigner' />");
ouvert=true;
}else{
$('img'+evt).update("<"+img+" src='images/html/informationBtn.jpg' width='97' height='21' alt='information webdesigner' />");
ouvert=false;
}
}


function deplacement(evt){

var dragmeVar = $('dragme'+evt);
var dragContenerVar = $('dragContener'+evt);

var posOrigine = Position.positionedOffset(dragContenerVar);
var pos = Position.positionedOffset(dragmeVar);

var widthImg = $('dragme'+evt).getWidth();
var limiteX = widthImg-750;

var heightImg = $('dragme'+evt).getHeight();
var limiteY = heightImg-250;

if(pos[0]>=0){
dragmeVar.setStyle({left:'0px'});
}
if(pos[1]>=0){
dragmeVar.setStyle({top:'0px'});
}
if(pos[0]<=-limiteX){
dragmeVar.setStyle({left:-limiteX+'px'});
}
if(pos[1]<=-limiteY){
dragmeVar.setStyle({top:-limiteY+'px'});
}
/*$('debug').update(' pos[0] = '+pos[0]+' pos[1] = '+pos[1]+' origineX = '+posOrigine[0]+' origineY = '+posOrigine[1]+' widthImg = '+widthImg+' limiteX = '+limiteX+' limiteY = '+limiteY+' heightImg = '+heightImg);*/

}

var contactOpen=false;
var servicesOpen=false;
	callback1 = function (){
		servicesOpen=true;
		Effect.SlideDown($('services'), { duration: 1.0 });
	}
		callback2 = function (){
		contactOpen=true;
		Effect.SlideDown($('contact'), { duration: 1.0 });
	}
function changeMenu(nom){

if(nom=='services'){
$('menu').update("Services &nbsp;&nbsp;-&nbsp;&nbsp; <a href=\"#\" onclick=\"changeMenu('portfolio');\">Portfolio</a> &nbsp;&nbsp;-&nbsp;&nbsp; <a href=\"#\" onclick=\"changeMenu('contact');\">Contact</a>");

	if(contactOpen==true){
		contactOpen=false;
		Effect.SlideUp($('contact'), { duration: 1.0,afterFinish:function(){callback1()}});
	}else{
		callback1();
	}
	
}else if(nom == 'portfolio'){
$('menu').update("<a href=\"#\" onclick=\"changeMenu('services');\">Services</a> &nbsp;&nbsp;-&nbsp;&nbsp; Portfolio &nbsp;&nbsp;-&nbsp;&nbsp; <a href=\"#\" onclick=\"changeMenu('contact');\">Contact</a>");
	if(servicesOpen==true){
			servicesOpen=false;
			Effect.SlideUp($('services'), { duration: 1.0});
	}
	if(contactOpen==true){
		contactOpen=false;
		Effect.SlideUp($('contact'), { duration: 1.0});
	}
}else{
$('menu').update("<a href=\"#\" onclick=\"changeMenu('services');\">Services</a> &nbsp;&nbsp;-&nbsp;&nbsp; <a href=\"#\" onclick=\"changeMenu('portfolio');\">Portfolio</a> &nbsp;&nbsp;-&nbsp;&nbsp; Contact");

	if(servicesOpen==true){
		servicesOpen=false;
		Effect.SlideUp($('services'), { duration: 1.0,afterFinish:function(){callback2()}});
	}else{
		callback2();
	}


}
}

function envoie() 
{ 
var jaimePasLeSpam="mailto:";
var moiNonPlus="christophe";
var TaBienRaison="webdesigner-freelance.eu";
window.location.href=jaimePasLeSpam+moiNonPlus+"@"+TaBienRaison;  
}

function frCheck(div){
Element.show('french');
Element.hide('english');
Element.hide('japan');
div.style.color='#808080';
$('en').style.color='#c7c6c6';
$('jp').style.color='#c7c6c6';
$('flash').innerHTML='<a href=\'webdesigner-Flash.php?langue=fr\' class=\'btn\'>Version flash</a>';
$('html').innerHTML='<a href=\'webdesigner-freelance-html.php?langue=fr\' class=\'btn\' style=\'margin-left:30px;\'>Version HTML</a>';
return false;
}
function enCheck(div){
Element.show('english');
Element.hide('french');
Element.hide('japan');
div.style.color='#808080'; 
$('fr').style.color='#c7c6c6';
$('jp').style.color='#c7c6c6';
$('flash').innerHTML='<a href=\'webdesigner-Flash.php?langue=en\' class=\'btn\'>Flash version</a>';
$('html').innerHTML='<a href=\'webdesigner-freelance-html.php?langue=en\' class=\'btn\' style=\'margin-left:30px;\'>HTML version</a>';
return false; 
}
function jpCheck(div){
Element.hide('english');
Element.hide('french');
Element.show('japan');
div.style.color='#808080';
$('en').style.color='#c7c6c6';
$('fr').style.color='#c7c6c6';
$('flash').innerHTML='<a href=\'webdesigner-Flash.php?langue=en\' class=\'btn\'>Flashウェブサイト </a>';
$('html').innerHTML='<a href=\'webdesigner-freelance-html.php?langue=en\' class=\'btn\' style=\'margin-left:30px;\'>HTMLウェブサイト</a>';
return false; 
}