var SHOWEMPRESES = false;
var SHOWSERVEIS = false;
var SHOWPARTICULARS = false;
var SHOWCONTACTE = false;

/******** EMPRESES ********/
function toggleEmpreses() {

	if (!SHOWEMPRESES) {

		SHOWEMPRESES = true;
    
    hideServeis();
    hideParticulars();
    hideContacte();
		showEmpreses();

	} else {

		SHOWEMPRESES = false;

		hideEmpreses();

	}

}

function showEmpreses() {

	var empresesCont = document.getElementById("action-2-extra");

	var newHTML = "<div id=\"buttonwrap\"><div id=\"downloadbutton\" onclick=\"\">";


	newHTML += "<h3><a href=\"\">Àrea d'empreses</a></h3><p><b>emancipa't!</b> ofereix a empreses constructores i/o promotores un servei d'intermediació immobiliària  pioner e innovador. Una alternativa comercial d'alt valor afegit social basada en l'ús de les noves tecnologies i la Responsabilitat Social Corporativa (RSC).</p>";

	newHTML += "</div><p class=\"options\"><a href=\"http://www.emancipat.cat/Empreses\" target=\"_parent\">Més informació</a> </p></div>";

	empresesCont.innerHTML = newHTML;
	document.getElementById('empreses-flow').className='action-text action-contract' ;

}

function hideEmpreses() {
  SHOWEMPRESES = false;
	var empresesCont = document.getElementById("action-2-extra");

	var newHTML = "";

	empresesCont.innerHTML = newHTML;
  document.getElementById('empreses-flow').className='action-text action-expand' ;
}
/******** SERVEIS ********/

function toggleServeis() {

	if (!SHOWSERVEIS) {

		SHOWSERVEIS = true;

    hideEmpreses();
    hideParticulars();
    hideContacte();
		showServeis();

	} else {

		SHOWSERVEIS = false;

		hideServeis();

	}

}


function showServeis() {

	var serveisCont = document.getElementById("action-1-extra");

	var newHTML = "<div id=\"buttonwrap\"><div id=\"downloadbutton\" onclick=\"\">";


	newHTML += "<h3><a href=\"\">Què és emancipa't?</a></h3><p>És una plataforma privada d'habitatge online per a joves.<br/>Oferim assessorament i serveis immobiliaris per a joves entre 18 i 35 anys que busquen la seva primera vivenda o que volen millorar la que ja tenen.<br/>Els nostres serveis són gratuïts per als i les nostres usuaris/es</p>";

	newHTML += "</div><p class=\"options\">";
  
  newHTML += "<a href=\"http://www.emancipat.cat/Com_funciona_\" target=\"_parent\">Com funciona?</a>  ";
  
  newHTML += "<a href=\"http://www.emancipat.cat/Registre\" target=\"_parent\">Registra't!</a>  ";
  
  newHTML += "<a href=\"http://www.emancipat.cat/emancipat\" target=\"_parent\">Qui som?</a>  ";
  newHTML += "</p></div>";

	serveisCont.innerHTML = newHTML;
  document.getElementById('serveis-flow').className='action-text action-contract' ; 
}

function hideServeis() {
  SHOWSERVEIS = false;
	var serveisCont = document.getElementById("action-1-extra");

	var newHTML = "";

	serveisCont.innerHTML = newHTML;
  document.getElementById('serveis-flow').className='action-text action-expand' ;
}

/******** PARTICULARS ********/

function toggleParticulars() {

	if (!SHOWPARTICULARS) {

		SHOWPARTICULARS = true;

    hideServeis();
    hideEmpreses();
    hideContacte();
		showParticulars();

	} else {

		SHOWPARTICULARS = false;

		hideParticulars();

	}

}


function showParticulars() {

	var particularsCont = document.getElementById("action-3-extra");

	var newHTML = "<div id=\"buttonwrap\"><div id=\"downloadbutton\" onclick=\"\">";


	newHTML += "<h3><a href=\"\">Vol llogar la seva vivenda desocupada?</a></h3><p><b>emancipa't!</b> ofereix un servei d'intermediació immobiliària entre el propietari/a particular i el o la jove que desitja llogar una vivenda.</p>";

	newHTML += "</div><p class=\"options\"><a href=\"http://www.emancipat.cat/Propietaris\" target=\"_parent\">Més informació</a></p></div>";

	particularsCont.innerHTML = newHTML;
  document.getElementById('particulars-flow').className='action-text action-contract' ; 
}

function hideParticulars() {
  SHOWPARTICULARS = false;
	var particularsCont = document.getElementById("action-3-extra");

	var newHTML = "";

	particularsCont.innerHTML = newHTML;
  document.getElementById('particulars-flow').className='action-text action-expand' ;
}


/******** PARTICULARS ********/

function toggleContacte() {

	if (!SHOWCONTACTE) {

		SHOWCONTACTE = true;

    hideServeis();
    hideEmpreses();
		hideParticulars();
		showContacte();

	} else {

		SHOWCONTACTE = false;

		hideContacte();

	}

}


function showContacte() {

	var contacteCont = document.getElementById("action-5-extra");

	var newHTML = "<div id=\"buttonwrap\"><div id=\"downloadbutton\" onclick=\"\">";


	newHTML += "<h3><a href=\"\">Vies de contacte</a></h3><p>Envia'ns un correu mitjançant el nostre formulari de contacte o connecta'ns a les xarxes socials</p>";

	newHTML += "</div><p class=\"options\">"	
	 // <a class="tooltip" href="http://www.ibiblio.org/wm/paint/auth/courbet/">Courbet<b><em></em>The painter Courbet started and dominated the French movement toward realism.</b></a>
   newHTML += "<a class=\"tooltip\" href=\"http://www.emancipat.cat/Contacta_amb_nosaltres/\" target=\"_parent\"><img src=\"images/mail-icon-sv.jpg\" alt=\"Correu\"/> <b><em></em>Envia'ns un correu electrònic mitjançant el nostre formulari</b></a>  ";  
  newHTML += "<a class=\"tooltip\" href=\"http://www.facebook.com/pages/emancipatcat-Habitatge-Jove/60968016595\" target=\"blank\"><img src=\"images/facebook-icon-sv.jpg\" alt=\"Facebook\"/> <b><em></em>Segueix-nos a Facebook</b></a>  ";  
  newHTML += "<a class=\"tooltip\" href=\"http://www.delicious.com/emancipat\" target=\"blank\"><img src=\"images/delicious-icon-sv.jpg\" alt=\"Delicious\"/> <b><em></em>Agrega'ns a la teva xarxa de Delicious</b></a>  ";
   newHTML += "<a class=\"tooltip\" href=\"http://twitter.com/emancipat\" target=\"blank\"><img src=\"images/twitter-icon-sv.jpg\" alt=\"Twitter\"/> <b><em></em>Segueix-nos a Twitter</b></a>  ";
   newHTML += "<a class=\"tooltip\" href=\"http://emancipatproject.blogspot.com\" target=\"blank\"><img src=\"images/blogger-icon-sv.jpg\" alt=\"Blogger\"/> <b><em></em>Segueix el nostre blog</b></a>  ";
     
  newHTML +=  "</p></div>"; 
  
	contacteCont.innerHTML = newHTML;
  document.getElementById('contacte-flow').className='action-text action-contract' ; 
}

function hideContacte() {
  SHOWCONTACTE = false;
	var contacteCont = document.getElementById("action-5-extra");

	var newHTML = "";

	contacteCont.innerHTML = newHTML;
  document.getElementById('contacte-flow').className='action-text action-expand' ;
}