/******************************************
* Popup Box- By Jim Silver @ jimsilver47@yahoo.com
* Visit http://www.dynamicdrive.com/ for full source code
* This notice must stay intact for use
******************************************/

	//function getCoord()
	//{
		//var obj = document.getElementById("add_element");
		//alert(obj);
		//obj.add_element = new Object();
		function findPos(nameVar){
			var obj = document.getElementById(nameVar);
			var posX = obj.offsetLeft;var posY = obj.offsetTop;
			while(obj.offsetParent){
				posX=posX+obj.offsetParent.offsetLeft;
				posY=posY+obj.offsetParent.offsetTop;
			if(obj==document.getElementsByTagName('body')[0]){break}
			else{obj=obj.offsetParent;}
		}
		alert(posX+'-'+posY)
		}
		//sessvars.lefty.toString();
		//sessvars.toppy.toString();
	//}
	
	
	
function hideDiv(varDivName)
{
	crossobj=ns6? document.getElementById(varDivName) : document.all[varDivName]
	if (ie4||ns6)
	crossobj.style.visibility="hidden"
	else if (ns4)
	document.varDivName.visibility="hide"
}

function showDiv(varDivName)
{
	crossobj=ns6? document.getElementById(varDivName) : document.all.varDivName
	if (ie4||ns6)
	crossobj.style.visibility="visible"
	else if (ns4)
	document.varDivName.visibility="show"
}

var ns4=document.layers
var ie4=document.all
var ns6=document.getElementById&&!document.all

//drag drop function for NS 4////
/////////////////////////////////

var dragswitch=0
var nsx
var nsy
var nstemp

function drag_dropns(name){
if (!ns4)
return
temp=eval(name)
temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)
temp.onmousedown=gons
temp.onmousemove=dragns
temp.onmouseup=stopns
}

function gons(e){
temp.captureEvents(Event.MOUSEMOVE)
nsx=e.x
nsy=e.y
}
function dragns(e){
if (dragswitch==1){
temp.moveBy(e.x-nsx,e.y-nsy)
return false
}
}

function stopns(){
temp.releaseEvents(Event.MOUSEMOVE)
}

//drag drop function for ie4+ and NS6////
/////////////////////////////////


function drag_drop(e){
if (ie4&&dragapproved){
crossobj.style.left=tempx+event.clientX-offsetx
crossobj.style.top=tempy+event.clientY-offsety
return false
}
else if (ns6&&dragapproved){
crossobj.style.left=tempx+e.clientX-offsetx+"px"
crossobj.style.top=tempy+e.clientY-offsety+"px"
return false
}
}

function initializedrag(e){
crossobj=ns6? document.getElementById("showimage") : document.all.showimage
var firedobj=ns6? e.target : event.srcElement
var topelement=ns6? "html" : document.compatMode && document.compatMode!="BackCompat"? "documentElement" : "body"
while (firedobj.tagName!=topelement.toUpperCase() && firedobj.id!="dragbar"){
firedobj=ns6? firedobj.parentNode : firedobj.parentElement
}

if (firedobj.id=="dragbar"){
offsetx=ie4? event.clientX : e.clientX
offsety=ie4? event.clientY : e.clientY

tempx=parseInt(crossobj.style.left)
tempy=parseInt(crossobj.style.top)

dragapproved=true
document.onmousemove=drag_drop
}
}
document.onmouseup=new Function("dragapproved=false")

////drag drop functions end here//////

function hidebox(){
crossobj=ns6? document.getElementById("showimage") : document.all.showimage
if (ie4||ns6)
crossobj.style.visibility="hidden"
else if (ns4)
document.showimage.visibility="hide"
document.getElementById('holder').innerHTML="\n"+ 
"<div id='showimage' style='position:relative; width:540px; z-index:200; '>\n"+
"</div>\n"+
"";
}
function showbox(){
crossobj=ns6? document.getElementById("showimage") : document.all.showimage
if (ie4||ns6)
crossobj.style.visibility="visible"
else if (ns4)
document.showimage.visibility="show"
}

function infoDiv(imageName,imageProp,setX)
{
	
	
	var newImage = imageProp;
	
	document.getElementById('holder').innerHTML="\n"+ 
			"<div id='showimage' style='position:relative; width:540px; height:302px  z-index:200; background-image: url(images/prod_sample_pop-up.gif); background-repeat:no-repeat'>\n"+
				"<table border='0' width='540' cellspacing='0' cellpadding='0' border='0'>\n"+
				  "<tr>\n"+
					"<td width='418' ></td>\n"+
					"<td style='cursor:hand; width:122px; text-align:left'><a href='#' onClick='hidebox();return false'><img src='images/prod_sample_close.gif' width='122' height='27' border=0></a></td>\n"+
				  "</tr>\n"+
				  "<tr>\n"+
					"<td style='text-align:center; vertical-align:top; width:534px; height:277px; padding-left:5px' colspan='2'>\n"+
				
				"<!-- PUT YOUR CONTENT BETWEEN HERE -->\n"+
				
				" " + newImage + "\n"+
				
				"<!-- END YOUR CONTENT HERE -->\n"+
				
					"</td>\n"+
					"</tr>\n"+
				"</table>\n"+
			"</div>\n"+
		"";
	
	var obj = document.getElementById(imageName);
			var posX = obj.offsetLeft;var posY = obj.offsetTop;
			while(obj.offsetParent){
				posX=posX+obj.offsetParent.offsetLeft;
				posY=posY+obj.offsetParent.offsetTop;
				if(obj==document.getElementsByTagName('body')[0]){break}
				else{obj=obj.offsetParent;}
			}
		
	var newX = setX;
	var newY = posY;
	
	function moveIt()
	{
		var obj = document.getElementById('add_element');
		var obj2 = document.getElementById('holder');
		obj2.style.top = newY + 'px';
		obj2.style.left = newX + 'px';
		//alert(posX+'-'+posY)
	}
	moveIt();
	//newdiv = document.createElement("<div id='showimage' style='position:absolute; height:100px; width:250px; left:400px; top:1100px; z-index:200; background-color:#000'>fsdfsdfsdfs</div>");
	//newdiv.innerHTML = "this is where it happens";
	//container = document.getElementById("container");
	//container.appendChild(newdiv);

}

function bulletDiv(imageName,setX)
{
	
	
	
		function findPos(imageName){
			
		}
	
	var newImage = imageName;
	if (newImage == "add_resources"){
	document.getElementById('holder').innerHTML="\n"+ 
			"<div id='showimage' style='position:relative; width:540px; height:302px  z-index:200; background-image: url(images/prod_sample_pop-up_ar.gif); background-repeat:no-repeat'>\n"+
				"<table border='0' width='540' cellspacing='0' cellpadding='0' border='0'>\n"+
				  "<tr>\n"+
					"<td style='width:408px; text-align:left; padding-left:10px; padding-top:2px; font-weight:bold; font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#666666'>additional resources &amp; papers</td>\n"+
					"<td style='cursor:hand; width:122px; text-align:left'><a href='#' onClick='hidebox();return false'><img src='images/prod_sample_close_ar.gif' width='122' height='27' border=0></a></td>\n"+
				  "</tr>\n"+
				  "<tr>\n"+
					"<td style='text-align:left; vertical-align:top; width:534px; height:277px; padding-left:0px; padding-right:10px; font-size:12px; color:#666; font-family:Arial, Helvetica, sans-serif;' colspan='2' >\n"+
				
								"<br />\n"+
                                "<div style='width:215px; text-align:left; vertical-align:top; float:left; padding-left:20px; padding-right:10px'>\n"+
                                    "<strong>\n"+
									"<a href='formassistvideo.htm'>Forms Video Tutorial</a><br /> \n"+
									"Watch FormFix in action, along with SmartZone OCR/ICR, in this video.<br /><br /> \n"+
									"<a href='http://download.accusoft.com/formassist/FormAssist.exe' onClick=\"javascript:urchinTracker ('/downloads/FormAssist Application');\">Forms Demo Application</a><br /> \n"+
									"Download and install a fully-working demonstration program that you can try out with your own forms.<br /><br /> \n"+
									"</strong></div> \n"+

                                
                                "<div style='width:215px; text-align:left; vertical-align:top; float:left; padding-left:10px; padding-right:20px'>\n"+
                                    "<strong>\n"+
									"<a href='FastTrackYourFormsProcessingApplicationDevelopment.pdf'>Forms Whitepaper</a><br /> \n"+
									"Fast Track Your Forms Processing Application Development<br /><br /> \n"+
									"<a href='ImprovingICRAccuracywithBetterFormDesign.pdf'>ICR Whitepaper </a><br /> \n"+
									"Best Practices: Improving ICR Accuracy with Better Form Design<br /><br /> \n"+
									"</strong></div> \n"+
				
				
				
					"</td>\n"+
					"</tr>\n"+
				"</table>\n"+
			"</div>\n"+
		"";
	}
		
	var obj = document.getElementById(imageName);
			var posX = obj.offsetLeft;var posY = obj.offsetTop;
			while(obj.offsetParent){
				posX=posX+obj.offsetParent.offsetLeft;
				posY=posY+obj.offsetParent.offsetTop;
				if(obj==document.getElementsByTagName('body')[0]){break}
				else{obj=obj.offsetParent;}
			}
		
	var newX = setX;
	var newY = posY;
	
	function moveIt()
	{
		var obj = document.getElementById('add_element');
		var obj2 = document.getElementById('holder');
		obj2.style.top = newY + 'px';
		obj2.style.left = newX + 'px';
		//alert(posX+'-'+posY)
	}
	moveIt();
	//newdiv = document.createElement("<div id='showimage' style='position:absolute; height:100px; width:250px; left:400px; top:1100px; z-index:200; background-color:#000'>fsdfsdfsdfs</div>");
	//newdiv.innerHTML = "this is where it happens";
	//container = document.getElementById("container");
	//container.appendChild(newdiv);

}