$(document).ready(function(){ 

	// index page
	var modal = document.getElementById("myModal"); //$("#myModal"); 
	var btn = document.getElementById("button");
	var btn_bar = document.getElementById("button-right");
	var tos_iframe = document.getElementById("tosview");

	// Get the <span> element that closes the modal
	var span = document.getElementsByClassName("close")[0];

	// When the user clicks the button, open the modal 
	$( ".button-tos" ).click(function() {
		var text_tos = $(this).text().toLowerCase() + '.html';
		console.log(text_tos);

  		$('iframe#tosview').attr('src', text_tos);
  		$('#myModal').css('display', 'block');

		});


	// When the user clicks on <span> (x), close the modal
	span.onclick = function() {
	  modal.style.display = "none";
	  tos_iframe.src = tos_iframe.src;
	}



	// When the user clicks right menu, open the modal 
	$( ".button-ht" ).click(function() {
		var text_treaty = $(this).text().toLowerCase().replace(/\s/g, "-") + '.html';
		console.log(text_treaty);

  		$('iframe#treatyview').attr('src', text_treaty);
  		$('#t_myModal').css('display', 'block');

		});

	$('.t_close').click(function() {
		$('#t_myModal').css('display', 'none');
		treaty_iframe.src = treaty_iframe.src;

	})


});





	// When the user clicks on <span> (x), close the modal
	t_span.onclick = function() {
	  t_modal.style.display = "none";
	  treaty_iframe.src = treaty_iframe.src;
	}


							

	// index page
	var t_modal = document.getElementById("t_myModal");
	var t_btn = document.getElementById("t_button");
	var t_btn_bar = document.getElementById("t_button-right");
	var treaty_iframe = document.getElementById("treatyview");

	// Get the <span> element that closes the modal
	var t_span = document.getElementsByClassName("t_close")[0];
	// When the user clicks the button, open the modal 
	t_btn.onclick = function() {
	  t_modal.style.display = "block";
	}
	//right bar list
	t_btn_bar.onclick = function() {
	  modal.style.display = "block";
	}

	// When the user clicks on <span> (x), close the modal
	t_span.onclick = function() {
	  t_modal.style.display = "none";
	  treaty_iframe.src = treaty_iframe.src;
	}

























$(document).ready(function(){ 

	// index page
	var modal = document.getElementById("myModal"); //$("#myModal"); 
	var btn = document.getElementById("button");
	var btn_bar = document.getElementById("button-right");
	var tos_iframe = document.getElementById("tosview");

	// Get the <span> element that closes the modal
	var span = document.getElementsByClassName("close")[0];

	// When the user clicks the button, open the modal 
	$( ".button-tos" ).click(function() {
		var text_tos = $(this).text().toLowerCase() + '.html';
		console.log(text_tos);

  		$('iframe#tosview').attr('src', text_tos);
  		$('#myModal').css('display', 'block');

		});


	// When the user clicks on <span> (x), close the modal
	span.onclick = function() {
	  modal.style.display = "none";
	}



	// When the user clicks right menu, open the modal 
	$( ".button-ht" ).click(function() {
		var text_treaty = $(this).text().toLowerCase().replace(/\s/g, "-") + '.html';
		console.log(text_treaty);

  		$('iframe#treatyview').attr('src', text_treaty);
  		$('#t_myModal').css('display', 'block');

		});

	$('.t_close').click(function() {
		$('#t_myModal').css('display', 'none');
		treaty_iframe.src = treaty_iframe.src;

	})

});



							

	// index page
	var t_modal = document.getElementById("t_myModal");
	var t_btn = document.getElementById("t_button");
	var t_btn_bar = document.getElementById("t_button-right");
	var treaty_iframe = document.getElementById("treatyview");

	// Get the <span> element that closes the modal
	var t_span = document.getElementsByClassName("t_close")[0];
	// When the user clicks the button, open the modal 
	t_btn.onclick = function() {
	  t_modal.style.display = "block";
	}
	//right bar list
	t_btn_bar.onclick = function() {
	  modal.style.display = "block";
	}

	// When the user clicks on <span> (x), close the modal
	t_span.onclick = function() {
	  t_modal.style.display = "none";
	  treaty_iframe.src = treaty_iframe.src;
	}