// ---------------------------------------------------		
		function showSelectBoxes(){
			var selects = document.getElementsByTagName("select");
			for (i = 0; i != selects.length; i++) {
				selects[i].style.visibility = "visible";			}
		}
		
		// ---------------------------------------------------
		
		function hideSelectBoxes(){
			var selects = document.getElementsByTagName("select");
			for (i = 0; i != selects.length; i++) {
				selects[i].style.visibility = "hidden";
			}
		}
		
		// ---------------------------------------------------
		
		function showFlash(){
			var flashObjects = document.getElementsByTagName("object");
			for (i = 0; i < flashObjects.length; i++) {
				flashObjects[i].style.visibility = "visible";
			}
		
			var flashEmbeds = document.getElementsByTagName("embed");
			for (i = 0; i < flashEmbeds.length; i++) {
				flashEmbeds[i].style.visibility = "visible";
			}
		}
		
		// ---------------------------------------------------
		
		function hideFlash(){
			var flashObjects = document.getElementsByTagName("object");
			for (i = 0; i < flashObjects.length; i++) {
				flashObjects[i].style.visibility = "hidden";
			}
		
			var flashEmbeds = document.getElementsByTagName("embed");
			for (i = 0; i < flashEmbeds.length; i++) {
				flashEmbeds[i].style.visibility = "hidden";
			}
		
		}
		
		function getPageSize(){
	
	var xScroll, yScroll;
	
	if (window.innerHeight && window.scrollMaxY) {	
		xScroll = window.innerWidth + window.scrollMaxX;
		yScroll = window.innerHeight + window.scrollMaxY;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		xScroll = document.body.scrollWidth;
		yScroll = document.body.scrollHeight;
	} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
		xScroll = document.body.offsetWidth;
		yScroll = document.body.offsetHeight;
	}
	
	var windowWidth, windowHeight;
	
//	console.log(self.innerWidth);
//	console.log(document.documentElement.clientWidth);

	if (self.innerHeight) {	// all except Explorer
		if(document.documentElement.clientWidth){
			windowWidth = document.documentElement.clientWidth; 
		} else {
			windowWidth = self.innerWidth;
		}
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) { // other Explorers
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}	
	
	// for small pages with total height less then height of the viewport
	if(yScroll < windowHeight){
		pageHeight = windowHeight;
	} else { 
		pageHeight = yScroll;
	}

//	console.log("xScroll " + xScroll)
//	console.log("windowWidth " + windowWidth)

	// for small pages with total width less then width of the viewport
	if(xScroll < windowWidth){	
		pageWidth = xScroll;		
	} else {
		pageWidth = windowWidth;
	}
//	console.log("pageWidth " + pageWidth)

	arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight) 
	return arrayPageSize;
}

//
//	Additional methods for Element added by SU, Couloir
//	- further additions by Lokesh Dhakar (huddletogether.com)
//
Object.extend(Element, {
	getWidth: function(element) {
	   	element = $(element);
	   	return element.offsetWidth; 
	},
	setWidth: function(element,w) {
	   	element = $(element);
    	element.style.width = w +"px";
	},
	setHeight: function(element,h) {
   		element = $(element);
    	element.style.height = h +"px";
	},
	setTop: function(element,t) {
	   	element = $(element);
    	element.style.top = t +"px";
	},
	setLeft: function(element,l) {
	   	element = $(element);
    	element.style.left = l +"px";
	},
	setSrc: function(element,src) {
    	element = $(element);
    	element.src = src; 
	},
	setHref: function(element,href) {
    	element = $(element);
    	element.href = href; 
	},
	setInnerHTML: function(element,content) {
		element = $(element);
		element.innerHTML = content;
	}
});

function getPageScroll(){

	var xScroll, yScroll;

	if (self.pageYOffset) {
		yScroll = self.pageYOffset;
		xScroll = self.pageXOffset;
	} else if (document.documentElement && document.documentElement.scrollTop){	 // Explorer 6 Strict
		yScroll = document.documentElement.scrollTop;
		xScroll = document.documentElement.scrollLeft;
	} else if (document.body) {// all other Explorers
		yScroll = document.body.scrollTop;
		xScroll = document.body.scrollLeft;	
	}

	arrayPageScroll = new Array(xScroll,yScroll) 
	return arrayPageScroll;
}
	
function showUsersFriends(vText) {
		var objBody = document.getElementsByTagName("body").item(0);		
		var objOverlay = document.createElement("div");
		objOverlay.setAttribute('id','overlayFriends');
		objOverlay.style.display = 'none';
		objOverlay.onclick = function() {hideFriendsShow	(); }
		objBody.appendChild(objOverlay);
		
		hideSelectBoxes();
		hideFlash();
		
		// stretch overlay to fill page and fade in
		var arrayPageSize = getPageSize();
		Element.setWidth('overlayFriends', arrayPageSize[0]);
		Element.setHeight('overlayFriends', arrayPageSize[1]);

		
		
		var objFriendsShow = document.createElement("div");
		objFriendsShow.setAttribute('id','usersFriendsPop');
		objFriendsShow.style.display = 'none';		
		objBody.appendChild(objFriendsShow);
			
		var objOuterContainer = document.createElement("div");
		objOuterContainer.setAttribute('id','outerFriendsShow');
		objOuterContainer.innerHTML = vText;
		objFriendsShow.appendChild(objOuterContainer);
		
		
		new Effect.Appear('overlayFriends', { duration: 0.9, from: 0.0, to: 0.6 });
		
		var arrayPageScroll = getPageScroll();
		var boxTop = arrayPageScroll[1] + (arrayPageSize[3] / 10);
		var boxLeft = arrayPageScroll[0];
		
		Element.setTop('usersFriendsPop', boxTop);
		Element.setLeft('usersFriendsPop', boxLeft);
		Element.show('usersFriendsPop');
		
		window.onscroll = function() {				
				repFriendsShow();
		}		
	}
	
function repFriendsShow() {
		var arrayPageScroll = getPageScroll();
		var boxTop = arrayPageScroll[1] + (arrayPageSize[3] / 10);
		var boxLeft = arrayPageScroll[0];
		
		Element.setTop('usersFriendsPop', boxTop);
		Element.setLeft('usersFriendsPop', boxLeft);
	
}	
	
 
function hideFriendsShow() {
 		new Effect.Fade('overlayFriends', { duration: 0.2});
 		Element.hide('usersFriendsPop');
		showSelectBoxes();
		showFlash(); 	
 }