function openImagePreview(srcEvent, imgEl, imgWidth, imgHeight, anchorLocation)
    {
      try
      {
        var e;
        if(srcEvent!=null) {
           e = srcEvent;
          } else {
           e = window.event;
        }
        if(anchorLocation==null)
        {
        	anchorLocation="topright";
        }
        var prevEl = document.getElementById('imagepreview');
        var previewHTML = '';
        if(anchorLocation=="topright")
        {
           previewHTML = '<div style="position: absolute; top: ' + findPos(e)[1] + 'px; left: ' + (findPos(e)[0]-imgWidth) + 'px; height: ' + (imgHeight+30) + 'px; width: ' + imgWidth +'px; background-color:black; border: solid 2px black" onclick="closeImagePreview()" >';      
        } else if (anchorLocation=="bottomright") {
           previewHTML = '<div style="position: absolute; top: ' + (findPos(e)[1]-imgHeight) + 'px; left: ' + (findPos(e)[0]-imgWidth) + 'px; height: ' + (imgHeight+30) + 'px; width: ' + imgWidth +'px; background-color:black; border: solid 2px black" onclick="closeImagePreview()" >';              
        }  else if (anchorLocation=="bottomleft") {
           previewHTML = '<div style="position: absolute; top: ' + (findPos(e)[1]-imgHeight) + 'px; left: ' + findPos(e)[0] + 'px; height: ' + (imgHeight+30) + 'px; width: ' + imgWidth +'px; background-color:black; border: solid 2px black" onclick="closeImagePreview()" >';              
        }
	   previewHTML = previewHTML + '<P>Click to close</P>';
        previewHTML = previewHTML + '<img src="' + imgEl.getAttributeNode('src').nodeValue + '" alt="image preview" />';
        previewHTML = previewHTML + '<P>Click to close</P></DIV>';
        prevEl.innerHTML=previewHTML;
      } catch(e){
      }
    }
    
    function closeImagePreview()
    {
      try
      {    
        var prevEl = document.getElementById('imagepreview');
        prevEl.innerHTML="";
      } catch(e){
      }        
    }
    
    function findPos(e) {
      try
      {
        if (e.clientX&&document.documentElement) { // grab the x-y pos.s if browser is IE
            tempX = e.clientX + document.documentElement.scrollLeft;
            tempY = e.clientY + document.documentElement.scrollTop;
        } else {
            tempX = e.x;
            tempY = e.y; 
        }
        //alert("X:"+tempX+",Y:"+tempY);
        return [tempX,tempY];
      } catch(e) {}
    }

// page globals for fading
var feedbackTimer;
var feedbackFade_fromElement;
var feedbackFade_toElement;
var feedbackFrequency = 10000;
var feedbackTransitionStatus = 0;

function rotateFeedbackItems(rotateforward) {
   try{
         //debugger;
 		if (window.document.layers) {
    	     	handle="window.document.layers";
         	 	stylevar="";
	      } else
		{
     	       handle="document.all";
          	  stylevar=".style";
		}
    		var fbItems = eval(handle + "['feedbackitem']");
    		if (fbItems.length>1)
    		{
    		     // find the currently displayed item and determine which to show next
    		     var currItemIndex = 0;
    			var nextItemIndex = 0;
    			for( var i=0; i<fbItems.length; i++)
    			{
    				if(fbItems[i].style.display=="block")
    				{
    					currItemIndex = i;
    					if(rotateforward)
    					{
    						nextItemIndex = i + 1;
    						if(nextItemIndex>(fbItems.length-1))
    						{
    							nextItemIndex=0;
    						}
    					} else {
    						nextItemIndex = i - 1;
    						if(nextItemIndex<0)
    						{
    							nextItemIndex=(fbItems.length-1);
    						}
    					}
    				}
    			}
    			// hide the current item and show the next item
    			feedbackTransitionStatus = 0;
    			feedbackFade_fromElement = fbItems[currItemIndex];
			feedbackFade_toElement = fbItems[nextItemIndex];
    			feedbackFadeOut(100);
    		}
  }catch(e){}
}


function feedbackFadeOut(opacity)
{
	opacity = opacity - 10;
	if( opacity < 0 )
	{
		    	feedbackFade_fromElement.style.display="none";
		    	setElementOpacity(feedbackFade_toElement, 0);
    			feedbackFade_toElement.style.display="block";
    			feedbackTimer = setTimeout("feedbackFadeIn(0)", 100);
	} else
	{
			feedbackTransitionStatus = 1;
			setElementOpacity(feedbackFade_fromElement, opacity);
			feedbackTimer = setTimeout("feedbackFadeOut("+opacity+")", 100);
	}
}

function feedbackFadeIn(opacity)
{
	opacity = opacity + 10;
	if( opacity > 100 )
	{
			feedbackFade_fromElement = feedbackFade_toElement;
			feedbackTransitionStatus = 0;
    			feedbackTimer = setTimeout ( "rotateFeedbackItems(true)", feedbackFrequency );
	} else
	{
			feedbackTransitionStatus = 2;
			setElementOpacity(feedbackFade_toElement, opacity);
			feedbackTimer = setTimeout("feedbackFadeIn("+opacity+")", 100);
	}
}

function setElementOpacity(obj, opacity) { 
	opacity = (opacity == 100)?99.999:opacity; 
	// IE/Win 
	obj.style.filter = "alpha(opacity:"+opacity+")"; 
	// Safari<1.2, Konqueror 
	obj.style.KHTMLOpacity = opacity/100; 
	// Older Mozilla and firefox 
	obj.style.MozOpacity = opacity/100; 
	// Safari 1.2, newer firefox and Mozilla, CSS3 
	obj.style.opacity = opacity/100; 
} 

function feedbackNavPrevious()
{
	clearTimeout(feedbackTimer);
	rotateFeedbackItems(false);
}

function feedbackNavNext()
{
	clearTimeout(feedbackTimer);
	rotateFeedbackItems(true);
}

function feedbackPause()
{
	clearTimeout(feedbackTimer);
	try
	{
		if(feedbackTransitionStatus<2)
		{
			// paused while stationery or fading out
	    		feedbackFade_toElement.style.display="none";
	    		setElementOpacity(feedbackFade_toElement, 0);
			feedbackFade_fromElement.style.display="block";
			setElementOpacity(feedbackFade_fromElement, 100);
			document.getElementById('navpausedimg').style.display='inline';
		}
		else
		{
			// paused while fading in
	    		feedbackFade_toElement.style.display="block";
	    		setElementOpacity(feedbackFade_toElement, 100);
			feedbackFade_fromElement.style.display="none";
			setElementOpacity(feedbackFade_fromElement, 0);
			document.getElementById('navpausedimg').style.display='inline';			
		}
	} catch(e) {}
}

function feedbackPlay()
{
	clearTimeout(feedbackTimer);
	feedbackTimer = setTimeout ( "rotateFeedbackItems(true)", feedbackFrequency );
	try
	{
		document.getElementById('navpausedimg').style.display='none';
	} catch(e) {}
}

function feedbackRandomise() {
   try{
 		if (window.document.layers) {
    	     	handle="window.document.layers";
         	 	stylevar="";
	      } else
		{
     	       handle="document.all";
          	  stylevar=".style";
		}
    		var fbItems = eval(handle + "['feedbackitem']");
    		if (fbItems.length>0)
    		{
    			//hide all items
    			for( var i=0; i<fbItems.length; i++)
    			{
				fbItems[i].style.display='none';
    			}
    			
			// show 1 random item
			var ir=Math.floor(Math.random()*fbItems.length);
			fbItems[ir].style.display="block";
    		}
  }catch(e){}
}