// JavaScript Document
function bigimage(image,wid,hgt){
	sw=(screen.width-wid)/2;
	sh=(screen.height-hgt)/2;
	newwin=window.open('','newwin','width='+wid+',height='+hgt+',scrollbars=0,menubars=0,toolbars=0,loca tion=0,directories=0,status=0,top='+sh+',left='+sw+'');
	newwin.document.open();
	newwin.document.write('<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"\n');
	newwin.document.write('"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">');
	newwin.document.write('\n<html>\n<head>\n<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />\n');
	newwin.document.write('<meta http-equiv="Imagetoolbar" content="no" />\n');
	newwin.document.write('<title></title>\n');
	newwin.document.write('</head>');
	newwin.document.write('<body style="margin:0;padding:0">\n<img src="'+image+'" width="'+wid+'" height="'+hgt+'" />');
	newwin.document.write('\n</body></html>');
	newwin.document.close();
	newwin.focus();
}



function newWinParams(url,width,height) {
	// Set width and height
	var winWidth = width;
	var winHeight = height;
	// Set Window position
	var winTop = 0;
	var winLeft = 0;
	// Set other attributes
	var toolbar = "no";
	var location = "no";
	var directories = "no";
	var status = "no";
	var menubar = "no";
	var scrollbar = "yes";
	var resizable = "no";
	var atts="width="+winWidth+",height="+winHeight+",top="+winTop+",screenY="+winTop+",left="+winLeft+",screenX="+winLeft+",scrollbars="+scrollbar;
	// open the window
	window.open(url,'',atts);
}


function newwindow(url) {
	// Set width and height
	var winWidth = 400;
	var winHeight = 600;
	// Set Window position
	var winTop = 0;
	var winLeft = 0;
	// Set other attributes
	var toolbar = "no";
	var location = "no";
	var directories = "no";
	var status = "no";
	var menubar = "no";
	var scrollbar = "yes";
	var resizable = "no";
	var atts="width="+winWidth+",height="+winHeight+",top="+winTop+",screenY="+winTop+",left="+winLeft+",screenX="+winLeft+",scrollbars="+scrollbar;
	// open the window
	window.open(url,'',atts);
}

function viewBasket(url) {
	// Set width and height
	var winWidth = 600;
	var winHeight = 800;
	// Set Window position
	var winTop = 0;
	var winLeft = 0;
	// Set other attributes
	var toolbar = "no";
	var location = "no";
	var directories = "no";
	var status = "no";
	var menubar = "no";
	var scrollbar = "yes";
	var resizable = "no";
	var atts="width="+winWidth+",height="+winHeight+",top="+winTop+",screenY="+winTop+",left="+winLeft+",screenX="+winLeft+",scrollbars="+scrollbar;
	// open the window
	window.open(url,'',atts);
}

function backToMap() {
	//alert("hello");
	// not valid but works
	//window.location = "http://localhost:8080/MultiClient/index.faces";
	// proper W3C method - works also
	location.href = "../index.faces";
}


boxmove = true;

function ShowHide(div) {		
	//alert("show" + div);		
	//var IfrRef = document.getElementById('DivShim');
	var div = document.getElementById(div);
	div.style.visibility = 'visible';	
	// Simple follow the mouse script      
	var offX = 15;          // X offset from mouse position
	var offY = 15;          // Y offset from mouse position

	function mouseX(evt) {
		if (!evt) evt = window.event; 
		if (evt.pageX) return evt.pageX; 
		else if (evt.clientX)
		return evt.clientX + (document.documentElement.scrollLeft ?  document.documentElement.scrollLeft : document.body.scrollLeft); 
		else 
		return 0;
	}
	
	function mouseY(evt) {
		if (!evt) evt = window.event; 
		if (evt.pageY) return evt.pageY; 
		else if (evt.clientY)
		return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); 
		else 
		return 0;
	}
	
	function follow(evt) {
		if (document.getElementById) {
			var obj = div.style; 
			//obj.visibility = 'visible';
			obj.left = (parseInt(mouseX(evt))+offX) + 'px';
			obj.top = (parseInt(mouseY(evt))+offY) + 'px';
		}
	}
	document.onmousemove = follow;         
		
}
	
	// This is only for the div that holds all the page content
	function HideAll(div) {
		//alert("hit");
		
			
		// Simple follow the mouse script      
		var offX = 15;          // X offset from mouse position
		var offY = 15;          // Y offset from mouse position

		function mouseX(evt) {
			if (!evt) evt = window.event; 
			if (evt.pageX) return evt.pageX; 
			else if (evt.clientX)
			return evt.clientX + (document.documentElement.scrollLeft ?  document.documentElement.scrollLeft : document.body.scrollLeft); 
			else 
			return 0;
		}
		
		function mouseY(evt) {
			if (!evt) evt = window.event; 
			if (evt.pageY) return evt.pageY; 
			else if (evt.clientY)
			return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); 
			else 
			return 0;
		}
		
		function follow(evt) {
			if (document.getElementById) {
				var obj = div.style; 
				//obj.visibility = 'visible';
				obj.left = (parseInt(mouseX(evt))+offX) + 'px';
				obj.top = (parseInt(mouseY(evt))+offY) + 'px';
			}
		}
		document.onmousemove = null;
		var div = document.getElementById(div);
		div.style.visibility = 'hidden';			
		

}


var panes = new Array();

function setupPanes(containerId, defaultTabId) {
  // go through the DOM, find each tab-container
  // set up the panes array with named panes
  // find the max height, set tab-panes to that height
  panes[containerId] = new Array();
  var maxHeight = 0; var maxWidth = 0;
  var container = document.getElementById(containerId);
  var paneContainer = container.getElementsByTagName("div")[0];
  var paneList = paneContainer.childNodes;
  for (var i=0; i < paneList.length; i++ ) {
    var pane = paneList[i];
    if (pane.nodeType != 1) continue;
    if (pane.offsetHeight > maxHeight) maxHeight = pane.offsetHeight;
    if (pane.offsetWidth  > maxWidth ) maxWidth  = pane.offsetWidth;
    panes[containerId][pane.id] = pane;
    pane.style.display = "none";
  }
    paneContainer.style.height = maxHeight + "px";
    paneContainer.style.width  = maxWidth + "px";
    document.getElementById(defaultTabId).onclick();
}

function showPane(paneId, activeTab) {
  // make tab active class
  // hide other panes (siblings)
  // make pane visible
  
    for (var con in panes) {
    activeTab.blur();
    activeTab.className = "tab-active";
    if (panes[con][paneId] != null) { // tab and pane are members of this container
      var pane = document.getElementById(paneId);
      pane.style.display = "block";
      var container = document.getElementById(con);
      var tabs = container.getElementsByTagName("ul")[0];
      var tabList = tabs.getElementsByTagName("a")
      for (var i=0; i<tabList.length; i++ ) {
        var tab = tabList[i];
        if (tab != activeTab) tab.className = "tab-disabled";
      }
      for (var i in panes[con]) {
        var pane = panes[con][i];
        if (pane == undefined) continue;
        if (pane.id == paneId) continue;
        pane.style.display = "none"
      }
    }
  }
  return false;    
}

function breakout_of_frame()
{
  // see http://www.thesitewizard.com/archive/framebreak.shtml
  // for an explanation of this script and how to use it on your
  // own website
  if (top.location != location) {
    top.location.href = document.location.href ;
  }
}

var state = 'none';

function showhide(layer_ref, obj) {
	
	
	if ( document.getElementById("hover") ) {
		hover_cont = document.getElementById("hover");
	} else {
		hover_cont = document.getElementById("hover_large");
	}	
	divs = hover_cont.getElementsByTagName('div');
	//state = "none";
	for (i=0;i< divs.length;i++) {		
		divs[i].style.display = "none";
	}

	if (state == 'block') {
		state = 'none';
	} else {
		state = 'block';
	}

	if (document.all) { //IS IE 4 or 5 (or 6 beta)
		eval( "document.all." + layer_ref + ".style.display = state");
	}
	if (document.layers) { //IS NETSCAPE 4 or below
		document.layers[layer_ref].display = state;
	}
	if (document.getElementById &&!document.all) {
		hza = document.getElementById(layer_ref);
		hza.style.display = state;
	}
	
	// obj is the h4 element
	div = document.getElementById(layer_ref);
	if (div.style.display == "block") {		
		obj.style.backgroundImage = "url('http://www.fugro-robertson.com/TellusFRL/images/open_node.gif')";		
		if (obj.id != "swipe_title") {			
			document.getElementById('swipe_title').style.backgroundPosition = 'left';
		}
	} else {
		obj.style.backgroundImage = "url('http://www.fugro-robertson.com/TellusFRL/images/closed_node.gif')";
		if (obj.id != "swipe_title") {
			document.getElementById('swipe_title').style.backgroundPosition = '145px 0';
		}
		
	}
	
	
} 

function toggleDivDisplay(div) {
	// We need to do a check to see if any 
	// other divs are open, and close them
	div = document.getElementById(div);	
	// Make all of the divs but the one selected
	// invisible
	if (div.style.display == "none") {
		if ( document.getElementById("hover") ) {
			hover_cont = document.getElementById("hover");
		} else {
			hover_cont = document.getElementById("hover_large");
		}	
		divs = hover_cont.getElementsByTagName('div');
		//state = "none";
		for (i=0;i< divs.length;i++) {		
			divs[i].style.display = "none";
		}
	}
	
	//alert(div.style.display); 
	// If the div is hidden, show it	
	if (div.style.display == "none") {
		//alert("div is hidden, show it");				
		div.style.display = "block";
	} else {	
		//alert("div is visible, hide it");	
		div.style.display = "none";
	}
}



function changeicon(obj, div) {
	div = document.getElementById(div);
	if (div.style.display == "block") {
		obj.style.backgroundImage = "url('http://www.fugro-robertson.com/TellusFRL/images/open_node.gif')";
	} else {
		obj.style.backgroundImage = "url('http://www.fugro-robertson.com/TellusFRL/images/closed_node.gif')";
	}
	
}


function setValue() {		
	//item1 = document.getElementById(item1);	
	item1 = document.getElementById('recoverPws:username');	
	//item2 = document.getElementById(item2);		
	item2 = document.getElementById('j_username');	
	//item1.value = item2.value;	
	//if (document.all) { //IS IE 4 or 5 (or 6 beta)
		//eval( "document.all." + item1 + ".value = item2.value");
		//alert(item1.value);
	//}			
	item1.value = item2.value;	
}


function Toggle(item) {
   obj=document.getElementById(item);
   visible=(obj.style.display!="none")
   key=document.getElementById("x" + item);
   if (visible) {
     obj.style.display="none";
     //key.innerHTML="class=\"closed_icon\"";
     /*str = "open_icon";
     alert(str);
     alert(str.replace("open_icon","closed_icon"));   */
     key.style.backgroundImage = "url('http://www.fugro-robertson.com/TellusFRL/images/closed_node.gif')";
   } else {
      obj.style.display="inline";
      //key.innerHTML="<img src='http://www.fugro-robertson.com/TellusFRL/images/open_node.gif' />";
       	/*str = "closed_icon";
       	alert(str);
     	alert(str.replace("closed_icon","open_icon"));*/
     	key.style.backgroundImage = "url('http://www.fugro-robertson.com/TellusFRL/images/open_node.gif')";
     	
   }
}

function Expand() {
   divs=document.getElementsByTagName("DIV");
   for (i=0;i<divs.length;i++) {
     divs[i].style.display="block";
     key=document.getElementById("x" + divs[i].id);
     key.innerHTML="<img src='#{facesContext.externalContext.requestContextPath}/images/open_node.gif' width='16' height='16' />";
   }
}

function Collapse() {
   divs=document.getElementsByTagName("DIV");
   for (i=0;i<divs.length;i++) {
     divs[i].style.display="none";
     key=document.getElementById("x" + divs[i].id);
     key.innerHTML="<img src='#{facesContext.externalContext.requestContextPath}/images/closed_node.gif' width='16' height='16' />";
   }
}


function playVid(ievid,ffvid) {
	var oeTags = '<object id="mediaPlayer" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"'
	         + 'width="532" height="493"'
	         + 'codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"'
	         + 'standby="Loading Microsoft Windows Media Player components..."'
	         + 'type="application/x-oleobject">'
	         + '   <param name="autoStart" value="true"/>'
	         + '   <param name="url"       ' + ievid + '" />'
	         + '   <param name="wmode"     value="transparent" />'
	         + '   <param name="uiMode"    value="full" />'
	         + '   <param name="loop"      value="false" />'               
	         + '   <embed id       ="EmbedmediaPlayer"'
	         + '       type        ="application/x-mplayer2"'
	         + '       src         ="' + ffvid + '"'
	         + '       width       ="532"'
	         + '       height      ="493">'
	         + '   </embed>'
	         + '</object>';
	document.write(oeTags);
}


