function showNewsItem(nodeId, index){
       var newsBox = document.getElementById("news-box");
      var buttonList = document.getElementById("rotator-buttonlist"); 
      //var ecobox = document.getElementById("ecobox"); 
      var isEcobox;
      if (document.getElementById("ecobox") != null ) {
      	  isEcobox = true;
      } else {
      	isEcobox = false;	  
      }
       var rotItems  = this.getElementsByClassName(document, "div", "rotator-item");
       for (var i = 0; i < rotItems.length; i++){
              rotItems[i].style.display = "none";
       }
      var listElements = buttonList.getElementsByTagName("li");
      for (var i = 0; i < listElements.length; i++){
              var images = listElements[i].getElementsByTagName("img");
              if(i==index){
              	if (isEcobox == true) {
              	    images[0].src = "img/on" + (i+1) + "_eco.gif";
              	} else {
                    images[0].src = "img/on" + (i+1) + ".gif";
                }
              }else{
                if (isEcobox == true) {
                    images[0].src = "img/off" + (i+1) + "_eco.gif";
                } else {
                    images[0].src = "img/off" + (i+1) + ".gif";
                }
              }
       }
      var itemToShow = document.getElementById(nodeId);
      itemToShow.style.display = "block";
      //getElementsByTagName
}

function getPageWidth(){
       return document.body.scrollWidth;
}

function getPageHeight(){
       return document.body.scrollHeight;
}

function windowHeight(){
       var de = document.documentElement;
      return self.innerHeight  || (de && de.clientHeight) || document.body.clientHeight;
}

function windowWidth(){
      var de = document.documentElement;
      return self.innerWidth  || (de && de.clientWidth) || document.body.clientWidth;
}
function hideRegForm(){
       var formDiv = document.getElementById("registration-form");
       hideElement(formDiv);
}



// written by Dean Edwards, 2005
// http://dean.edwards.name/

function addEvent(element, type, handler) {
	if (!handler.$$guid) handler.$$guid = addEvent.guid++;
	if (!element.events) element.events = {};
	var handlers = element.events[type];
	if (!handlers) {
		handlers = element.events[type] = {};
		if (element["on" + type]) {
			handlers[0] = element["on" + type];
		}
	}
	handlers[handler.$$guid] = handler;
	element["on" + type] = handleEvent;
};

// a counter used to create unique IDs
addEvent.guid = 1;

function removeEvent(element, type, handler) {
	if (element.events && element.events[type]) {
		delete element.events[type][handler.$$guid];
	}
};

function handleEvent(event) {
	var returnValue = true;
	// grab the event object (IE uses a global event object)
	event = event || fixEvent(window.event);
	// get a reference to the hash table of event handlers
	var handlers = this.events[event.type];
	// execute each event handler
	for (var i in handlers) {
		this.$$handleEvent = handlers[i];
		if (this.$$handleEvent(event) === false) {
			returnValue = false;
		}
	}
	return returnValue;
};

function fixEvent(event) {
	// add W3C standard event methods
	event.preventDefault = fixEvent.preventDefault;
	event.stopPropagation = fixEvent.stopPropagation;
	return event;
};
fixEvent.preventDefault = function() {
	this.returnValue = false;
};
fixEvent.stopPropagation = function() {
	this.cancelBubble = true;
};


//addEvent(window, "load", function(){  
//      alert("test : "+ newsBox.innerHTML); 
//       
//});


/*function showRegistrationForm(){
      var formDiv = document.getElementById("registration-form");
      var linkId = document.getElementById("reglink"); 
      var coors = findElementPosition(linkId); 
      var posx  = coors[0];;
      var posy =  coors[1];
      setX(formDiv, 468);
      setY(formDiv, posy+20); 
      showElement(formDiv);
      setElementOpacity(formDiv,0);
      
      fadeInElement2(formDiv,100,300);
     // slideDown(formDiv);
}
*/


function findElementPosition(elem){
       var curposY = 0;
       var curposX = 0;
       if(elem.offsetParent){
              while(elem.offsetParent){
                     curposX += elem.offsetLeft;
                     curposY += elem.offsetTop;
                     elem = elem.offsetParent;
              }
       } 
      return [curposX, curposY]; 
}


/*
	Written by Jonathan Snook, http://www.snook.ca/jonathan
	Add-ons by Robert Nyman, http://www.robertnyman.com
*/

function getInnerText(element){
       var text = '';
       element = element.childNodes || element; 
       for(var j=0; j< element.length; j++){
              text += element[j].nodeType != 1 ? element[j].nodeValue : getInnerText(element[j].childNodes);
       }
       return text;
}

function nextSibling(currentElement){
    do{
        currentElement = currentElement.nextSibling; 
    }while(currentElement && currentElement.nodeType != 1);
   return  currentElement;
}

function prevSibling(currentElement){
    do{
        currentElement = currentElement.previousSibling; 
    }while(currentElement && currentElement.nodeType != 1);
   return  currentElement;
}

function getParentElement(currentElement){
    if(currentElement != null){
        currentElement = currentElement. parentNode;
    }
   return currentElement; 
}

function showNextImage(){
     var nextImageLi = nextSibling(currentPic);
     if(nextImageLi == null){
        var nextImageDiv = document.getElementById('image-viewer-next');
        hideElement(nextImageDiv);
     }else{
     //   var images = this.getElementsByClassName(nextImageLi, "li", "gallery-picture");
   //     var img = images[0];
//        var nextImgLink = this.getElementsByClassName(img, "a", "gallery-pic-link");
//        if(nextImgLink != null){
//            showGalleryPicture(nextImgLink);
//        }
    //      if(img != null){
            showGalleryPicture(nextImageLi);
   //     }
     }
}

function showPreviousImage(){
    var prevImageDiv = prevSibling(currentPic);
     if(prevImageDiv == null){
        var prevLinkDiv = document.getElementById('image-viewer-prev');
        hideElement(prevLinkDiv);
     }else{
//        var images = this.getElementsByClassName(prevImageDiv, "li", "gallery-picture");
//        var img = images[0];
     //   var prevImgLink = this.getElementsByClassName(img, "a", "gallery-pic-link");
//        if(prevImgLink != null){
//            showGalleryPicture(prevImgLink);
//        }
        /// if(img != null){
            showGalleryPicture(prevImageDiv);
      //  }
     }
}

var currentPicListElem = null;



function showGalleryPicture(currentImageLink){
        //alert(currentImage.src);
       showImageViewerOverlay();
   //    alert(currentImageLink);
      //var currentImageListElem = getParentElement(currentImageLink);
      var currentImageListElem = currentImageLink;
      currentPic = currentImageListElem;
      var wrapperDiv = document.getElementById("image-viewer");
      var pictureDiv = document.getElementById("image-viewer-picture");
      var photographerDiv = document.getElementById("image-viewer-photgrapher");
      var architectDiv = document.getElementById("image-viewer-architect");
      var img = document.createElement("img");
      var descriptionDiv = document.getElementById("image-viewer-description");
      var nextDiv = document.getElementById("image-viewer-next");
      var prevDiv = document.getElementById("image-viewer-prev");
      var downloadDiv = document.getElementById("image-viewer-download");
      
      var urls = this.getElementsByClassName(currentImageListElem, "div", "imgurl");
      var url = urls[0];
     
     pictureDiv.innerHTML = "";
     
      img.src = this.getInnerText(url);
      img.id= "image-viewer-bigpic";
      //img.onclick= "showNextImage();";
      addEvent(img, 'click', showNextImage);
      addEvent(img, 'mouseover', function(){
              img.style.cursor = 'pointer';      
      });
      pictureDiv.appendChild(img);
      
      var descriptions = this.getElementsByClassName(currentImageLink, "div", "gallery-image-text");
      var descContent = descriptions[0];
    
      //var photographer = document.getElementById("gall-image-photographer" + contentId);
     var photographers = this.getElementsByClassName(currentImageLink, "div", "gallery-image-photographer");
     var photographer = photographers[0];
      
      descriptionDiv.innerHTML = descContent.innerHTML;    
      if(photographer.innerHTML.length > 0){
              photographerDiv.innerHTML = 'Fotograf : ' + photographer.innerHTML;
      }else{
              photographerDiv.innerHTML = '';
      }
      
      var downloadLinks = this.getElementsByClassName(currentImageLink, "div", "downloadurl");
     var downloadLink = downloadLinks[0];
      if(downloadLink.innerHTML.length > 0){
                var links = this.getElementsByClassName(downloadDiv, "a", "image-viewer-download-link");
                var link = links[0]; 
                link.href = downloadLink.innerHTML;
      }else{
              downloadDiv.innerHTML = '';
      }
      
      var architects = this.getElementsByClassName(currentImageLink, "div", "gallery-image-architect");
      var architect = architects[0];
      if(architect.innerHTML.length > 0){
              architectDiv.innerHTML = 'Arkitekt : ' + architect.innerHTML;
      }else{
              architectDiv.innerHTML = '';
      }
     
        var prevImageDiv = prevSibling(currentPic);
        if(prevImageDiv == null){
            var prevLinkDiv = document.getElementById('image-viewer-prev');
            hideElement(prevLinkDiv);
        }else{
        //    alert("show previous element");
            var prevLinkDiv = document.getElementById('image-viewer-prev');
            showElement(prevLinkDiv);
         }
        var nextImageDiv = nextSibling(currentPic);
         if(nextImageDiv == null){
            var nextImageDiv = document.getElementById('image-viewer-next');
            hideElement(nextImageDiv);
         }else{
           // alert("show next element");
            var nextImageDiv = document.getElementById('image-viewer-next');
            showElement(nextImageDiv);
         }
        
      showElement(wrapperDiv);
      centerImageViewer();
      
      
      return false; 
}

function setCursor(elem){


}


function nextImage(currentContentId){


}

function prevImage(currentContentId){


}

function getElementsByClassName(oElm, strTagName, strClassName){
	var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
	var arrReturnElements = new Array();
	strClassName = strClassName.replace(/-/g, "\-");
	var oRegExp = new RegExp("(^|\s)" + strClassName + "(\s|$)");
	var oElement;
	for(var i=0; i<arrElements.length; i++){
		oElement = arrElements[i];
		if(oRegExp.test(oElement.className)){
			arrReturnElements.push(oElement);
		}
	}
	return (arrReturnElements)
}

function getElementsByClassName2(className, tag, elm){
	var testClass = new RegExp("(^|\\s)" + className + "(\\s|$)");
	var tag = tag || "*";
	var elm = elm || document;
	var elements = (tag == "*" && elm.all)? elm.all : elm.getElementsByTagName(tag);
	var returnElements = [];
	var current;
	var length = elements.length;
	for(var i=0; i<length; i++){
		current = elements[i];
		if(testClass.test(current.className)){
			returnElements.push(current);
		}
	}
	return returnElements;
}


function closeActivityConfirmation(){
      var activityConfirm = document.getElementById("activity-confirm"); 
       hideElement(activityConfirm);
}

function hideTipAFriend(){
    var tipAFriend = document.getElementById("tip-a-friend");
     hideElement(tipAFriend);
}

function showTipAFriend(){
    var tipAFriend = document.getElementById("tip-a-friend");
    showElement(tipAFriend);
}

function showImageViewerOverlay(){
      var overlay = document.getElementById("image-viewer-overlay"); 
      overlay.onclick = hideImageViewerOverlay;
      showElement(overlay);
      setElementOpacity(overlay,40);
}

function hideImageViewerOverlay(){
      currentImageDiv = null;
      hideElement(document.getElementById("image-viewer-overlay"));
      hideElement(document.getElementById("image-viewer"));
      var pictureDiv = document.getElementById("image-viewer-picture");
      if(pictureDiv.firstChild) pictureDiv.removeChild(pictureDiv.firstChild);
}



function scrollX(){
       var de = document.documentElement;      
      return self.pageXOffset || (de && de.ScrollLeft) || document.body.scrollLeft; 
}



function scrollY(){
       return document.body.scrollTop;
       var de = document.documentElement;      
      return self.pageYOffset || (de && de.ScrollTop) || document.body.scrollTop; 
}


function showElement(elem){
       //elem.style.display=elem.$oldDisplay || '';
      elem.style.display = 'block'; 
}

function hideElement(elem){
      var currDisplay  = getStyle(elem,'display');
      if(currDisplay != 'none'){
              elem.$oldDisplay = currDisplay;
      } 
      elem.style.display = 'none';
}
function setElementOpacity(elem, level){
       if(elem.filters){
              elem.style.filter = 'alpha(opacity='+level+')';
              //element.style.filter = "alpha(opacity=" + opacityInPercentage + ")";
       }else{
              elem.style.opacity = level / 100;
       }
}


function fadeInElement2(elem, maxOpacity, durationMs){
       showElement(elem);
    var duration = 300; // in ms
    var fpms = 20/1000;  // frames per millisec
    for(var i=0;i<=durationMs;i+=1/fpms){
        (function(){
            var opac=Math.round(maxOpacity*i/durationMs); 
            window.setTimeout(function(){ 
                setElementOpacity(elem, opac); 
            },Math.round(i)); 
        }) ();
    }
       
}

function fadeInElement(elem){
       setElementOpacity(elem, 0);
       showElement(elem);
       for(var i = 0; i <=50; i += 5){
              (function(){
                     var pos = i;
                     setTimeout(function(){setElementOpacity(elem, pos); }, (pos + 1) *10);
              })();
       }
}

function slideDown(elem){
      elem.style.height = '0px';
      showElement(elem);
      var h = fullHeight(elem);
      for(var i = 0; i <= 100; i + 5){
              (function(){
                    var pos = i;
                    setTimeout(function(){elem.style.height = ((pos / 100) * h ) + "px"; }, (pos + 1) * 10); 
                    //setTimeout(function(){setElementOpacity(elem, pos); }, (pos + 1) *10);
              })();      
      } 
}

function fullHeight(elem){
       var propName = 'display';
       if(getStyle(elem, propName) != 'none'){
              return elem.offsetHeight;// || getHeight(elem);      
       }
      
      var old = resetCSS( elem, {
              display: '', visibility: 'hidden', position: 'absolute'      
      } );
      
      var h = elem.clientHeight || getHeight(elem);
      restoreCSS(elem, old);
      return h;
}

function resetCSS(elem, prop){
      var old = {};
      for(var i in prop){
              old[i] = elem.style[i];
              elem.style[i] = prop[i]; 
      } 
      return old; 
}
function restoreCSS(elem, prop){
       for(var i in prop){
              elem.style[i] = prop[i];
       }
}

function setX(elem, pos){
       elem.style.left = pos + "px";
}

function setY(elem, pos){
       elem.style.top = pos + "px";
}

function getStyle(elem, name){
       if(elem.style[name]){
              return elem.style[name];
       }else if(elem.currentStyle){
              return elem.currentStyle[name];
       }else if(document.defaultView && document.defaultView.getComputedStyle){
              name = name.replace(/([A-Z])/g,"-$1");
              name = name.toLowerCase();              
              var s = document.defaultView.getComputedStyle(elem, "");
              return s && s.getPropertyValue(name);
       }else{
              return null;
       }
}

function getWidth(elem){
    return parseInt(getStyle(elem, 'width'));
}
function getHeight(elem){
    return parseInt(getStyle(elem, 'height'));
}



function centerImageViewer(){
   var imageViewer = document.getElementById("image-viewer");
   if(!imageViewer) return;
   var ivHeight = 150;// getHeight(imageViewer);
   //alert("heigth: " + ivHeight);
   var ivWidth = getWidth(imageViewer);
   //alert("width: " + ivWidth);
   
   var centerY = scrollY() + (windowHeight() / 2 ) - ((ivHeight+700) / 2);
   if(centerY <0)centerY = 0;
   
   var centerX = scrollX() + (windowWidth() / 2) - (ivWidth / 2);
   if(centerX < 0) centerX = 0;
   //alert("imageViewer; " + imageViewer);
   setX(imageViewer, centerX);
   setY(imageViewer, centerY);
    
}

function ShowBranchList() {
    var branchList = document.getElementById('branch-list');
    if(branchList != null){
       branchList.style.display = 'block';
    }
}

function HideBranchList() {
    var branchList = document.getElementById('branch-list');
    if(branchList != null){
        if (branchList.style.display == 'block') {
            branchList.style.display = 'none';
        }
    }
}

//###############  WEBX GALLERY #######################

var currentGalleryPicIndex= 0;

function showWebXGallery(galleryId){
     currentGalleryPicIndex= 0;
    sendRequest("ajax/default.aspx?rnd="+new Date(),renderGallery, "webxaction=GETGALLERYHTML&webxgaid="+galleryId); 
    return false;
}

function renderGallery(request){
    var wrapperDiv = document.getElementById("webx-gallery-wrapper");
    if(wrapperDiv != null){
          wrapperDiv.innerHTML = request.responseText;
          wrapperDiv.style.display= "block";  
          var overlayDiv = document.getElementById("webx-gallery-overlay");      
          setElementOpacity(overlayDiv,90);    
          setThumbsOpacity();
          
    }
}

function setThumbsOpacity(){
    var thumbs = document.getElementById("thumbs").getElementsByTagName("li");
     for(var j=0; j< thumbs.length; j++){
        if(hasClass(thumbs[j],"current")){
             setElementOpacity(thumbs[j],100); 
             showBigVersion(thumbs[j].id, false);   
        }else{
            setElementOpacity(thumbs[j],40);    
        }
     }
}

function nextGalleryImage(){
    var maxImg = 12;
    var thumbs = document.getElementById("thumbs").getElementsByTagName("li");
    var picCount = thumbs.length;
    if(currentGalleryPicIndex < picCount-1){
        var oldElem = thumbs[currentGalleryPicIndex];
        var newElem = thumbs[currentGalleryPicIndex+1];
        removeClass(oldElem, "current");
        addClass(newElem, "current");
        currentGalleryPicIndex++;
        setThumbsOpacity();
    }
}

function updateImageStrip(){
    var maxImg = 12;
    var thumbs = document.getElementById("thumbs").getElementsByTagName("li");
    var picCount = thumbs.length;
    
    if(picCount > maxImg){
        //flere bilder enn plasser. Noen må skjules.
        var removeFromEnd =0;
        var removeFromStart = 0;
        var startIndex = 0;
        var restCount = picCount - currentGalleryPicIndex;
       
        if(restCount <= maxImg){
            startIndex = picCount - maxImg;
            removeFromEnd = 0;
            removeFromStart = picCount - maxImg;
            removeStartIndexEnd = 0;
        }else{
            startIndex = currentGalleryPicIndex;
            removeFromEnd = picCount -maxImg;
            removeFromStart = startIndex;
            removeStartIndexEnd = startIndex + maxImg-1;
        }
         //hide images at the end if necessary:
         if(removeFromEnd > 0){
            for(var j=removeStartIndexEnd; j< picCount-1; j++){
                thumbs[j].style.display = "none";
            }
         }
         
        //hide images at the start if necessary;
        if(removeFromStart > 0){
            for(var j=0; j< startIndex; j++){
                thumbs[j].style.display = "none";
            }
         }
        //make sure the 12 correct images are displayed
          for(var j=startIndex; j< (startIndex+maxImg-1); j++){
                thumbs[j].style.display = "block";
            }
      
    }else{
        //ikke flere bilder enn plasser. Ingen må skjules.
        
    }
}


function prevGalleryImage(){
     
    var thumbs = document.getElementById("thumbs").getElementsByTagName("li");
    var picCount = thumbs.length;
    if(currentGalleryPicIndex > 0){
        var oldElem = thumbs[currentGalleryPicIndex];
        var newElem = thumbs[currentGalleryPicIndex-1];
        removeClass(oldElem, "current");
        addClass(newElem, "current");
        currentGalleryPicIndex--;
        setThumbsOpacity();
    }
}


function showBigVersion(contentId, changeOpacity){
    if(changeOpacity){
        var thumbs = document.getElementById("thumbs").getElementsByTagName("li");
         for(var j=0; j< thumbs.length; j++){
            var tid = thumbs[j].id
            if(tid == contentId){
                var oldElem = thumbs[currentGalleryPicIndex];
                var newElem = thumbs[j];
                removeClass(oldElem, "current");
                addClass(newElem, "current");
                setElementOpacity(newElem,100); 
                setElementOpacity(oldElem,40); 
                currentGalleryPicIndex = j;
            }
         }
     }
    var smallImgLi = document.getElementById(contentId);
    var currentImgBigUrl = document.getElementById("big-"+contentId);
    var currentImgText = document.getElementById("text-"+contentId);
    var currentImgDownloadLink = document.getElementById("download-"+contentId);
    var currentCredit = document.getElementById("credit-" + contentId);
    
    var bigImg =  document.getElementById("big-image-tag");

    addEvent(bigImg, "click", nextGalleryImage);

       if(currentCredit != null){
           bigImg.title= currentCredit.innerHTML;
         } 
    //set credit
    if(bigImg != null){
        bigImg.src= unescape(currentImgBigUrl.innerHTML);
    }
    //set big image
    if(bigImg != null){
        bigImg.src= unescape(currentImgBigUrl.innerHTML);
    }
    //set image text
    var bigImgText =  document.getElementById("big-image-text");
    if(bigImgText != null){
        bigImgText.innerHTML= unescape(currentImgText.innerHTML);
    }
    //set download link
    var dlLink = document.getElementById("webx-image-download-link");
    if(dlLink != null){
       if(currentImgDownloadLink != null){ 
              dlLink.href= unescape(currentImgDownloadLink.innerHTML);
        }else{
              dlLink.style.visibility="hidden";
              
        }
    }
    updateImageStrip();
}

function showGalleryList(){
    var galleryList = document.getElementById("webx-gallery-list");
    if(galleryList != null){
        galleryList.style.display = "block";
    }
}
function hideGalleryList(){
    var galleryList = document.getElementById("webx-gallery-list");
    galleryList.style.display = "none";
}

function showWebXGalleryDescription(){
 var galleryDesc = document.getElementById("webx-gallery-desc");
    if(galleryDesc != null){
        galleryDesc.style.display = "block";
    }
    // alert("showWebXGalleryDescription function called!!!");
}
function hideGalleryDescription(){
    var descDiv = document.getElementById("webx-gallery-desc");
    descDiv.style.display = "none";
    //alert("hideGalleryDescription function called!!!");
}
function showImageCredit(){
       var creditDiv = document.getElementById("big-image-credit");
       creditDiv.style.display = "block";
}
function hideImageCredit(){
       var creditDiv = document.getElementById("big-image-credit");
       creditDiv.style.display = "none";
}
 function closeWebXGallery(){
        var wrapperDiv = document.getElementById("webx-gallery-wrapper");
        wrapperDiv.innerHTML = "";
 }


//******************GENERIC FUNCTIONS***********************************

function addClass(obj,cName) {
	if (!hasClass(obj,cName)) {
		obj.className+=obj.className?' '+cName:cName;
	}
	return true;
}
/* removes a class from a DOM object
	obj = DOM object, cName = a class name
*/
function removeClass(obj,cName) {
	if (!hasClass(obj,cName)) return false;
	var rep=obj.className.match(' '+cName)?' '+cName:cName;
	obj.className=obj.className.replace(rep,'');
	return true;
}

function hasClass(obj,cName) {
	return new RegExp('\\b'+cName+'\\b').test(obj.className);
}


function sendRequest(url,callback,postData) {
	var req = createXMLHTTPObject();
	if (!req) return;
	var method = (postData) ? "POST" : "GET";
	req.open(method,url,true);
	req.setRequestHeader('User-Agent','XMLHTTP/1.0');
	if (postData){
		req.setRequestHeader('Content-type','application/x-www-form-urlencoded');
	}
	req.onreadystatechange = function () {
		if (req.readyState != 4) return;
		if (req.status != 200 && req.status != 304) {
			return;
		}
	//	alert("before callback");
		callback(req);
	}
	if (req.readyState == 4) return;
	req.send(postData);
}

var XMLHttpFactories = [
	function () {return new XMLHttpRequest()},
	function () {return new ActiveXObject("Msxml2.XMLHTTP")},
	function () {return new ActiveXObject("Msxml3.XMLHTTP")},
	function () {return new ActiveXObject("Microsoft.XMLHTTP")}
];

function createXMLHTTPObject() {
	var xmlhttp = false;
	for (var i=0;i<XMLHttpFactories.length;i++) {
		try {
			xmlhttp = XMLHttpFactories[i]();
		}
		catch (e) {
			continue;
		}
		break;
	}
	return xmlhttp;
}

//################ ECOBOX ################################3

var currentEcoPicId= 0;
/*
function showEcoboxImage(contentId){
    var overlay = document.getElementById("ecobox-overlay");
    var ecoImgWrapper =document.getElementById("ecobox-image-wrapper");
    currentEcoPicId = contentId;
    overlay.style.display = "block";
    ecoImgWrapper.style.display = "block";
   
   var ecoImg = document.getElementById("ecobox-big-image");
   var ecoImgText = document.getElementById("ecobox-image-text");   
   var currentImg = document.getElementById(contentId);
   var currentImgText = document.getElementById(contentId+ "-text");
   var currentImgUrl = document.getElementById(contentId+ "-url");
   var nextImg = document.getElementById("eco-next");
   var prevImg = document.getElementById("eco-prev");
   setElementOpacity(overlay, 40);
   //alert("img text_: " + currentImgText.innerHTML);
   ecoImg.src =unescape(currentImgUrl.innerHTML);
   ecoImgText.innerHTML = currentImgText.innerHTML;
  
   addEvent(nextImg, "click", showEcoNext);
   addEvent(prevImg, "click", showEcoPrev);
  addEvent(ecoImg, "click", showEcoNext);
  
   
}*/

function centerEcoboxImageViewer(){
   var imageViewer = document.getElementById("ecobox-image-wrapper");
   if(!imageViewer) return;
   var ivHeight = 150;// getHeight(imageViewer);
   
 
       var x,y;
       if (self.pageYOffset) // all except Explorer
       {
              x = self.pageXOffset;
              y = self.pageYOffset;
       }
       else if (document.documentElement && document.documentElement.scrollTop)
              // Explorer 6 Strict
       {
              x = document.documentElement.scrollLeft;
              y = document.documentElement.scrollTop;
       }
       else if (document.body) // all other Explorers
       {
              x = document.body.scrollLeft;
              y = document.body.scrollTop;
       }

    //alert(document.documentElement.scrollTop);
     setY(imageViewer, y+50);
}

function centerEcoboxCBViewer(){
   var costbenefitViewer = document.getElementById("ecobox-costbenefit-wrapper");
   if(!costbenefitViewer) return;
   var ivHeight = 150;// getHeight(imageViewer);   
 
       var y;
       if (self.pageYOffset) // all except Explorer
       {
              y = self.pageYOffset;
       }
       else if (document.documentElement && document.documentElement.scrollTop)
              // Explorer 6 Strict
       {
              y = document.documentElement.scrollTop;
       }
       else if (document.body) // all other Explorers
       {
              y = document.body.scrollTop;
       }

     setY(costbenefitViewer, y+50);
}


function showEcoboxCostBenefit(nodeId) {
    var overlay = document.getElementById("ecobox-overlay");
    var ecoCostbenefitWrapper =document.getElementById("ecobox-costbenefit-wrapper");    
    overlay.style.display = "block";
    ecoCostbenefitWrapper.style.display = "block";
    var ecoCBHeader = document.getElementById("eco-analysis-header");
    var ecoCBText = document.getElementById("eco-analysis-text");
    var currentEcoCBHeader = document.getElementById("h-" + nodeId);
    var currentEcoCBText = document.getElementById("cb-" + nodeId);  
    setElementOpacity(overlay, 40);
    ecoCBHeader.innerHTML = currentEcoCBHeader.innerHTML;
    ecoCBText.innerHTML = currentEcoCBText.innerHTML;
    centerEcoboxCBViewer();
}

function showEcoboxPubImage(contentId){
   
    var overlay = document.getElementById("ecobox-overlay");
    var ecoImgWrapper =document.getElementById("ecobox-image-wrapper");
    currentEcoPicId = contentId;
    overlay.style.display = "block";
    ecoImgWrapper.style.display = "block";
   
   var ecoImg = document.getElementById("ecobox-big-image");
   var currentImg = document.getElementById(contentId);
   var currentImgUrl = document.getElementById(contentId+ "-url");
   setElementOpacity(overlay, 40);
   ecoImg.src =unescape(currentImgUrl.innerHTML);
   centerEcoboxImageViewer();   
}

function showEcoboxImage(contentId){
   
    var overlay = document.getElementById("ecobox-overlay");
    var ecoImgWrapper =document.getElementById("ecobox-image-wrapper");
    currentEcoPicId = contentId;
    overlay.style.display = "block";
    ecoImgWrapper.style.display = "block";
   
   var ecoImg = document.getElementById("ecobox-big-image");
   var ecoImgText = document.getElementById("ecobox-image-text");   
   var currentImg = document.getElementById(contentId);
   var currentImgText = document.getElementById(contentId+ "-text");
   var currentImgUrl = document.getElementById(contentId+ "-url");
   var nextImg = document.getElementById("eco-next");
   var prevImg = document.getElementById("eco-prev");
   setElementOpacity(overlay, 40);
   //alert("img text_: " + currentImgText.innerHTML);
   ecoImg.src =unescape(currentImgUrl.innerHTML);
   ecoImgText.innerHTML = currentImgText.innerHTML;
  centerEcoboxImageViewer();
   addEvent(nextImg, "click", showEcoNext);
   addEvent(prevImg, "click", showEcoPrev);
  addEvent(ecoImg, "click", showEcoNext);
  
   
}

function showEcoPrev(){
   var imgArray = document.getElementsByTagName("img");
   var newArray = [];
    var currentIndex = 0; 

   for (var i = 0; i < imgArray.length; i++){
              if(hasClass(imgArray[i], "eco-img")){
                     newArray.push(imgArray[i]);
              }
    } 
    for (var i = 0; i < newArray.length; i++){
              if(newArray[i].id == currentEcoPicId){
                     currentIndex = i;
                     break;
              }
    }
    if(currentIndex > 0){
       var prevImg = newArray[currentIndex-1]; 
       showEcoboxImage(prevImg.id); 
    }
}
function ecoClose(){
    var overlay = document.getElementById("ecobox-overlay");
     var ecoImgWrapper =document.getElementById("ecobox-image-wrapper");
    var ecoImg = document.getElementById("ecobox-big-image");
    overlay.style.display = "none";
    ecoImgWrapper.style.display = "none";
    ecoImg.src ="";
}

function ecoCloseCostBenefit(){
    var overlay = document.getElementById("ecobox-overlay");
     var ecoImgWrapper =document.getElementById("ecobox-costbenefit-wrapper");
    //var ecoImg = document.getElementById("ecobox-big-image");
    overlay.style.display = "none";
    ecoImgWrapper.style.display = "none";
    //ecoImg.src ="";
}

function showEcoNext(){
   var imgArray = document.getElementsByTagName("img");
   var newArray = [];
   for (var i = 0; i < imgArray.length; i++){
              if(hasClass(imgArray[i], "eco-img")){
                     newArray.push(imgArray[i]);
              }
    }
    var currentIndex = 0; 
    for (var i = 0; i < newArray.length; i++){
              if(newArray[i].id == currentEcoPicId){
                     currentIndex = i;
                     break;
              }
    }
    if(currentIndex <  newArray.length -1){
       var nextImg = newArray[currentIndex+1]; 
      showEcoboxImage(nextImg.id); 
    }
}