// JS QuickTags version 1.2
//
// Copyright (c) 2002-2005 Alex King
// http://www.alexking.org/
//
// Licensed under the LGPL license
// http://www.gnu.org/copyleft/lesser.html
//
// **********************************************************************
// This program is distributed in the hope that it will be useful, but
// WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. 
// **********************************************************************
//
// This JavaScript will insert the tags below at the cursor position in IE and 
// Gecko-based browsers (Mozilla, Camino, Firefox, Netscape). For browsers that 
// do not support inserting at the cursor position (Safari, OmniWeb) it appends
// the tags to the end of the content.
//
// The variable 'edCanvas' must be defined as the <textarea> element you want 
// to be editing in. See the accompanying 'index.html' page for an example.

var edButtons = new Array();
var edLinks = new Array();
var edOpenTags = new Array();

function edButton(id, display, tagStart, tagEnd, access, open) {
	this.id = id;				// used to name the toolbar button
	this.display = display;		// label on button
	this.tagStart = tagStart; 	// open tag
	this.tagEnd = tagEnd;		// close tag
	this.access = access;			// set to -1 if tag does not need to be closed
	this.open = open;			// set to -1 if tag does not need to be closed
}

edButtons.push(
	new edButton(
		'ed_bold'
		,'B'
		,'[b]'
		,'[/b]'
		,'b'
	)
);

edButtons.push(
	new edButton(
		'ed_italic'
		,'I'
		,'[i]'
		,'[/i]'
		,'i'
	)
);

edButtons.push(
	new edButton(
		'ed_u'
		,'U'
		,'[u]'
		,'[/u]'
		,'u'
	)
);



edButtons.push(
	new edButton(
		'ed_img'
		,'IMG'
		,''
		,''
		,'m'
		,-1
	)
);

edButtons.push(
	new edButton(
		'ed_smiley1'
		,'smiley_1_'
		,':)'
		,''
		,':)'
	)
);
edButtons.push(
	new edButton(
		'ed_smiley2'
		,'smiley_2_'
		,':D'
		,''
		,':D'
	)
);
edButtons.push(
	new edButton(
		'ed_smiley3'
		,'smiley_3_'
		,'B)'
		,''
		,'B)'
	)
);
edButtons.push(
	new edButton(
		'ed_smiley4'
		,'smiley_4_'
		,':('
		,''
		,':('
	)
);
edButtons.push(
	new edButton(
		'ed_smiley5'
		,'smiley_5_'
		,'>=('
		,''
		,'>=('
	)
);
edButtons.push(
	new edButton(
		'ed_smiley7'
		,'smiley_7_'
		,':P'
		,''
		,':P'
	)
);
edButtons.push(
	new edButton(
		'ed_smiley8'
		,'smiley_8_'
		,':@'
		,''
		,':@'
	)
);
edButtons.push(
	new edButton(
		'ed_smiley9'
		,'smiley_9_'
		,':O'
		,''
		,':O'
	)
);
edButtons.push(
	new edButton(
		'ed_smiley11'
		,'smiley_11_'
		,':S'
		,''
		,':S'
	)
);
edButtons.push(
	new edButton(
		'ed_smiley12'
		,'smiley_12_'
		,';)'
		,''
		,';)'
	)
);

var extendedStart = edButtons.length;

function edShowButton(button, i) {
	if (button.access) {
		var accesskey = ' accesskey = "' + button.access + '"'
	}
	else {
		var accesskey = '';
	}
	switch (button.id) {
		case 'ed_smiley1':
			document.write('<img src="/img/forum/smiley_1_1.gif" onclick="edInsertTag(edCanvas, ' + i + ', \'smile\');"  style="margin-left:10px;cursor:pointer;" name="imglink" id="' + button.id + '" ' + accesskey + ' class="ed_button" value="' + button.display + '" alt="Smiley toevoegen" title="Smiley toevoegen"></a>');
			break;
		case 'ed_smiley2':
			document.write('<img src="/img/forum/smiley_2_1.gif" onclick="edInsertTag(edCanvas, ' + i + ', \'smile\');"  style="cursor:pointer;" name="imglink" id="' + button.id + '" ' + accesskey + ' class="ed_button" value="' + button.display + '" alt="Smiley toevoegen" title="Smiley toevoegen"></a>');
			break;
		case 'ed_smiley3':
			document.write('<img src="/img/forum/smiley_3_1.gif" onclick="edInsertTag(edCanvas, ' + i + ', \'smile\');"  style="cursor:pointer;" name="imglink" id="' + button.id + '" ' + accesskey + ' class="ed_button" value="' + button.display + '" alt="Smiley toevoegen" title="Smiley toevoegen"></a>');
			break;
		case 'ed_smiley4':
			document.write('<img src="/img/forum/smiley_4_1.gif" onclick="edInsertTag(edCanvas, ' + i + ', \'smile\');"  style="cursor:pointer;" name="imglink" id="' + button.id + '" ' + accesskey + ' class="ed_button" value="' + button.display + '" alt="Smiley toevoegen" title="Smiley toevoegen"></a>');
			break;
		case 'ed_smiley5':
			document.write('<img src="/img/forum/smiley_5_1.gif" onclick="edInsertTag(edCanvas, ' + i + ', \'smile\');"  style="cursor:pointer;" name="imglink" id="' + button.id + '" ' + accesskey + ' class="ed_button" value="' + button.display + '" alt="Smiley toevoegen" title="Smiley toevoegen"></a>');
			break;
		case 'ed_smiley7':
			document.write('<img src="/img/forum/smiley_7_1.gif" onclick="edInsertTag(edCanvas, ' + i + ', \'smile\');"  style="cursor:pointer;" name="imglink" id="' + button.id + '" ' + accesskey + ' class="ed_button" value="' + button.display + '" alt="Smiley toevoegen" title="Smiley toevoegen"></a>');
			break;
		case 'ed_smiley8':
			document.write('<img src="/img/forum/smiley_8_1.gif" onclick="edInsertTag(edCanvas, ' + i + ', \'smile\');"  style="cursor:pointer;" name="imglink" id="' + button.id + '" ' + accesskey + ' class="ed_button" value="' + button.display + '" alt="Smiley toevoegen" title="Smiley toevoegen"></a>');
			break;
		case 'ed_smiley9':
			document.write('<img src="/img/forum/smiley_9_1.gif" onclick="edInsertTag(edCanvas, ' + i + ', \'smile\');"  style="cursor:pointer;" name="imglink" id="' + button.id + '" ' + accesskey + ' class="ed_button" value="' + button.display + '" alt="Smiley toevoegen" title="Smiley toevoegen"></a>');
			break;
		case 'ed_smiley11':
			document.write('<img src="/img/forum/smiley_11_1.gif" onclick="edInsertTag(edCanvas, ' + i + ', \'smile\');"  style="cursor:pointer;" name="imglink" id="' + button.id + '" ' + accesskey + ' class="ed_button" value="' + button.display + '" alt="Smiley toevoegen" title="Smiley toevoegen"></a>');
			break;
		case 'ed_smiley12':
			document.write('<img src="/img/forum/smiley_12_1.gif" onclick="edInsertTag(edCanvas, ' + i + ', \'smile\');"  style="cursor:pointer;" name="imglink" id="' + button.id + '" ' + accesskey + ' class="ed_button" value="' + button.display + '" alt="Smiley toevoegen" title="Smiley toevoegen"></a>');
			break;
		case 'ed_img':
			document.write('<img src="/img/forum/image1.gif" onclick="edInsertImage(edCanvas);" value="' + button.display + '"  style="cursor:pointer;" name="imglink" id="' + button.id + '" ' + accesskey + ' class="ed_button" value="' + button.display + '" alt="Plaatje toevoegen" title="Plaatje toevoegen">');
			break;
		case 'ed_link2':
			document.write('<img src="/img/forum/Link21.gif" onclick="edInsertURL(edCanvas);"  style="cursor:pointer;" name="imglink2" id="' + button.id + '" ' + accesskey + ' class="ed_button" value="' + button.display + '" alt="Link plaatsen" title="Link plaatsen">');
			break;			
		case 'ed_bold':
			document.write('<img src="/img/forum/B1.gif" onclick="edInsertTag(edCanvas, ' + i + ');" style="cursor:pointer;"  name="imgbold" id="' + button.id + '" ' + accesskey + ' class="ed_button" value="' + button.display + '" alt="Tekst diksdfsdf maken" title="Tekst dfsfdik maken">');
			break;
			case 'ed_italic':
			document.write('<img src="/img/forum/I1.gif" onclick="edInsertTag(edCanvas, ' + i + ');" style="cursor:pointer;"  name="imgitalic" id="' + button.id + '" ' + accesskey + ' class="ed_button" value="' + button.display + '" alt="Tekst cursief maken" title="Tekst cursief maken">');
			break;
			case 'ed_u':
			document.write('<img src="/img/forum/U1.gif" onclick="edInsertTag(edCanvas, ' + i + ');" style="cursor:pointer;"  name="imgunderline" id="' + button.id + '" ' + accesskey + ' class="ed_button" value="' + button.display + '" alt="Tekst onderlijnen" title="Tekst onderlijnen">');
			break;
		default:
			document.write('<input type="button" id="' + button.id + '" ' + accesskey + ' class="ed_button" onclick="edInsertTag(edCanvas, ' + i + ');" value="' + button.display + '"  />');
			break;
	}
}

function edShowLinks() {
	var tempStr = '<select onchange="edQuickLink(this.options[this.selectedIndex].value, this);"><option value="-1" selected>(Quick Links)</option>';
	for (i = 0; i < edLinks.length; i++) {
		tempStr += '<option value="' + i + '">' + edLinks[i].display + '</option>';
	}
	tempStr += '</select>';
	document.write(tempStr);
}

function edAddTag(button) {
	if (edButtons[button].tagEnd != '') {
		edOpenTags[edOpenTags.length] = button;
		document.getElementById(edButtons[button].id).value = '' + document.getElementById(edButtons[button].id).value;
		document.getElementById(edButtons[button].id).src='http://www.belegger.nl/img/forum/' + document.getElementById(edButtons[button].id).value + '2.gif';

		
	}
}

function edRemoveTag(button) {
	for (i = 0; i < edOpenTags.length; i++) {
		if (edOpenTags[i] == button) {
			edOpenTags.splice(i, 1);
			document.getElementById(edButtons[button].id).value = 		document.getElementById(edButtons[button].id).value.replace('/', '');
			/*document.imglink.src='img/forum/link1.gif';
			document.imglink.alt='Link plaatsen';
			document.imglink.title='Link plaatsen';
			document.imgbold.src='img/forum/bold1.gif';
			document.imgbold.alt='Tekst dik maken';
			document.imgbold.title='Tekst dik maken';*/
			document.getElementById(edButtons[button].id).src='img/forum/' + document.getElementById(edButtons[button].id).value + '1.gif';
		
		}
	}
}

function edCheckOpenTags(button) {
	var tag = 0;
	for (i = 0; i < edOpenTags.length; i++) {
		if (edOpenTags[i] == button) {
			tag++;
		}
	}
	if (tag > 0) {
		return true; // tag found
	}
	else {
		return false; // tag not found
	}
}	

function edCloseAllTags() {
	var count = edOpenTags.length;
	for (o = 0; o < count; o++) {
		edInsertTag(edCanvas, edOpenTags[edOpenTags.length - 1]);
	}
}

function edToolbar() {
	document.write('<div id="ed_toolbar"><table width="70%" cellpadding="0" cellspacing="2" style="border-width:0px; border-color:#000000; border-style:solid; border-top-width:0px;"><tr><td></td></tr><tr><td valign="middle" ><table cellspacing="1"><tr>');
	for (i = 0; i < extendedStart; i++) {
		document.write('<td>');
		edShowButton(edButtons[i], i);
		document.write('</td>');
	}
	
	if (edShowExtraCookie()) {
		document.write(
			'</tr></table></td>'
					  );
	}
	else {
		document.write(
			'</table></td>'
					  );
	}
	for (i = extendedStart; i < edButtons.length; i++) {
		edShowButton(edButtons[i], i);
	}
//	edShowLinks();
	document.write('</tr></table></div>');
}

function edShowExtra() {
	document.getElementById('ed_extra_show').style.visibility = 'hidden';
	document.getElementById('ed_extra_buttons').style.display = 'block';
	edSetCookie(
		'js_quicktags_extra'
		, 'show'
		, new Date("December 31, 2100")
	);
}

function edHideExtra() {
	document.getElementById('ed_extra_buttons').style.display = 'none';
	document.getElementById('ed_extra_show').style.visibility = 'visible';
	edSetCookie(
		'js_quicktags_extra'
		, 'hide'
		, new Date("December 31, 2100")
	);
}

// insertion code

function edInsertTag(myField, i, extra) {
	//IE support
	if (document.selection) {
		myField.focus();
	    sel = document.selection.createRange();
		if (sel.text.length > 0 && !extra) {
			sel.text = edButtons[i].tagStart + sel.text + edButtons[i].tagEnd;
		}
		else {
			if (!edCheckOpenTags(i) || edButtons[i].tagEnd == '' || extra) {
				sel.text = edButtons[i].tagStart;
				edAddTag(i);
			}
			else {
				sel.text = edButtons[i].tagEnd;
				edRemoveTag(i);
			}
		}
		myField.focus();
		showHint(document.reactieform.reactie.value);
	}
	//MOZILLA/NETSCAPE support
	else if (myField.selectionStart || myField.selectionStart == '0') {
		var startPos = myField.selectionStart;
		var endPos = myField.selectionEnd;
		var cursorPos = endPos;
		var scrollTop = myField.scrollTop;
		if (startPos != endPos && !extra) {
			myField.value = myField.value.substring(0, startPos)
			              + edButtons[i].tagStart
			              + myField.value.substring(startPos, endPos) 
			              + edButtons[i].tagEnd
			              + myField.value.substring(endPos, myField.value.length);
			cursorPos += edButtons[i].tagStart.length + edButtons[i].tagEnd.length;
		}
		else {
			if (!edCheckOpenTags(i) || edButtons[i].tagEnd == '' || extra) {
				myField.value = myField.value.substring(0, startPos) 
				              + edButtons[i].tagStart
				              + myField.value.substring(endPos, myField.value.length);
				edAddTag(i);
				cursorPos = startPos + edButtons[i].tagStart.length;
			}
			else {
				myField.value = myField.value.substring(0, startPos) 
				              + edButtons[i].tagEnd
				              + myField.value.substring(endPos, myField.value.length);
				edRemoveTag(i);
				cursorPos = startPos + edButtons[i].tagEnd.length;
			}
		}
		myField.focus();
		myField.selectionStart = cursorPos;
		myField.selectionEnd = cursorPos;
		myField.scrollTop = scrollTop;
	}
	else {
		if (!edCheckOpenTags(i) || edButtons[i].tagEnd == '') {
			myField.value += edButtons[i].tagStart;
			edAddTag(i);
		}
		else {
			myField.value += edButtons[i].tagEnd;
			edRemoveTag(i);
		}
		myField.focus();
		showHint(document.reactieform.reactie.value);
	}
}

function edInsertContent(myField, myValue) {
	//IE support
	if (document.selection) {
		myField.focus();
		sel = document.selection.createRange();
		sel.text = myValue;
		myField.focus();
	}
	//MOZILLA/NETSCAPE support
	else if (myField.selectionStart || myField.selectionStart == '0') {
		var startPos = myField.selectionStart;
		var endPos = myField.selectionEnd;
		var scrollTop = myField.scrollTop;
		myField.value = myField.value.substring(0, startPos)
		              + myValue 
                      + myField.value.substring(endPos, myField.value.length);
		myField.focus();
		myField.selectionStart = startPos + myValue.length;
		myField.selectionEnd = startPos + myValue.length;
		myField.scrollTop = scrollTop;
		showHint(document.reactieform.reactie.value);
	} else {
		myField.value += myValue;
		myField.focus();
		showHint(document.reactieform.reactie.value);
	}
}

function edInsertImage(myField) {
	var myValue = prompt('Enter the URL of the image', 'http://');
	if (myValue) {
		myValue = '[img]' 
				+ myValue 
				+ '[/img]';
		edInsertContent(myField, myValue);
		showHint(document.reactieform.reactie.value);
	}
}




function countInstances(string, substr) {
	var count = string.split(substr);
	return count.length - 1;
}

function edSetCookie(name, value, expires, path, domain) {
	document.cookie= name + "=" + escape(value) +
		((expires) ? "; expires=" + expires.toGMTString() : "") +
		((path) ? "; path=" + path : "") +
		((domain) ? "; domain=" + domain : "");
}

function edShowExtraCookie() {
	var cookies = document.cookie.split(';');
	for (var i=0;i < cookies.length; i++) {
		var cookieData = cookies[i];
		while (cookieData.charAt(0) ==' ') {
			cookieData = cookieData.substring(1, cookieData.length);
		}
		if (cookieData.indexOf('js_quicktags_extra') == 0) {
			if (cookieData.substring(19, cookieData.length) == 'show') {
				return true;
			}
			else {
				return false;
			}
		}
	}
	return false;
}

function enlargeImage(src){
	window.open(src, 'image', '');
	return false;
}