// JavaScript Document
var ti;

function popupAbre(arquivo,div){
	grayOut(true);
	if(document.getElementById('divYoutube'))
	  document.getElementById('divYoutube').style.display = 'none';
	creatediv(div,'','500px','669px','','50px');
	var div1 = document.getElementById(div); 
	div1.innerHTML = "Carregando...";
	sendData("",arquivo,div);
	ti = setTimeout('fechap()',15000);
}

function fechap() {
	clearTimeout(ti);
	var d = document.getElementById('popup');
	document.body.removeChild(d);
	grayOut(false);
	if(document.getElementById('divYoutube'))
	  document.getElementById('divYoutube').style.display = 'block';
}

function pre(){
	grayOut(true);
	if(document.getElementById('divYoutube'))
	  document.getElementById('divYoutube').style.display = 'none';
	creatediv('selecionafranquia','','500px','300px','','50px');
	var div1 = document.getElementById('selecionafranquia');
	div1.innerHTML = "Carregando...";
	sendData("","popup-prematricula.php",'selecionafranquia');
}

function removePre() {
	var d = document.getElementById('selecionafranquia');
	document.body.removeChild(d);
	grayOut(false);
	if(document.getElementById('divYoutube'))
	  document.getElementById('divYoutube').style.display = 'block';
}


function sethtml(div,content) 
{ 
    var search = content; 
    var script; 
          
    while( script = search.match(/(<script[^>]+javascript[^>]+>\s*(<!--)?)/i)) 
    { 
      search = search.substr(search.indexOf(RegExp.$1) + RegExp.$1.length); 
       
      if (!(endscript = search.match(/((-->)?\s*<\/script>)/))) break; 
       
      block = search.substr(0, search.indexOf(RegExp.$1)); 
      search = search.substring(block.length + RegExp.$1.length); 
       
      var oScript = document.createElement('script'); 
      oScript.text = block; 
      document.getElementsByTagName("head").item(0).appendChild(oScript); 
    } 
    
    document.getElementById(div).innerHTML=content; 
}


function creatediv(id, html, width, height, left, top) {
	var newdiv = document.createElement('div'); 
	newdiv.setAttribute('id', id); 
	newdiv.style.width = width;
	newdiv.style.height = height;
	newdiv.style.position = "absolute"; 
	newdiv.style.left = '50%';
	newdiv.style.marginLeft = "-260px";
	newdiv.style.top = top;
	newdiv.style.marginTop = "0px";
	newdiv.style.background = "#FFF";
	newdiv.style.padding = '10px';
	newdiv.style.border = "none"
	newdiv.style.zIndex = 100; 
	newdiv.innerHTML = 'OK';
	document.body.appendChild(newdiv);
}


function sendData(data,file,canvasId) {
  var request = getHTTPObject();
  if (request) {
    request.onreadystatechange = function() {
      parseResponse(request,canvasId);
    };
    request.open( "POST", file, true );
    request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    request.send(data);
    return true;
  } else {
    return false;
  }
}

function parseResponse(request,canvasId) {
  if (request.readyState == 4) {
    if (request.status == 200) {
		var canvas = document.getElementById(canvasId);
		//canvas.innerHTML = request.responseText;
		sethtml(canvasId,request.responseText);
    }
  }
}

function getElementsByClassName(name) {
  var results = new Array();
  var elems = document.getElementsByTagName("*");
  for (var i=0; i<elems.length; i++) {
    if (elems[i].className.indexOf(name) != -1) {
      results[results.length] = elems[i];
    }
  }
  return results;
}


function getHTTPObject() {
  var xhr = false;
  if (window.ActiveXObject) {
    try {
      xhr = new ActiveXObject("Msxml2.XMLHTTP");
    } catch(e) {
      try {
        xhr = new ActiveXObject("Microsoft.XMLHTTP");
      } catch(e) {
        xhr = false;
      }
    }
  } else if (window.XMLHttpRequest) {
    try {
      xhr = new XMLHttpRequest();
    } catch(e) {
      xhr = false;
    }
  }
  return xhr;
}


function grayOut(vis, options) {

  // Pass true to gray out screen, false to ungray

  // options are optional.  This is a JSON object with the following (optional) properties

  // opacity:0-100         // Lower number = less grayout higher = more of a blackout 

  // zindex: #             // HTML elements with a higher zindex appear on top of the gray out

  // bgcolor: (#xxxxxx)    // Standard RGB Hex color code

  // grayOut(true, {'zindex':'50', 'bgcolor':'#0000FF', 'opacity':'70'});

  // Because options is JSON opacity/zindex/bgcolor are all optional and can appear

  // in any order.  Pass only the properties you need to set.

  var options = options || {}; 

  var zindex = options.zindex || 50;

  var opacity = options.opacity || 70;

  var opaque = (opacity / 100);

  var bgcolor = options.bgcolor || '#000000';

  var dark=document.getElementById('darkenScreenObject');

  if (!dark) {

    // The dark layer doesn't exist, it's never been created.  So we'll

    // create it here and apply some basic styles.

    // If you are getting errors in IE see: http://support.microsoft.com/default.aspx/kb/927917

    var tbody = document.getElementsByTagName("body")[0];

    var tnode = document.createElement('div');           // Create the layer.

        tnode.style.position='absolute';                 // Position absolutely

        tnode.style.top='0px';                           // In the top

        tnode.style.left='0px';                          // Left corner of the page

        tnode.style.overflow='hidden';                   // Try to avoid making scroll bars            

        tnode.style.display='none';                      // Start out Hidden

        tnode.id='darkenScreenObject';                   // Name it so we can find it later

    tbody.appendChild(tnode);                            // Add it to the web page

    dark=document.getElementById('darkenScreenObject');  // Get the object.

  }

  if (vis) {

    // Calculate the page width and height 

    if( document.body && ( document.body.scrollWidth || document.body.scrollHeight ) ) {

        var pageWidth = document.body.scrollWidth+'px';

        var pageHeight = document.body.scrollHeight+'px';

    } else if( document.body.offsetWidth ) {

      var pageWidth = document.body.offsetWidth+'px';

      var pageHeight = document.body.offsetHeight+'px';

    } else {

       var pageWidth='100%';

       var pageHeight='100%';

    }   

    //set the shader to cover the entire page and make it visible.

    dark.style.opacity=opaque;                      

    dark.style.MozOpacity=opaque;                   

    dark.style.filter='alpha(opacity='+opacity+')'; 

    dark.style.zIndex=zindex;        

    dark.style.backgroundColor=bgcolor;  

    dark.style.width= pageWidth;

    dark.style.height= pageHeight;

    dark.style.display='block';				 

  } else {

     dark.style.display='none';

  }

}

