function addSpinnerClass(target, e) {
	Element.addClassName(e, target + 'spinner');
}

function removeSpinnerClass(target, e) {
	Element.removeClassName(e, target + 'spinner');
}

function updatePresentation (index, image) {
	
	var navelements = $$('li.active')
	for (var i=0; i < navelements.length; i++) {
		navelements[i].removeClassName('active');
		navelements[i].addClassName('inactive');		
	}
	$('presentationindex_' + index).removeClassName('inactive');
	$('presentationindex_' + index).addClassName('active');
	$('presentationtitle').update($('dc:title').innerHTML + $('subtitle').innerHTML);
	$('presentationimage').update("<img src=\""+ image +"\">");
	if (parseInt(index) != $$('li.inactive').length) {
		$('presentationcliffhanger').update($('link'+index).innerHTML);
	} else {
		$('presentationcliffhanger').update("");
	}
}


// get absolute position for element, either for tl is 'top' or 'left'
function getAbsPosition(e,tl) {
	var val = 0;
	while ( e.nodeName != "BODY" ) {
	val += parseInt( ( tl == 'top' ) ? e.offsetTop : e.offsetLeft );
	e = e.parentNode;
	}
	return val;
  }


// png fix for IE6
function findImages(e) {
	try {
		var browser=navigator.appName;
		var arVersion = navigator.appVersion.split("MSIE")
		var version = parseFloat(arVersion[1])
		
		if (browser == "Microsoft Internet Explorer" && (version >= 6 && version < 7))  {		
			// find image elements in element block
			if (e != null) {
				var elementList = e.descendants();
				for(var i=0; i< elementList.length; i++) {
					if (Element.inspect(elementList[i]).toUpperCase().indexOf("<IMG") != -1) {
						fixPNG(elementList[i]);
					}
				}
			}
		}
	}catch (e) {
		return null
	}
}

//fix PNG Transparency
function fixPNG(img) {
	if (img.src != null) {
    	var imgName = img.src.toUpperCase();
	    var imgID = (img.id) ? "id='" + img.id + "' " : "";
	    var imgClass = (img.className) ? "class='" + img.className + "' " : "";
	    var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' ";
	    var imgStyle =  "display:inline-block;float:left;margin:" + img.getStyle("margin")+ ";width:" + img.getStyle("width")+ ";height:" + img.getStyle("height")+";";
	    var imgAttribs = img.attributes;
	    for (var j=0; j<imgAttribs.length; j++) {
	    	var imgAttrib = imgAttribs[j];
	    	if (imgAttrib.nodeName == "align"){		  
	       		if (imgAttrib.nodeValue == "left") imgStyle = imgStyle + "float:left;" 
	       		if (imgAttrib.nodeValue == "right") imgStyle = imgStyle + "float:right;" 
	       		break
	    	}
	     }
	    var strNewHTML = "<span " + imgID + imgClass + imgTitle;
	    strNewHTML += " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
	    strNewHTML += "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
	    strNewHTML += "(src='" + img.src + "', sizingMethod='scale');\""
	    strNewHTML += "></span>" 
	    img.outerHTML = strNewHTML
	} else {
	//	alert ("no source");
	}
}

// logout button
function logout_mouseover() {
	$('designlayerminibox_0').src='http://static.inspiratiepost.nl/picture/get/426 '
	if ($('ie6_imgspan_designlayerminibox_0') != null) {
		Element.setStyle('ie6_imgspan_designlayerminibox_0', {filter:'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'http://static.inspiratiepost.nl/picture/get/426 \')'} );
	}	
}

function logout_mouseout() {
	$('designlayerminibox_0').src='http://static.inspiratiepost.nl/picture/get/425'
	if ($('ie6_imgspan_designlayerminibox_0') != null) {
		Element.setStyle('ie6_imgspan_designlayerminibox_0', {filter:'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'http://static.inspiratiepost.nl/picture/get/425\')'} );
	}
}
function logout_click() {
	document.location.href='/logout';
}