// Browser safe opacity handling function

function setOpacity( value ) {
 document.getElementById("styled_popup").style.opacity = value / 10;
 document.getElementById("styled_popup").style.filter = 'alpha(opacity=' + value * 10 + ')';
}

function fadeInMyPopup() {
 for( var i = 0 ; i <= 100 ; i++ )
   setTimeout( 'setOpacity(' + (i / 10) + ')' , 2* i );
}

function fadeOutMyPopup() {
 for( var i = 0 ; i <= 100 ; i++ ) {
   setTimeout( 'setOpacity(' + (10 - i / 10) + ')' , 8 * i );
 }

 setTimeout('closeMyPopup()', 800 );
}

function closeMyPopup() {
 document.getElementById("styled_popup").style.display = "none"
}

function fireMyPopup() {
 setOpacity( 0 );
 document.getElementById("styled_popup").style.display = "block";
 fadeInMyPopup();
}

function toggle( toggleTxt,displayTxt) {
	var ele = document.getElementById(toggleTxt);
	var text = document.getElementById(displayTxt);
	if(ele.style.display == "block") {
    		ele.style.display = "none";
		//text.innerHTML = "";
  	}
	else {
		ele.style.display = "block";
		//text.innerHTML = "";
	}
}
function toggle1() {
	var ele = document.getElementById("toggleText1");
	var text = document.getElementById("displayText1");
	if(ele.style.display == "block") {
    		ele.style.display = "none";
		//text.innerHTML = "";
  	}
	else {
		ele.style.display = "block";
		//text.innerHTML = "";
	}
}
function showMe (it, box) { 
	  var vis = (box.checked) ? "block" : "none"; 
	  document.getElementById(it).style.display = vis;
	} 
function showme (it, box) { 
	  var vis = (box.checked) ? "block" : "none"; 
	  document.getElementById(it).style.display = vis;
	}
	
	function divOverLap(it, box ) {
	  var vis = (box.checked) ? "block" : "none"; 
	  document.getElementById(it).style.display = vis;
	  if( it == "div1" ) 
	  {
	  	document.getElementById("div2").style.display = "none";
		document.getElementById("div3").style.display = "none";
		document.getElementById("div4").style.display = "none";
	  } else if( it == "div2" ) 
	  {
	  	document.getElementById("div1").style.display = "none";
		document.getElementById("div3").style.display = "none";
		document.getElementById("div4").style.display = "none";
	  } else if( it == "div3" ) 
	  {
	  	document.getElementById("div2").style.display = "none";
		document.getElementById("div1").style.display = "none";
		document.getElementById("div4").style.display = "none";
	  }
	   else {
	  	document.getElementById("div1").style.display = "none";
		document.getElementById("div2").style.display = "none";
		document.getElementById("div3").style.display = "none";
	  }  
	}