// hide button to show login box
function init () {
   
	var el = document.getElementById("login"); 
	var elForm = document.getElementById("login_box"); 
	
	function showLogin (event) {
		if (typeof event.preventDefault != "undefined") {
			event.preventDefault();
		}
		else {
			event.returnValue = false;
		}
		el.style.display = 'none';
		elForm.style.display = 'block';
		
	}
	
	if (el != null)
	{
	      if (el.addEventListener){
	      el.addEventListener('click', showLogin, false); 
	    } 
	    else if (el.attachEvent){
	      el.attachEvent('onclick', showLogin);
	    }
	
	}
	
	
		
}

// launch modal box for subscrition
function modal () {
	var el = document.getElementById("subscribe");
	var pass = document.getElementById("recovery");
	var modal  = document.getElementById("modal");
	var modalcontent  = document.getElementById("wrapper_box_modal");
	var modalcontent_Recovery = document.getElementById("wrapper_box_modal_recovery");
	var close = document.getElementById("close");
	var close2 = document.getElementById("close2");
	function showModal (event) {
		if (typeof event.preventDefault != "undefined") {
			event.preventDefault();
		}
		else {
			event.returnValue = false;
		}	
		var form = document.body.getElementsByTagName("form")[0];
		var height = form.offsetHeight;
		modal.style.display = 'block';
		modal.style.height = height +'px';
		modalcontent.style.display = 'block';
		
	}
	
	function closebox (event) {
		if (typeof event.preventDefault != "undefined") {
			event.preventDefault();
		}
		else {
			event.returnValue = false;
		}
		modal.style.display = 'none';
		modalcontent.style.display = 'none';
		
	}
	function closebox2 (event) {
		if (typeof event.preventDefault != "undefined") {
			event.preventDefault();
		}
		else {
			event.returnValue = false;
		}
		modal.style.display = 'none';
		modalcontent_Recovery.style.display = 'none';
		
	}
	
	function showRecovery (event) {
		if (typeof event.preventDefault != "undefined") {
			event.preventDefault();
		}
		else {
			event.returnValue = false;
		}	
		var form = document.body.getElementsByTagName("form")[0];
		var height = form.offsetHeight;
		modal.style.display = 'block';
		modal.style.height = height +'px';
		modalcontent_Recovery.style.display = 'block';
	}
	
	// attach event on link subscribe
	/*if (el.addEventListener){
	  el.addEventListener('click', showModal, false); 
	  
	} else if (el.attachEvent){
	  el.attachEvent('onclick', showModal);
	}*/
	
	// attach event on close modal window
	/* if (close2.addEventListener){
	  close2.addEventListener('click', closebox2, false); 
	  
	} else if (close2.attachEvent){
	  close2.attachEvent('onclick', closebox2);
	}
	// attach event on close modal window
	if (close.addEventListener){
	  close.addEventListener('click', closebox, false); 
	  
	} else if (close.attachEvent){
	  close.attachEvent('onclick', closebox);
	}*/
	
	// attach event on span recovery
	
	/*if (pass.addEventListener){
	  pass.addEventListener('click', showRecovery, false); 
	  
	} else if (pass.attachEvent){
	  pass.attachEvent('onclick', showRecovery);
	}
	*/
	
}

window.onload = function() {
  init();
  modal();
};