var request = false;

try {
	request = new XMLHttpRequest();
} catch (trymicrosoft) {
	try {
		request = new ActiveXObject("Msxml2.XMLHTTP");
	} catch (othermicrosoft) {
		try {
			request = new ActiveXObject("Microsoft.XMLHTTP");
		} catch (failed) {
			request = false;
		}  
	}
}

function getData() {
	var file = 'ajax_functions.htm';     
	
	var emp_status = encodeURIComponent(document.getElementById('emp_status').value);
	var country = encodeURIComponent(document.getElementById('country').value);
	var jobFn = encodeURIComponent(document.getElementById('jobFn').value);
	var src = encodeURIComponent(document.getElementById('src').value);
	var synType = encodeURIComponent(document.getElementById('synType').value);

	var str = "";

	//Throw an error if no option selected
	if(emp_status == "" || country == '' || jobFn == '') {
		document.getElementById('status_msg').innerHTML = 'Please verify all your inputs!';
		return;
    } 

	str = "emp_status="+emp_status+"&country="+country+"&jobFunction="+jobFn+"&src="+src+"&synType="+synType;
		
	request.open("POST", file, true );
	request.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");
	request.onreadystatechange = updateMsg;
	request.send(str);
	//alert(request);
}

function resetData()
{
	var country = encodeURIComponent(document.getElementById('country').value);
	var src = encodeURIComponent(document.getElementById('src').value);

    str = "src="+src+"&country="+country;
	var file = 'first_frame.htm';
	request.open("POST", file, true );
	request.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");
	request.onreadystatechange = resetMsg;	
        request.send(str);
}

function updateMsg() {
	
	document.getElementById('innerContents').innerHTML = '<div id="centerDiv" style="margin:0 auto; text-align:center; margin-top:20%"><img src="http://www.activetechpros.com/widget/imgs/ajax-loader.gif" /></div>';
	if (request.readyState == 4) {
		if (request.status == 200) {
			var response = request.responseText;
			response = response.split("||");

    document.getElementById('innerContents').innerHTML = '';
    document.getElementById('innerContents').innerHTML = response;

    //document.getElementById('insideContainer').setAttribute('style', 'display:block; width: 300px; height:250px; font-family: arial;font-size: 12px;color: #333;background:#FFFFFF');
    //document.getElementById('insideContainer').style.cssText = 'display:block; width: 300px; height:250px; font-family: arial;font-size: 12px;color: #333;background:#FFFFFF';

	}
	}
}

function resetMsg() {

	document.getElementById('innerContents').innerHTML = '<div id="centerDiv" style="margin:0 auto; text-align:center; margin-top:20%"><img src="http://www.activetechpros.com/widget/imgs/ajax-loader.gif" /></div>';
	
	if (request.readyState == 4) {
		if (request.status == 200) {
			var response = request.responseText;
			response = response.split("||");

    document.getElementById('innerContents').innerHTML = '';
    document.getElementById('innerContents').innerHTML = response;

    document.getElementById('insideContainer').setAttribute('style', 'display:block; width: 300px; height:250px; font-family: arial;font-size: 12px;color: #333;background:url() no-repeat center bottom #FFFFFF;');
    document.getElementById('insideContainer').style.cssText = 'display:block; width: 300px; height:250px; font-family: arial;font-size: 12px;color: #333;background:url() no-repeat center bottom #FFFFFF;';

	}
	}
}

function displayPopupDiv(e, jobFn, empStatus, country){
	var posx=0;
	var posy=0;
	
	if(!e){var e=window.event};

	var targ=e.target?e.target:e.srcElement;

	if(e.pageX||e.pageY){
		posx=e.pageX;
		posy=e.pageY;
	}
	else if(e.clientX||e.clientY){
		posx=e.clientX;
		posy=e.clientY;

		if(document.documentElement.scrollLeft||document.documentElement.scrollTop){	
			posx+=document.documentElement.scrollLeft;
			posy+=document.documentElement.scrollTop;
		}
	}

	var div=document.getElementById('popup');
	if(!div){
		var div=document.createElement('div');
		div.setAttribute('id','popup');

		var styleText = 'position:absolute;width:305px; height:252px; border:0px solid black;padding:0; margin:0;font: normal 12px Arial, Helvetica, sans-serif;color: #000;z-index:10;';
		
		//use browser sniffing to determine if IE or Opera (ugly, but required)  
		var isOpera, isIE = false;  
		if(typeof(window.opera) != 'undefined')
			isOpera = true;
			
		//if(!isOpera && navigator.userAgent.indexOf('Internet Explorer'))
		if (!isOpera && window.attachEvent)
			isIE = true;
		 
		if(!isIE)
		{   
			//use the correct DOM Method    
			div.setAttribute('style', styleText);  
		} 
		else 
		{    
			//use the .cssText hack    
			div.style.setAttribute('cssText', styleText);
		}

		var dataString = '';
		var paramsString = 'http://www.activetechpros.com/widget/frame_popup.htm?jobFunction='+jobFn+'&country='+country+'&emp_status=Work%20full-time%20at%20company&src=zdasia_tj';
		
		dataString = "<iframe src='"+paramsString+"' width='305' height='252' scrolling='no' border='0' frameborder='0' style='border:0px solid #BFC6D3;margin-bottom:5px;'></iframe>";
		dataString += "<br /><a href=\"javascript:void(0);\" onclick=\"hidePopupDiv()\" style=\"background:#fff; padding:5px;\">[X] CLOSE</a>";

		div.innerHTML = dataString;
		document.getElementsByTagName('body')[0].appendChild(div);	
	}

	div.style.top=posy+5+'px';
	div.style.left=posx+5+'px';
}


function hidePopupDiv(){
	var div=document.getElementById('popup');
	if(!div){return};
	div.parentNode.removeChild(div);	
}