// Pre load images

var pic1 = new Image();
var pic2 = new Image();
var pic3 = new Image();
var pic4 = new Image();
var pic5 = new Image();
var pic6 = new Image();
var pic7 = new Image();
var pic8 = new Image();

pic1.src = "images/homesel.jpg";
pic2.src = "images/aboutsel.jpg";
pic3.src = "images/supportsel.jpg";
pic4.src = "images/blogsel.jpg";
pic5.src = "images/volunteersel.jpg";
pic6.src = "images/donatesel.jpg";
pic7.src = "images/sponsorssel.jpg";
pic8.src = "images/linkssel.jpg";

var login = true;
function cleanLogin(ele) {
	if(login) {
		login = false;
		ele.value = "";
	}
}
function toggle(id) {
	var ele = document.getElementById(id);
	if(ele.style.display == "none") {
		ele.style.display = "";
	}
	else {
		ele.style.display = "none";
	}
}
function addStyle(id, style, option) {
	var ele = document.getElementById(id);
	var val;
	switch(style) {
		case "quote":
			val = "[quote][/quote]";
			insertAtCursor(ele, val, val.length - 8);
			break;
		case "bold":
			val = "[b][/b]";
			insertAtCursor(ele, val, val.length - 4);
			break;
		case "italic":
			val = "[i][/i]";
			insertAtCursor(ele, val, val.length - 4);
			break;
		case "underline":
			val = "[u][/u]";
			insertAtCursor(ele, val, val.length - 4);
			break;
		case "strikethrough":
			val = "[s][/s]";
			insertAtCursor(ele, val, val.length - 4);
			break;
		case "superscript":
			val = "[sup][/sup]";
			insertAtCursor(ele, val, val.length - 6);
			break;
		case "subscript":
			val = "[sub][/sub]";
			insertAtCursor(ele, val, val.length - 6);
			break;
		case "url":
			val = "[url=" + option + "][/url]";
			insertAtCursor(ele, val, val.length - 6);
			break;
		case "left":
			val = "[left][/left]";
			insertAtCursor(ele, val, val.length - 7);
			break;
		case "center":
			val = "[center][/center]";
			insertAtCursor(ele, val, val.length - 9);
			break;
		case "right":
			val = "[right][/right]";
			insertAtCursor(ele, val, val.length - 8);
			break;
		case "email":
			val = "[email=" + option + "][/email]";
			insertAtCursor(ele, val, val.length - 8);
			break;
		case "image":
			val = "[img]" + option + "[/img]";
			insertAtCursor(ele, val, val.length);
			break;
		case "color":
			val = "[color=" + option + "][/color]";
			insertAtCursor(ele, val, val.length - 8);
			break;
		case "size":
			val = "[size=" + option + "][/size]";
			insertAtCursor(ele, val, val.length - 7);
			break;
		case "font":
			val = "[font=" + option + "][/font]";
			insertAtCursor(ele, val, val.length - 7);
			break;
		case "hr":
			val = "[hr]";
			insertAtCursor(ele, val, val.length);
			break;
	}
}
function insertAtCursor(ele, val, offset) {
	if(document.selection) { //IE support
		ele.focus();
		sel = document.selection.createRange();
		sel.text = val;
		sel.moveStart('character', offset - val.length);
		sel.moveEnd('character', offset - val.length);
		sel.select();
	}
	else if(ele.selectionStart || ele.selectionStart == '0') { //Mozilla/Firefox/Netscape 7+ support
		var startPos = ele.selectionStart;
		var endPos = ele.selectionEnd;
		ele.value = ele.value.substring(0, startPos) + val + ele.value.substring(endPos, ele.value.length);
		ele.focus();
		ele.setSelectionRange(startPos + offset, startPos + offset);
	}
	else {
		ele.value += val;
	}
}