function toggle(div_id) {
	var el = document.getElementById(div_id);
	if ( el.style.display == 'none' ) {	el.style.display = 'block';}
	else {el.style.display = 'none';}
}

function setbackgroundcolor(div_id,mycolor) {
      document.getElementById(div_id).style.backgroundColor = mycolor+'';     
}

function blanket_size(popUpDivVar) {
	if (typeof window.innerWidth != 'undefined') {
		viewportheight = window.innerHeight;
	} else {
		viewportheight = document.documentElement.clientHeight;
	}
	if ((viewportheight > document.body.parentNode.scrollHeight) && (viewportheight > document.body.parentNode.clientHeight)) {
		blanket_height = viewportheight;
	} else {
		if (document.body.parentNode.clientHeight > document.body.parentNode.scrollHeight) {
			blanket_height = document.body.parentNode.clientHeight;
		} else {
			blanket_height = document.body.parentNode.scrollHeight;
		}
	}
	var blanket = document.getElementById('blanket');
	blanket.style.height = blanket_height + 'px';
	var popUpDiv = document.getElementById(popUpDivVar);
	//popUpDiv_height=blanket_height/2-150;//150 is half popup's height
        popUpDiv_height=100; //near the top of the page
	popUpDiv.style.top = popUpDiv_height + 'px';
}

function window_pos(popUpDivVar) {
	if (typeof window.innerWidth != 'undefined') {
		viewportwidth = window.innerHeight;
	} else {
		viewportwidth = document.documentElement.clientHeight;
	}
	if ((viewportwidth > document.body.parentNode.scrollWidth) && (viewportwidth > document.body.parentNode.clientWidth)) {
		window_width = viewportwidth;
	} else {
		if (document.body.parentNode.clientWidth > document.body.parentNode.scrollWidth) {
			window_width = document.body.parentNode.clientWidth;
		} else {
			window_width = document.body.parentNode.scrollWidth;
		}
	}
	var popUpDiv = document.getElementById(popUpDivVar);
	window_width=window_width/2-300;//300 is half popup's width
	popUpDiv.style.left = window_width + 'px';
}
function popup(windowname, backgroundcolor,threadname,threadtype) {
        setbackgroundcolor('blanket',backgroundcolor);
	blanket_size(windowname);
	window_pos(windowname);
	toggle('blanket');
	toggle(windowname);
	get_PopupThread_Response(0,windowname,threadname,threadtype);
}

function popupForm(windowname,threadname,threadtype) {
	blanket_size(windowname);
	window_pos(windowname);
	toggle('blanket');
	toggle(windowname);
	get_PopupForm_Response(0,windowname,threadname,threadtype);
}
//get some content
function PopupThread_Response() {
if(http.readyState == 4) {
		if(http.status == 200) { 
                        
			var response= http.responseText;  
                
                        document.getElementById(targetdiv+'_formbody').innerHTML= response;
                        return 0;
		}
	} 
}

function PopupForm_Response() {
if(http.readyState == 4) {
		if(http.status == 200) { 
 
			var response= http.responseText;  
                        
                        document.getElementById('popUpFormDivContent').innerHTML= response;
                        return 0;
		}
	} 
}

var targetdiv;
function get_PopupThread_Response(offset,anchor,threadname,threadtype) { 
        var targetdiv ='with-travel-grant';
      
        if (threadtype=='archive') {
           myurl = threadname;
        } else {
	   var myurl = 'http://www.guthyjacksonfoundation.org/wp-content/themes/gjcf/withtrvgrant.php';
	}
        
	myRand = parseInt(Math.random()*999999999999999);
	var modurl = myurl+"?rand="+myRand ; 
	
 	http.open("GET",modurl,true);
	http.onreadystatechange = PopupThread_Response; 
	
	//http.send(null);
}

function get_PopupForm_Response(offset,window,threadname,threadtype) { 

	var myurl = 'http://spectrum.guthyjacksonfoundation.org/mod/newdashboard/widgetpanels/collapsablewidgets/'+threadname;

	myRand = parseInt(Math.random()*999999999999999);
	var modurl = myurl+"?rand="+myRand ;  
 	http.open("GET",modurl,true);
	http.onreadystatechange = PopupForm_Response; 
//	http.send(null);
}