/* 
------------------------------------------
	Flipbox written by CrappoMan
	simonpatterson@dsl.pipex.com
------------------------------------------
*/
function flipBox(who) {
	var tmp; 
	if (document.images['b_' + who].src.indexOf('_on') == -1) { 
		tmp = document.images['b_' + who].src.replace('_off', '_on');
		document.getElementById('box_' + who).style.display = 'none';
		document.images['b_' + who].src = tmp;
	} else { 
		tmp = document.images['b_' + who].src.replace('_on', '_off');
		document.getElementById('box_' + who).style.display = 'block';
		document.images['b_' + who].src = tmp;
	} 
}

function addText(elname, wrap1, wrap2) {
	if (document.selection) { // for IE 
		var str = document.selection.createRange().text;
		document.forms['inputform'].elements[elname].focus();
		var sel = document.selection.createRange();
		sel.text = wrap1 + str + wrap2;
		return;
	} else if ((typeof document.forms['inputform'].elements[elname].selectionStart) != 'undefined') { // for Mozilla
		var txtarea = document.forms['inputform'].elements[elname];
		var selLength = txtarea.textLength;
		var selStart = txtarea.selectionStart;
		var selEnd = txtarea.selectionEnd;
		var oldScrollTop = txtarea.scrollTop;
		//if (selEnd == 1 || selEnd == 2)
		//selEnd = selLength;
		var s1 = (txtarea.value).substring(0,selStart);
		var s2 = (txtarea.value).substring(selStart, selEnd)
		var s3 = (txtarea.value).substring(selEnd, selLength);
		txtarea.value = s1 + wrap1 + s2 + wrap2 + s3;
		txtarea.selectionStart = s1.length;
		txtarea.selectionEnd = s1.length + s2.length + wrap1.length + wrap2.length;
		txtarea.scrollTop = oldScrollTop;
		txtarea.focus();
		return;
	} else {
		insertText(elname, wrap1 + wrap2);
	}
}

function insertText(elname, what) {
	if (document.forms['inputform'].elements[elname].createTextRange) {
		document.forms['inputform'].elements[elname].focus();
		document.selection.createRange().duplicate().text = what;
	} else if ((typeof document.forms['inputform'].elements[elname].selectionStart) != 'undefined') { // for Mozilla
		var tarea = document.forms['inputform'].elements[elname];
		var selEnd = tarea.selectionEnd;
		var txtLen = tarea.value.length;
		var txtbefore = tarea.value.substring(0,selEnd);
		var txtafter =  tarea.value.substring(selEnd, txtLen);
		var oldScrollTop = tarea.scrollTop;
		tarea.value = txtbefore + what + txtafter;
		tarea.selectionStart = txtbefore.length + what.length;
		tarea.selectionEnd = txtbefore.length + what.length;
		tarea.scrollTop = oldScrollTop;
		tarea.focus();
	} else {
		document.forms['inputform'].elements[elname].value += what;
		document.forms['inputform'].elements[elname].focus();
	}
}

function show_hide(msg_id) {
	msg_id.style.display = msg_id.style.display == 'none' ? 'block' : 'none';
}



//Hide / show div function
function showHide(cont)
{
var idx = this.id.split('-')[1];
var sp = document.getElementById(cont+idx);
sp.style.display = ('' == sp.style.display)? 'none':'';
}

function initContent(container,tagcss,cont)
{
    // Check that necessary features are supported
    if ( !document.getElementById
    || !document.getElementsByTagName
    || !document.body.style){
    return;
}

// Get all the div elements we need
var x = document.getElementById(container);
var divs = x.getElementsByTagName(tagcss);
// Depending on classname, add an onclick or hide
var el, i = divs.length;
while ( i-- ){
    el = divs[i];
    if (el.className && /\bheading\b/.test(el.className)){
        el.onclick = showHide(cont);
    } else if (el.className && /\bcontent\b/.test(el.className)){
        el.style.display = 'none';
    }
}
}
//End Hide / show div function 

//Hide/show Form options
function formOpt(sel){
    var d=document, dv;
    if(d.getElementById){
        for(var ii=0; ii<sel.options.length; ii++){
            dv=d.getElementById(sel.options[ii].value); 
            if(dv)
            dv.style.display=sel.options[ii].selected?"block":"none"; 
        } 
    }
}
//End Hide/show Form options
//ex: <form action='#'>
        //<select onchange=\"formOpt(this)\">
            //<option value=''>---</option>
            //<option value='f1'>Show form 1</option>
            //<option value='f2'>Show form 2</option>
            //<option value='f3'>Show form 3</option> 
       // </select>
    //</form>     
