var startX = 0 //set x offset of bar in pixels
var startY = 0 //set y offset of bar in pixels


function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function staticbar(){
	barheight=document.getElementById("floated_layer").offsetHeight
	var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
	var d = document;
	function ml(id){
		var el=d.getElementById(id);
		el.style.visibility="visible"
		if(d.layers)el.style=el;
			el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
			el.x = startX;
			el.y = startY;
		return el;
	}
	window.stayTopLeft=function(){

			var pY = ns ? pageYOffset : iecompattest().scrollTop;


/* get the innerHeight of the window acording to different browser */
if (self.innerHeight) // all except Explorer
{ spatiu_intern = self.innerHeight; }
else 
	if (document.documentElement && document.documentElement.clientHeight)  // Explorer 6 Strict Mode
	    { spatiu_intern = document.documentElement.clientHeight; }
	else if (document.body) // other Explorers
		 { spatiu_intern = document.body.clientHeight; }

var distanta = spatiu_intern - barheight;

/* determine if the height of the floated div is bigger than the actual window height. a certain value is added in order to prevent footer overlapping*/
			if (barheight+30 < spatiu_intern) {
/* determine if the the scrolling distance to the top of the page is bigger than the actual header for positioning the div at 0*/
	 									if (pY<150) { ftlObj.y += (startY - ftlObj.y)/8;         } 
/* other wise position the div on top. The different value aded consist in the permanent destination of the floated layer */
										else	    { ftlObj.y += (pY-130 + startY - ftlObj.y)/8;}
											  }
			else {ftlObj.y += (startY - ftlObj.y)/8; }
	
		ftlObj.sP(ftlObj.x, ftlObj.y);
		setTimeout("stayTopLeft()", 10);
	}
	ftlObj = ml("floated_layer");
	stayTopLeft();
}

if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar;


	isIE6 = /msie|MSIE 6/.test(navigator.userAgent);
	if (isIE6)
	{
		
/* Declare SelectFix class as an anonymous static class */
var SelectFix = (function() {
	/*** Private static attributes ***/
	var oTimer = null;
	var bParseFloatingElementsFixed = true;
	var bIsZIndexRequired = false;
	var bCurrentStyleAvailable = null;
	var bIsW3BoxModelCompliant = null;
	var bIsCheckHtmlAlreadyDone = false;
	var arrInnerElementsFixer = new Array();

	/*** Public static methods ***/
	/* Repair an Element to be able to work on Internet Explorer */
	cSelectFix.repairFloatingElement = function(oElement, bForceResize) {
		/* Add the class and iframe only if they aren't already existing */
		/* If the current element is an Iframe there's no need to do something */
		if ((oElement.className.indexOf("select-free")==-1) && (oElement.tagName!="IFRAME")) {
			/* Change display (since the element may be hidden)
				to calculate the correct width & height of the children elements */
			var strCurrentDisplay = oElement.style.display;
			var bDisplayNone = (strCurrentDisplay == "none");
			if (bDisplayNone)
				oElement.style.display = "block";
			var oElementWidth = oElement.clientWidth;
			var oElementHeight = oElement.clientHeight;
			/* offsetWidth-clientWidth>0 when we have a border */
			var oElementBorderWidth = oElement.offsetWidth - oElementWidth;
			var oElementBorderHeight = oElement.offsetHeight - oElementHeight;
			/* Restore the display if he changed */
			if (bDisplayNone)
				oElement.style.display = strCurrentDisplay;
			
			if (bForceResize) {
				oElement.style.width = oElementWidth+'px';
				oElement.style.height = oElementWidth+'px';
			}			
				
			/* If there is a border we have to change the floating item size */
			if ((oElementBorderWidth>0) || (oElementBorderHeight>0)) {
				/* Add a div inside the current element  (for border fixing over select) */
				var oInnerDiv = document.createElement("div");
				copyCssBorderWithDirectionToNewElement(oElement,oInnerDiv,'border');
				oElement.style.border = '0';
				
				/* Set internal padding */
				var sBorderLeftWidth = getStyle(oInnerDiv,'border-left-width');
				var sBorderTopWidth = getStyle(oInnerDiv,'border-top-width');
				var sBorderRightWidth = getStyle(oInnerDiv,'border-right-width');
				var sBorderBottomWidth = getStyle(oInnerDiv,'border-bottom-width');
				oElement.style.paddingLeft = addSizes(sBorderLeftWidth,getStyle(oElement,'padding-left'))+'px';
				oElement.style.paddingTop = addSizes(sBorderTopWidth,getStyle(oElement,'padding-top'));+'px';
				oElement.style.paddingRight = addSizes(sBorderRightWidth,getStyle(oElement,'padding-right'))+'px';
				oElement.style.paddingBottom = addSizes(sBorderBottomWidth,getStyle(oElement,'padding-bottom'))+'px';

				/* Append the inner div (to fix border of the floating element) */
				if (!isW3BoxModelCompliant()) {
          /* The padding should already be set => we only add the border size */
				  var iNewWidth = oElementWidth+addSizes(sBorderLeftWidth,sBorderRightWidth);
				  var iNewHeight = oElementHeight+addSizes(sBorderTopWidth,sBorderBottomWidth);
				  oElement.style.width = iNewWidth+'px';
				  oElement.style.height = iNewHeight+'px';
					/* Since we're working with IE6 in quirk mode padding's doesn't respect W3c standards */
					appendFixer(oElement,oInnerDiv,iNewWidth,iNewHeight);
				} else {
				  /* Firefox or Internet Explorer in standard mode */
				  appendFixer(oElement,oInnerDiv,oElementWidth, oElementHeight);
				}
			}
			
			/* Add an Iframe inside the current element */
			var oIframe = document.createElement("iframe");
			var sProtocol = String(self.location).substring(0,5);
			if (sProtocol=="https") {
				/* This src is needed if we want the script to work with HTTPS websites */
				oIframe.src = "javascript:'<html></html>';";/* j avascript hack ? */
			} else {
				oIframe.src = "about:blank";
			}

			/* Append the IFrame fixer */
			appendFixer(oElement,oIframe,oElementWidth+oElementBorderWidth, oElementHeight+oElementBorderHeight);
			
			/* Add the CSS class fixer */
			oElement.className += " select-free";
		}
		
		/* If we need to check childrens too */
		recursiveLookChilds(oElement);
	};
	
	/* Repair all Elements each newTimeOut milliseconds to be able to work on Internet Explorer */
	/* If newTimeOut = 0 then the timeout is cancelled */
	cSelectFix.autoRepairFloatingElements = function(newTimeOut) {		
		if (!bIsCheckHtmlAlreadyDone) {
			setTimeout("SelectFix.autoRepairFloatingElements("+newTimeOut+")",newTimeOut);
			return;
		}
			
		/* We have to apply a new timer value */
		if (newTimeOut==0) {
			oTimer = null;
			return;
		}
		
		for (var i=0;i<arrInnerElementsFixer.length;i++) {
			var oElement = arrInnerElementsFixer[i].parentNode;
			if (isW3BoxModelCompliant()) {
				/* Get our border size (if any) */
				var iBorderWidth = arrInnerElementsFixer[i].offsetWidth - arrInnerElementsFixer[i].clientWidth;
				var iBorderHeight = arrInnerElementsFixer[i].offsetHeight - arrInnerElementsFixer[i].clientHeight;
				resizeFixerElement(arrInnerElementsFixer[i], oElement.offsetWidth-iBorderWidth, oElement.offsetHeight-iBorderHeight);
			} else {
				resizeFixerElement(arrInnerElementsFixer[i], oElement.offsetWidth, oElement.offsetHeight);
			}
		}
		checkHtmlElements();	
		oTimer = setTimeout("SelectFix.autoRepairFloatingElements("+newTimeOut+")",newTimeOut);
	};
	
	/* Should we parse floating elements that have been fixed by the current Javascript ? */
	/* They may contain child elements that need to be fixed too but... that costs more CPU  and there's little chance that it happens */
	cSelectFix.parseFloatingElementsFixed = function(bValue) {
		bParseFloatingElementsFixed = bValue;
	};
	
	/* Is the zIndex statement required for floating elements (default is false) ? */
	/* If you don't have to parse elements without zIndex call this method with a true value */
	cSelectFix.isZIndexRequired = function(bValue) {
		bIsZIndexRequired = bValue;
	};
	
	/*** Private static methods ***/
	/* Copy CSS class from the old element to the new element */
	function copyCssBorderWithDirectionToNewElement(oOldElem,oNewElem,strCssRule) {
		var arrCssRules = new Array('-top','-right','-bottom','-left');
		var arrCssRules2 = new Array('-width','-style','-color');
		for (var i=0;i<arrCssRules.length;i++) {
			for (var j=0;j<arrCssRules2.length;j++) {
				var currentCssRule = strCssRule+arrCssRules[i]+arrCssRules2[j];
				oNewElem.style[getCssRule(currentCssRule)] = getStyle(oOldElem,currentCssRule);
			}
		}
	}
	
  /* Detects Quirks Mode for box model... */
	function isW3BoxModelCompliant() {
    if (bIsW3BoxModelCompliant==null) {
      var oDiv = document.createElement('div');
      var iWidth = 100;
      var iPaddingLeft = 10;
      oDiv.style.width = iWidth+'px';
      oDiv.style.paddingLeft = iPaddingLeft+'px';

      document.body.appendChild(oDiv);
      bIsW3BoxModelCompliant = (oDiv.clientWidth==(iWidth+iPaddingLeft));
      document.body.removeChild(oDiv);
    }
    return bIsW3BoxModelCompliant;
  }

	/* Add a child element to the floating item which will fix some stuff */
	function appendFixer(oElement,oFixerElement,oElementWidth,oElementHeight) {
		oFixerElement.className = "innerFixer";
		oElement.appendChild(oFixerElement);
		arrInnerElementsFixer[arrInnerElementsFixer.length] = oFixerElement;
		resizeFixerElement(oFixerElement, oElementWidth, oElementHeight);	
	}
	
	/* Method to resize a fixer element (inner div or iframe) inside floating element fixed */
  function resizeFixerElement(oInnerElement, oElementWidth, oElementHeight) {
    if (oElementWidth>0)
      oInnerElement.style.width = oElementWidth +"px";
    if (oElementHeight>0)
      oInnerElement.style.height = oElementHeight +"px";
  }
  
  /* Add two sizes in pixels and return the new size in pixel (but without the unit!) */
  function addSizes(firstSz,secondSz) {
		return parseInt(firstSz)+parseInt(secondSz);
	}
	
	/* Repair all current Elements to be able to work on Internet Explorer */
	function checkHtmlElements() {
		var arrSelect = document.getElementsByTagName("select");
		/* If there's no SELECT then there's no need to fix elements */
		if (arrSelect.length==0) return;
		
		if (bCurrentStyleAvailable==null) {
			bCurrentStyleAvailable = (document.body.currentStyle!=null);
		}
		
		recursiveLookChilds(document.body);	


		bIsCheckHtmlAlreadyDone = true;
	};


	function recursiveLookChilds(oElement) {
		/* Browse each childs of the current element */
		for(var i=0; i<oElement.childNodes.length;i++) {
			var oChild = oElement.childNodes[i];
			if (oChild.nodeType==1) {
				if (getStyle(oChild,"z-index") > 3000) {
					cSelectFix.repairFloatingElement(oChild, false);			
				} else {
					recursiveLookChilds(oChild);
				}
								
			}
		}
	};
	

  /* Molinet Fabien : I modified and splitted the function getStyle to work better under Internet Explorer */
  /* -------------------------------------------------------------------------------- */
	/* If the position or the z-index are modified throught oElm.style.position or oElm.style.zIndex it's automatically reported in the style attribute */
	/* function from : http://www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/ */
	function getCssRule(strCssRule) {
			return strCssRule.replace(/\-(\w)/g, function (strMatch, p1){
					return p1.toUpperCase();
			});
	}
	
	function getStyle(oElm, strCssRule) {
		var strValue = "";
		if(document.defaultView && document.defaultView.getComputedStyle){
			strValue = document.defaultView.getComputedStyle(oElm, "").getPropertyValue(strCssRule);
		}
		else if(bCurrentStyleAvailable){
			strCssRule = getCssRule(strCssRule);
			if ((oElm.style[strCssRule] != null) && (oElm.style[strCssRule] != "")) {
				strValue = oElm.style[strCssRule];
			} else {
							
				var strValue = oElm.style[strCssRule];        
				if (!strValue && oElm.currentStyle) strValue = oElm.currentStyle[strCssRule];
			}
		}
		return strValue;
	};

	/* Unobtrusive event listener : function from Scott Andrew */
	function addEvent(obj, evType, fn) {
		if (obj.addEventListener){ 
			obj.addEventListener(evType, fn, false); 
			return true; 
		} else if (obj.attachEvent){ 
			var r = obj.attachEvent("on"+evType, fn); 
			return r; 
		} else { 
			return false; 
		} 
	};
	
	/*** Private methods ***/
	/* Private constructor */
	function cSelectFix() {
		/* on window.onload check each Html Elements */
		addEvent(window, 'load', checkHtmlElements);
	};
	

	
	/* Invoke the constructor */
	cSelectFix();
	/* Return constructor to get current instance in SelectFix */
	return cSelectFix;
})();
	}