function changePocket(id)
{
	for (var i=1;i<=5;i++)
	{
		document.getElementById('cap'+i).className = "";
		document.getElementById('pocket'+i).style.display = "none";
	}
	document.getElementById('cap'+id).className = "active";
	document.getElementById('pocket'+id).style.display = "block";
}

function changePocket2(id)
{
	for (var i=1;i<=3;i++)
	{
		document.getElementById('cap1'+i).className = "";
		document.getElementById('pocket1'+i).style.display = "none";
	}
	document.getElementById('cap1'+id).className = "active";
	document.getElementById('pocket1'+id).style.display = "block";
}

var smile = [
    {'img':'regular_smile','smile':':)'},
    {'img':'sad_smile','smile':':('},
    {'img':'wink_smile','smile':';)'},
    {'img':'tounge_smile','smile':':P'},
    {'img':'angry_smile','smile':':E'},
    {'img':'kiss','smile':':kiss:'},
    {'img':'heart','smile':':heart:'}
]

function htmlspecialchars(text) {
  text = text.replace(eval('/<BR([^\>])*>/gi'),"");
  text = text.replace(eval('/&amp;/gi'),"&");
  text = text.replace(eval('/&lt;/gi'),"<");
  text = text.replace(eval('/&gt;/gi'),">");
  var re = /<a[^>]+href="([^"]*)"[^>]*>([^<]*)<\/a>/gi;
  text = text.replace(re,"[url=$1]$2[/url]");
  var re = /<div class="?quote"?>((.|\n|\r)*)<\/div>/mgi;
  text = text.replace(re,"[quote]$1[/quote]");
  text = text.replace(re,"[quote]$1[/quote]");
  text = text.replace(re,"[quote]$1[/quote]");
  text = text.replace(re,"[quote]$1[/quote]");
  text = text.replace(re,"[quote]$1[/quote]");
  var re = /\<(\/?)s\>/gi;
  text = text.replace(re,"[$1s]");
  var re = /\<(\/?)b\>/gi;
  text = text.replace(re,"[$1b]");
  var re = /\<(\/?)i\>/gi;
  text = text.replace(re,"[$1i]");
  var re = /\<(\/?)u\>/gi;
  text = text.replace(re,"[$1u]");
  for (var i = 0; i < smile.length; i++)
    text = text.replace(eval('/<img(.+)'+smile[i].img+'(.+)>/gi'),smile[i].smile);
  return text;
}


var saved_content = [];
function edit_comment(id) {
    if (!$('textc'+id)) return;
    var content = $('textc'+id).innerHTML;
    saved_content[id] = content;
    content = htmlspecialchars(content);
    $('textc'+id).update('<div class="toolbar">'
         + '<button class="fbutton" accesskey="b" id="addbbcode0_e'+id+'"  style="width: 30px" onClick="bbstyle(0, \'e'+id+'\')"><span style="font-weight: bold"> B </span></button> '
         + '<button class="fbutton" accesskey="i" id="addbbcode2_e'+id+'"  style="width: 30px" onClick="bbstyle(2, \'e'+id+'\')"><span style="font-style: italic"> i </span></button> '
         + '<button class="fbutton" accesskey="u" id="addbbcode4_e'+id+'"  style="width: 30px" onClick="bbstyle(4, \'e'+id+'\')"><span style="text-decoration: underline"> U </span></button> '
         + '<button class="fbutton" accesskey="s" id="addbbcode8_e'+id+'"  style="width: 30px" onClick="bbstyle(8, \'e'+id+'\')"><span style="text-decoration: line-through"> S </span></button> '
         + '<button class="fbutton" style="width: 30px" onClick="input_url(\'e'+id+'\')"><span> URL </span></button> '
         + '<button class="fbutton" id="addbbcode6_e'+id+'"  style="width: 60px" onClick="bbstyle(6, \'e'+id+'\')"><span> QUOTE </span></button> '

         + '</div><textarea id="texte'+id+'">'+content+'</textarea><input type="button" class="button" value="Save" onclick="save_edit('+id+')" /><input type="button" class="button" value="Cancel" onclick="cancel_edit('+id+')" /><br /><br />');
    $('action'+id).hide();
}

function cancel_edit(id) {
    if (!$('textc'+id)) return;
    $('textc'+id).innerHTML = saved_content[id];
    $('action'+id).show();
}

function save_edit(id) {
    var text = $('texte'+id).value;
    var hm = $('textc'+id).up().hasClassName('my'); 
    if (hm) $('textc'+id).up().removeClassName('my');
    $('textc'+id).innerHTML = '<img src="/pics/ajax-loader.gif" />';
    new Ajax.Request('/ajax?action=edit_comment&id='+id, {
      parameters: { text: text },
      onSuccess: function(transport) {
        if (hm) $('textc'+id).up().addClassName('my');
        $('textc'+id).innerHTML = transport.responseText;
        $('action'+id).show();
      }  
    });
}

function preview(id) {
    $('preview'+id).down().next().removeClassName('my').innerHTML = '<img src="/pics/ajax-loader.gif" />';
    $('preview'+id).show();
    new Ajax.Request('/ajax?action=preview', {
      parameters: { text: $('text'+id).value },
      onSuccess: function(transport) {
        $('preview'+id).down().next().addClassName('my').innerHTML = transport.responseText;
      }  
    });
}

function delete_comment(id) {
    if (!$('textd'+id)) return;
    if (confirm('Really delete this comment?')) {
        new Ajax.Request('/ajax?action=delete_comment&id='+id, {
          onSuccess: function(transport) {
            $('textd'+id).remove();
            $('currently').update(parseInt($('currently').innerText) - 1);
          }  
        });
    }
}

var prevform = 0;
function showform(fid) {
    if (prevform) prevform.style.display = 'none';
    prevform = document.getElementById('form'+fid);
    prevform.style.display = 'block';
}

function expand_thread(trid) {
    document.getElementById('thread'+trid).style.display = 'block';
    document.getElementById('thread_e'+trid).style.display = 'none';
}
function collapse_thread(trid) {
    document.getElementById('thread'+trid).style.display = 'none';
    document.getElementById('thread_e'+trid).style.display = 'block';
}

function expand_all() {
    $$('a.plus').each(function(s) {
        s.hide();
        s.next().show();
    });
}

function collapse_all() {
    $$('a.plus').each(function(s) {
        s.show();
        s.next().hide();
    });
}

var imageTag = false;
var theSelection = false;
var clientPC = navigator.userAgent.toLowerCase(); // Get client info
var clientVer = parseInt(navigator.appVersion); // Get browser version
var is_ie = ((clientPC.indexOf("msie") != -1) && (clientPC.indexOf("opera") == -1));
var is_nav  = ((clientPC.indexOf('mozilla')!=-1) && (clientPC.indexOf('spoofer')==-1)
                && (clientPC.indexOf('compatible') == -1) && (clientPC.indexOf('opera')==-1)
                && (clientPC.indexOf('webtv')==-1) && (clientPC.indexOf('hotjava')==-1));
var is_win   = ((clientPC.indexOf("win")!=-1) || (clientPC.indexOf("16bit") != -1));
var is_mac    = (clientPC.indexOf("mac")!=-1);

// Define the bbCode tags
bbcode = new Array();
bbtags = new Array('[b]','[/b]','[i]','[/i]','[u]','[/u]','[quote]','[/quote]','[s]','[/s]');
imageTag = false;


// Replacement for arrayname.length property
function getarraysize(thearray) {
 for (i = 0; i < thearray.length; i++) {
  if ((thearray[i] == "undefined") || (thearray[i] == "") || (thearray[i] == null))
   return i;
  }
 return thearray.length;
}
// Replacement for arrayname.push(value) not implemented in IE until version 5.5
// Appends element to the array
function arraypush(thearray,value) {
 thearray[ getarraysize(thearray) ] = value;
}
// Replacement for arrayname.pop() not implemented in IE until version 5.5
// Removes and returns the last element of an array
function arraypop(thearray) {
 thearraysize = getarraysize(thearray);
 retval = thearray[thearraysize - 1];
 delete thearray[thearraysize - 1];
 return retval;
}

function checkForm() {
 formErrors = false;
 if (document.post.text.value.length < 2) {
  formErrors = "You must enter a message when posting";
 }
 if (formErrors) {
  alert(formErrors);
  return false;
 } else {
  bbstyle(-1);
  //formObj.preview.disabled = true;
  //formObj.submit.disabled = true;
  return true;
 }
}
function url(id) {
  url = prompt('Enter URL', 'http://');
  if (url) emoticon('[url]'+url+'[/url]', id);
}
function input_url(id) {
  url = prompt('Enter URL', 'http://');
  if (url) emoticon('[url]'+url+'[/url]', id);
}
function emoticon(text, id) {
 var control = document.getElementById('text'+id);
 if (!control) return;
 
 text = ' ' + text + ' ';
 if (control.createTextRange && control.caretPos) {
  var caretPos = control.caretPos;
  caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? text + ' ' : text;
  control.focus();
 } else {
 control.value  += text;
 control.focus();
 }
 //document.getElementById('smiley').style.display='none';
 return false;
}
function bbfontstyle(bbopen, bbclose) {
 if ((clientVer >= 4) && is_ie && is_win) {
  theSelection = document.selection.createRange().text;
  if (!theSelection) {
   document.post.text.value += bbopen + bbclose;
   document.post.text.focus();
   return;
  }
  document.selection.createRange().text = bbopen + theSelection + bbclose;
  document.post.text.focus();
  return;
 } else {
  document.post.text.value += bbopen + bbclose;
  document.post.text.focus();
  return;
 }
 storeCaret(document.post.text);
}

function bbstyle(bbnumber, id) {
 var control = document.getElementById('text'+id);
 if (!control) return false;
 
 donotinsert = false;
 theSelection = false;
 bblast = 0;
 if (bbnumber == -1) { // Close all open tags & default button names
  while (bbcode[0]) {
   butnumber = arraypop(bbcode) - 1;
   control.value += bbtags[butnumber + 1];
   buttext = eval('document.getElementById("addbbcode'+bbnumber+'_'+id+'").value');
   eval('document.getElementById("addbbcode'+bbnumber+'_'+id+'").value ="' + buttext.substr(0,(buttext.length - 1)) + '"');
  }
  imageTag = false; // All tags are closed including image tags :D
  control.focus();
  return false;
 }
 if ((clientVer >= 4) && is_ie && is_win) {
  theSelection = document.selection.createRange().text; // Get text selection
      if (theSelection) {
          // Add tags around selection
          document.selection.createRange().text = bbtags[bbnumber] + theSelection + bbtags[bbnumber+1];
          control.focus();
          theSelection = '';
          return false;
     }
 } else if (control.selectionEnd && (control.selectionEnd - control.selectionStart > 0)) {
		mozWrap(control, bbtags[bbnumber], bbtags[bbnumber+1]);
		return;
 }
	
 // Find last occurance of an open tag the same as the one just clicked
 for (i = 0; i < bbcode.length; i++) {
  if (bbcode[i] == bbnumber+1) {
   bblast = i;
   donotinsert = true;
  }
 }
 if (donotinsert) {  // Close all open tags up to the one just clicked & default button names
  while (bbcode[bblast]) {
    butnumber = arraypop(bbcode) - 1;
    control.value += bbtags[butnumber + 1];
    buttext = eval('document.getElementById("addbbcode'+bbnumber+'_'+id+'").value');
    eval('document.getElementById("addbbcode'+bbnumber+'_'+id+'").value ="' + buttext.substr(0,(buttext.length - 1)) + '"');
    imageTag = false;
   }
   control.focus();
   return false;
 } else { // Open tags
  if (imageTag && (bbnumber != 14)) {  // Close image tag before adding another
   control.value += bbtags[15];
   lastValue = arraypop(bbcode) - 1; // Remove the close image tag from the list
   document.post.addbbcode14.value = "Img"; // Return button back to normal state
   imageTag = false;
  }
  // Open tag
  control.value += bbtags[bbnumber];
  if ((bbnumber == 14) && (imageTag == false)) imageTag = 1; // Check to stop additional tags after an unclosed image tag
  arraypush(bbcode,bbnumber+1);
  eval('document.getElementById("addbbcode'+bbnumber+'_'+id+'").value += "*"');
  control.focus();
  return false;
 }
 storeCaret(control);
 return false;
}

function storeCaret(textEl) {
 if (textEl.createTextRange) textEl.caretPos = document.selection.createRange().duplicate();
}

function mozWrap(txtarea, open, close)
{
	var selLength = txtarea.textLength;
	var selStart = txtarea.selectionStart;
	var selEnd = txtarea.selectionEnd;
	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 + open + s2 + close + s3;
	return;
}