var currSrc = "";
function textImageOver( img, rep ){	
	currSrc = img.src;
	
	img.onmouseout = function()
	{
		this.src = currSrc;
	}
	
	for ( var x in rep )
	{
	   img.src = String( img.src || "" ).replace(x, rep[x]);
	}
}

function writeImgText(objText)
// writes a graphical text. objText is an object { type, text }
{
	// -------------------------------------------------------------------------------------------------------------------------------------------------
	if (!objText) {
		alert('Geen textobject meegegeven');
	}
	
	var imageGenerationMode = 0; 
	   // 0: altijd via textimage script (evt via redir), 
	   // 1: via fs, met 404 script wat ontbrekende plaatjes genereert
	   
	var basedir    = "/img/text/";
	   if ( imageGenerationMode == 1 )
	   {
	      basedir = "/img/ctext/";
	   }

	var fulltext = objText.text;
    
	//objText.text = escape( ((objText.text).replace(/<[^>]*>/g,'')) || '').replace(/\./g,'%2E'); // Regular Expression vervangt HTML met..... nix?
	objText.text = String( objText.text || "" ).replace( /&/ig, "%26" );
	objText.text = String( objText.text || "" ).replace( /"/ig, "%22" );
	//objText.text = escape( objText.text );
	
	var url = basedir + objText.type + "/" + objText.width + "/" + objText.text + ".gif";
	
	var HTML = "";
	HTML += "<img src=\"" + url + "\" alt=\"" + fulltext + "\" ";
	if (objText.height)
	{
	   HTML += " height=\"" + objText.height + "\" ";
	}
	if (objText.mouseover)
	{
	   var mouseover = String( objText.mouseover );
	   
	   mouseover = mouseover.replace( /\n/ig, " " );
	   mouseover = mouseover.replace( /\r/ig, " " );
	   if ( mouseover.indexOf( "function" ) > -1 )
	   {
	      mouseover = mouseover.substring( mouseover.indexOf( "{"  ) + 1 );
	      mouseover = mouseover.substring( 0, mouseover.lastIndexOf( "}" ) );
	      mouseover = mouseover.replace(/(^\s*)|(\s*$)/g,""); //trim
	      mouseover = mouseover.replace(/"/g,"'"); //trim
	   }
	   HTML += " onmouseover=\"" + mouseover + "\" ";
	}
	HTML += " border=\"0\" />"; 

   return HTML;
}

// regexp tag test
var htmlTag = /(<[^>]*>)/g;

function createTextImages()
{	
	elmList = document.getElementsByTagName( "span" );
	for( var i=0; i<elmList.length; i++ )
	{
		
		if( elmList[i].className.indexOf( "imagekop" ) > -1 )
		{
			var elm = elmList[i];
         var classname = elmList[i].className.substring( 9 );
         
         var innerText = "";
			if ( elm.innerText )
			{
			   innerText = elm.innerText;//.replace(/(\&nbsp\;)/ig," ").replace(/(\&[^;]*\;)/ig,"").replace(/^\s/,"");
			}
			else if ( elm.textContent )
			{
			   // firefox
			   innerText = elm.textContent;
			}
			
			if( innerText )
			{
				var width = String( elm.title || "" );
				
				switch ( classname )
				{
				   case 'topnav':
				      elm.innerHTML = writeImgText( {type:"topnav", width:width, text:innerText, mouseover:elm.onmouseover?elm.onmouseover:''} );
				      break;
				   case 'leftnav':
				      elm.innerHTML = writeImgText( {type:"leftnav", width:width, text:innerText, mouseover:elm.onmouseover?elm.onmouseover:''} );
				      break;  
				   case 'h1':
				      elm.innerHTML = writeImgText( {type:"h1", width:width, text:innerText, mouseover:elm.onmouseover?elm.onmouseover:''} );
				      break;  
				   case 'h2':
				      elm.innerHTML = writeImgText( {type:"h2", width:width, text:innerText, mouseover:elm.onmouseover?elm.onmouseover:''} );
				      break;    
				   case 'h4':
				      elm.innerHTML = writeImgText( {type:"h4", width:width, text:innerText, mouseover:elm.onmouseover?elm.onmouseover:''} );
				      break;  
				   case 'h5':
				      elm.innerHTML = writeImgText( {type:"h5", width:width, text:innerText, mouseover:elm.onmouseover?elm.onmouseover:''} );
				      break;              
				}
				elm.title = innerText;
				
				elm.style.visibility = "visible";
				elm.onmouseover = "";
			}
		}
	}
}

//window.onload = createTextImages;