//use this function to popup an iframe with a black background

function showpreview(url,x,y)
	{
		//scroll page to top
		scroll(0,0);
		

		var pageHeight = document.getElementById('container').scrollHeight;
		//alert(document.scrollWidth +" x "+ pageHeight);
		
		document.getElementById("greybox").style.display ="inline";
		document.getElementById("greybox").style.backgroundColor ="#000000";
		document.getElementById("greybox").style.position ="absolute";
		document.getElementById("greybox").style.zIndex ="9";
		document.getElementById("greybox").innerHTML = "<table width=\"100%\" height=\"" + pageHeight + "\" ><tr><td></td></tr></table>";
		
		var margLt = x/2;

		document.getElementById("pictpreview").style.backgroundColor ="#cdced0";
		document.getElementById("pictpreview").style.textAlign ="center";
		document.getElementById("pictpreview").style.position ="absolute";
		document.getElementById("pictpreview").style.marginLeft = "-"+ margLt +"px";
		document.getElementById("pictpreview").style.marginTop = "80px";
		document.getElementById("pictpreview").style.left ="50%";
		document.getElementById("pictpreview").style.display ="inline";
		document.getElementById("pictpreview").style.padding ="0";


		document.getElementById("pictpreview").innerHTML ='<iframe id=\"slidepanel\" name=\"slidepanel\" src =\"'+ url +'\" width=\"'+ x +'\" height=\"'+ y +'\" frameborder=\"0\" marginheight=\"0\" marginwidth=\"0\"></iframe>'
		+'<br><br><div id=\"slidecontrol\"><div id=\"aux_controls\" ></div> <a class=\"textbutton\" href=\"javascript:hidepreview();\">close</a></div><br><br>';
	}



function hidepreview()
	{
		document.getElementById("pictpreview").style.display ="none";

		document.getElementById("greybox").style.display ="none";

	}
	
function auxControls(loc0,r1,r2,label1,label2) 
	{
	//alert(loc1+","+r1+","+r2+","+label1+","+label2);
	
	loc0 = parseInt(loc0); //panel you are starting from
	r1 = parseInt(r1); // first panel in the series
	r2 = parseInt(r2); // last panel in the series
	//label1 is the name you want for the button
	
	
	var loc2 = loc0 + 01;
	var loc1 = loc0 - 01;
	if (loc0 >= r2)
		{
		loc2 = r1;
		} 
	else 
	if (loc2 > r2)
		{
		loc2 = r1;
		}

	if (loc1 == 0)
		{
		loc1 = r2;
		}

	//var display = "<b>"+loc1 +"</b>,"+loc0 +",<b>"+loc2+"</b> | ";
	var link1 = "<a onclick=\"auxControls("+loc1+","+r1+","+r2+",'"+label1+"','"+label2+"');\" class=\"textbutton\" target=\"slidepanel\" href=\"/groupware/features.php?slide="+loc1+"\">"+label1+"</a>";
	var link2 = "<a onclick=\"auxControls("+loc2+","+r1+","+r2+",'"+label1+"','"+label2+"');\" class=\"textbutton\" target=\"slidepanel\" href=\"/groupware/features.php?slide="+loc2+"\">"+label2+"</a>";
	//document.getElementById("aux_controls").innerHTML = display+link1 +" | "+link2;
	document.getElementById("aux_controls").innerHTML = link1 +" | "+link2;
	
	
	//document.getElementById("aux_controls").innerHTML = "<a class=\"textbutton\" target=\"slidepanel\" href=\"/javascript:showpreview('groupware/features.php?slide="+loc1+"', '650', '541'); auxControls("+loc2+","+r1+","+r2+", 'Previous', 'Next');\">"+label1+"</a> | <a class=\"textbutton\" target=\"slidepanel\" href=\"/groupware/features.php?slide="+loc2+"\">"+label2+"</a>";
	//javascript:showpreview('groupware/features.php?slide=01', '650', '541'); auxControls(01,01,06, 'Previous', 'Next');
	//alert (loc1 +" - "+ r2);
}