///////////////////////////////////////////////////////////
// Usage IEprompt("dialog descriptive text", "default starting value");
// 
// IEprompt will call promptCallback(val)
// Where val is the user's input or null if the dialog was canceled.
///////////////////////////////////////////////////////////

///////////////////////////////////////////////////////////
// This source code has been released into the public domain
// January 14th, 2007.
// You may use it and modify it freely without compensation
// and without the need to tell everyone where you got it.
///////////////////////////////////////////////////////////


///////////////////////////////////////////////////////////
// You must create a promptCallback(val) function to handle
// the user input.  If you don't this script will fail and
// Bunnies will die.
///////////////////////////////////////////////////////////


///////////////////////////////////////////////////////////
// These are global scope variables, they should remain global.
///////////////////////////////////////////////////////////
var _dialogPromptID=null;
var _blackoutPromptID=null;
///////////////////////////////////////////////////////////

function IEprompt(innertxt,def,innertxtB,defB,id,action,title) {
   that=this;

	this.wrapupPrompt = function (cancled) {
		// wrapupPrompt is called when the user enters or cancels the box.
		// It's called only by the IE7 dialog box, not the non IE prompt box
		val=document.getElementById('iepromptfield').value;
		valB=document.getElementById('iepromptfieldB').value;
		
		// clear out the dialog box
		_dialogPromptID.style.display='none';
		
		// clear out the screen
		_blackoutPromptID.style.display='none';
		
		// clear out the text field
		document.getElementById('iepromptfield').value = '';
		document.getElementById('iepromptfieldB').value = '';
		
		// if the cancel button was pushed, force value to null.
		if (cancled) { 
			val = '';
			valB = '';
		}
		else {
			// call the user's function
			StrikeThroughTry(val,valB,id,action);
		}
		return false;
	}

	//if def wasn't actually passed, initialize it to null
	if (def==undefined) { def=''; }
	if (defB==undefined) { defB=''; }
   
     if (_dialogPromptID==null) {
        // Check to see if we've created the dialog divisions.
        // This block sets up the divisons
        // Get the body tag in the dom
        var tbody = document.getElementsByTagName("body")[0];
        // create a new division
        tnode = document.createElement('div');
        // name it
        tnode.id='IEPromptBox';
        // attach the new division to the body tag
        tbody.appendChild(tnode);
        // and save the element reference in a global variable
        _dialogPromptID=document.getElementById('IEPromptBox');
        // Create a new division (blackout)
        tnode = document.createElement('div');
        // name it.
        tnode.id='promptBlackout';
        // attach it to body.
        tbody.appendChild(tnode);
        // And get the element reference
        _blackoutPromptID=document.getElementById('promptBlackout');
        // assign the styles to the blackout division.
        _blackoutPromptID.style.opacity='.9';
        _blackoutPromptID.style.position='absolute';
        _blackoutPromptID.style.top='0px';
        _blackoutPromptID.style.left='0px';
        _blackoutPromptID.style.backgroundColor='#555555';
        _blackoutPromptID.style.filter='alpha(opacity=90)';
        
        if (document.body.offsetHeight<screen.height){
        	newHeight = screen.height+'px';
        }
        else {
        	newHeight = (document.body.offsetHeight+20)+'px';
        }
        _blackoutPromptID.style.height = newHeight;
        _blackoutPromptID.style.display='block';
        _blackoutPromptID.style.zIndex='50';
        // assign the styles to the dialog box
        _dialogPromptID.style.border='2px solid #0071bb';
        _dialogPromptID.style.backgroundColor='#cceefc';
        _dialogPromptID.style.position='absolute';
        _dialogPromptID.style.width='330px';
        _dialogPromptID.style.zIndex='100';
     }
     // This is the HTML which makes up the dialog box, it will be inserted into
     // innerHTML later. We insert into a temporary variable because
     // it's very, very slow doing multiple innerHTML injections, it's much
     // more efficient to use a variable and then do one LARGE injection.
     
     var tmp = '<div style="width: 100%; background-color: #0071bb; color: white; font-family: verdana; font-size: 10pt; font-weight: bold; height: 20px">' + title + '</div>';
     tmp += '<div style="padding: 10px">';
     tmp += '<form action="" onsubmit="return that.wrapupPrompt()">';
     
	 extratmp = '';
	 if (innertxt){
	 	tmp += innertxt + '<BR><BR>';
	 	tmp += '<input id="iepromptfield" name="iepromptdata" type=text size=46 value="'+def+'">';
	 	extratmp = '<BR><BR>';
	 }
	 else {
	 	 tmp += '<input id="iepromptfield" name="iepromptdata" type=hidden value="">';
	 }
	 
	 if (innertxtB){
		 tmp += extratmp + innertxtB + '<BR><BR>';
    	 tmp += '<input id="iepromptfieldB" name="iepromptdataB" type=text size=46 value="'+defB+'">';
     }
	 else {
	 	 tmp += '<input id="iepromptfieldB" name="iepromptdataB" type=hidden value="">';
	 }
	 
	 tmp += '<br><br><center>';
     tmp += '<input type="submit" value="&nbsp;&nbsp;&nbsp;OK&nbsp;&nbsp;&nbsp;">';
     tmp += '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
     tmp += '<input type="button" onclick="that.wrapupPrompt(true)" value="&nbsp;Cancel&nbsp;">';
     tmp += '</form></div>';
     // Stretch the blackout division to fill the entire document
     // and make it visible.  Because it has a high z-index it should
     // make all other elements on the page unclickable.
     if (document.body.offsetHeight<screen.height){
        newHeight = screen.height+'px';
	 }
	 else {
	    newHeight = (document.body.offsetHeight+20)+'px';
	 }
	 _blackoutPromptID.style.height = newHeight;
     _blackoutPromptID.style.width='100%';
     _blackoutPromptID.style.display='block';
     // Insert the tmp HTML string into the dialog box.
     // Then position the dialog box on the screen and make it visible.
     _dialogPromptID.innerHTML=tmp;

	 listEl = document.getElementById('verlanglijstje');
	 listPos = findPos(listEl)
	 scroller=listPos.y + 20;
	 _dialogPromptID.style.top=scroller+'px';
     _dialogPromptID.style.left=parseInt((document.body.offsetWidth-315)/2)+'px';
     _dialogPromptID.style.display='block';
     // Give the dialog box's input field the focus.
	 
	if (document.getElementById('iepromptfield')){
	     document.getElementById('iepromptfield').focus();
	}
	else {
		 document.getElementById('iepromptfieldB').focus();
	}
}