var messageguid='';

$(document).ready(function()
{
  $("#userPage_button").attr("href","#userPage");
  $(".refresh").removeClass("hidden");
  $("#indexRevBannerInner").css("height",($("#indexRevBannerInner #intro").height()+10)+"px");
  $("#indexRevBannerInner").css("padding-top",(380-$("#indexRevBannerInner").height())+"px");
  if($("#main .ab").length>0)
  {
    $("#main .ab").delay(5000).slideToggle("slow",function(){$("#abreshow").fadeIn("slow");});
  }
});

function ShowDialog(dName)
{
  $("#" + dName).removeClass("hidden");
  $("#" + dName).addClass("ontop");
  $("#" + dName + " .dialogI").css("top","-"+($("#" + dName + " .dialogI").height()/2)+"px");
  submitLI=true;
  return false;
}

function CloseDialog(dName)
{
  $("#" + dName).removeClass("ontop");
  $("#" + dName).addClass("hidden");
  submitLI=false;
  return false;
}

function make_tab_visible(group,tab,animate)
{
  if(!animate)
  {
    $("[tabgroup='" + group + "'].selected").removeClass("selected");
    $("[tabgroup='" + group + "'][tab='" + tab + "']").addClass("selected");
  }
  else
  {
    $(".tabOuter[tabgroup='" + group + "'].selected").removeClass("selected");
    $(".tab[tabgroup='" + group + "'].selected").fadeOut(1000);
    $(".tab[tabgroup='" + group + "'].selected").removeClass("selected");
    $(".tab[tabgroup='" + group + "'][tab='" + tab + "']").fadeIn(1000);
    $(".tabOuter[tabgroup='" + group + "'][tab='" + tab + "']").addClass("selected");
  }
}

function toggle_hidden(id)
{
  $("#HCArea-" + id).toggleClass("hidden");
  $("#HCButton-" + id).toggleClass("show");
}

function toggle_messages()
{
  $("#main .ab").slideToggle("slow");
}

function UpdatePreview(name,hideWhenEmpty,allowBBCode,allowFlash)
{
  contents = htmlEncode($("#" + name + "-input").val());
  if(allowBBCode)
  {
    contents = nl2br_ext(bbcode(contents,allowFlash));
  }
  $("#" + name + "-preview").html(contents);
  if(hideWhenEmpty)
  {
    if(contents.trim()=='')
    {
      $("#" + name + "-preview").addClass("hidden");
    }
    else
    {
      $("#" + name + "-preview").removeClass("hidden");
    }
  }
}

function UpdateImage(name)
{
  $("#" + name).attr('src',function(i, old)
  {
    old=old.replace(/&rand=.*/i,'');
    return old + "&rand=" + (''+Math.random()).substring(2);
  });
  oldsrc = $("#" + name + "-rButton").attr('src');
  $("#" + name + "-rButton").attr('src',$("#" + name + "-rButton").attr('src2'));
  $("#" + name + "-rButton").attr('src2',oldsrc);
}

function Rev(num,id)
{
  this.num=num;
  this.id=id;
  this.item=0;
  this.IntervalID=-1;
  var me = this;
  this.Start = function()
  {
    if((this.IntervalID==-1) && (this.num>1))
      this.IntervalID = setInterval(function(){me.Revolve();},6000);
    else
      return false;
    return true;
  }
  this.Stop = function()
  {
    clearInterval(this.IntervalID);
    this.IntervalID=-1;
  }
  this.Toggle = function()
  {
    if(!this.Start())
      this.Stop();
  }
  this.Revolve = function()
  {
    if(this.num>1)
    {
      this.next=(this.item + 1) % this.num;
      $("#"+this.id+"-"+this.next).fadeIn(2400);
      $("#"+this.id+"-"+this.item).fadeOut(2400);
      this.item=this.next;
    }
  }
  this.Start();
}









function htmlEncode(value){
  return $('<div/>').text(value).html();
}

function htmlDecode(value){
  return $('<div/>').html(value).text();
}

function repeat(val,num)
{
  return new Array(num + 1).join(val);
}

function nl2br_ext(text)
{
  textparts = text.split(/<!-- nobr -->|<!-- \/nobr -->/g);
  
  for(i=0;i<textparts.length;i++)
  {
    if (i%2==0)
    {
      textparts[i]=textparts[i].replace(/(\s*[\r]?[\n]){2,}/g,'<br /><br />');
      textparts[i]=textparts[i].replace(/(\s*[\r]?[\n])+/g,'<br />');
    }
    else
    {
      textparts[i]=textparts[i].replace(/(\s*[\n]?[\r])+/g,'');
    }
  }
  return textparts.join('');
}

function bbcode(text,allowFlash)
{
  settings = {
    'fColour' : '6B339E',
    'vWidth' : '472',
    'vHeight' : '385',
    'vWidthW' : '580',
    'vHeightW' : '348'
    };  
  b = {
    0 : '[b]',
    1 : '[i]',
    2 : '[u]',
    3 : '[marquee]',
    4 : '[blink]',
    5 : '[strike]',
    6 : '[list]',
    7 : '[list=1]',
    8 : '[list=a]',
    9 : '[list=A]',
    10 : '[*]'
    };

  e = {
    0 : '[/b]',
    1 : '[/i]',
    2 : '[/u]',
    3 : '[/marquee]',
    4 : '[/blink]',
    5 : '[/strike]',
    6 : '[/list]',
    7 : '[/list=1]',
    8 : '[/list=a]',
    9 : '[/list=A]',
    10 : '[/*]'
    };
  
  for (keyVar in b)
  {
    check = text.split(b[keyVar]).length - text.split(e[keyVar]).length;
    
    text = repeat(b[keyVar],Math.max(-check,0)) + text + repeat(e[keyVar],Math.max(check,0));
  }
  
  f = {
    0 : /\[b\]/g,1 : /\[\/b\]/g,
    2 : /\[i\]/g,3 : /\[\/i\]/g,
    4 : /\[u\]/g,5 : /\[\/u\]/g,
    6 : /\[marquee\]/g,7 : /\[\/marquee\]/g,
    8 : /\[blink\]/g,9 : /\[\/blink\]/g,
    10 : /\[strike\]/g,11 : /\[\/strike\]/g,
    12 : /\[list\]/g,13 : /\[\/list\]/g,
    14 : /\[list=1\]/g,15 : /\[\/list=1\]/g,
    16 : /\[list=a\]/g,17 : /\[\/list=a\]/g,
    18 : /\[list=A\]/g,19 : /\[\/list=A\]/g,
    20 : /\[hr\]/g,
    21 : /\[\*\*\]/g,
    22 : /\[\*\]/g,23 : /\[\/\*\]/g
    };

  r = {
    0 : '<strong>',1 : '</strong>',
    2 : '<em>',3 : '</em>',
    4 : '<u>',5 : '</u>',
    6 : '<marquee>',7 : '</marquee>',
    8 : '<blink>',9 : '</blink>',
    10 : '<strike>',11 : '</strike>',
    12 : '<ul>',13 : '</ul>',
    14 : '<ol type="1">',15 : '</ol>',
    16 : '<ol type="a">',17 : '</ol>',
    18 : '<ol type="A">',19 : '</ol>',
    20 : '<hr />',
    21 : '<li />',
    22 : '<li>',23 : '</li>'
    };
  
  for (keyVar in f)
  {
    text=text.replace(f[keyVar],r[keyVar]);
  }
  
  f = [];
  r = [];
  
  f.push(/\[site\]/gi);
  r.push('http://voodoounicycles.com/');
  
  f.push(/\[color=(White|Black|Red|Yellow|Pink|Green|Orange|Purple|Blue|Beige|Brown|Teal|Navy|Maroon|LimeGreen|aqua|fuchsia|gray|silver|lime|olive)\]((.|\s)*?)\[\/color\]/gi);
  r.push('<span style="color:$1;">$2</span>');
  f.push(/\[color=#([\\da-f]{3,6})\]((.|\s)*?)\[\/color\]/gi);
  r.push('<span style="color:#$1;">$2</span>');
  f.push(/\[color=rgb\(([\s]*[\d]{1,3}[\s]*,[\s]*[\d]{1,3}[\s]*,[\s]*[\d]{1,3}[\s]*)\)\]((.|\s)*?)\[\/color\]/gi);
  r.push('<span style="color:rgb($1);">$2</span>');
  f.push(/\[font=([a-z\r\n\t 0-9]+)\]((.|\s)*?)\[\/font\]/gi);
  r.push('<span style="font-family: $1;">$2</span>');
  f.push(/\[align=(left|center|right|justify)\]((.|\s)*?)\[\/align\]/gi);
  r.push('<div style="text-align: $1;">$2</div>');
  
  f.push(/\[img\]([:~a-z\\.\/0-9%_\-]+\.[a-z]{2,4}(\/[^\s()]*?)?)\[\/img\]/gi);
  r.push('<!-- nobr --><img src="$1" border="0" alt="" /><!-- /nobr -->');
  f.push(/\[img=([0-9]*?)x([0-9]*?)\]([:~a-z\\.\/0-9%_\-]+\.[a-z]{2,4}(\/[^\s()]*?)?)\[\/img\]/gi);
  r.push('<!-- /nobr --><img width="$1" height="$2" src="$3" border="0" alt="" /><!-- nobr -->');

  f.push(/(\[url)(\]|=)(www)/gi);
  r.push('$1$2http://$3');
  f.push(/\[url\]([:~a-z\\.\/0-9%_\-]+\.[a-z]{2,4}(\/[^\s()]*?)?)\[\/url\]/gi);
  r.push('<!-- nobr --><a href="$1" onclick="window.open(this.href); return false;">$1</a><!-- /nobr -->');
  f.push(/\[url=([:~a-z\\.\/0-9%_\-]+\.[a-z]{2,4}(\/[^\s()]*?)?)\]((.|\s)*?)\[\/url\]/gi);
  r.push('<!-- nobr --><a href="$1" onclick="window.open(this.href); return false;"><!-- /nobr -->$3</a>');
  
  f.push(/\[email\]([^\"'<>]*?)\[\/email\]/gi);
  r.push('<a href="mailto:$1">$1</a>');
  f.push(/\[email=([^\"'<>]*?)\]((.|\s)*?)\[\/email\]/gi);
  r.push('<a href="mailto:$1">$2</a>');
  
  f.push(/\[youtube\]([a-zA-Z0-9_-]+)\[\/youtube\]/gi);
  r.push('<object width="' + settings['vWidth'] + '" height="' + settings['vHeight'] + '" class="video"><param name="movie" value="http://www.youtube.com/v/$1?fs=1&amp;showinfo=0&amp;hl=en_GB&amp;color1=' + settings['fColour'] + '&amp;color2=' + settings['fColour'] + '" /><param name="allowFullScreen" value="true" /><embed src="http://www.youtube.com/v/$1?fs=1&amp;showinfo=0&amp;hl=en_GB&amp;color1=' + settings['fColour'] + '&amp;color2=' + settings['fColour'] + '" type="application/x-shockwave-flash" allowfullscreen="true" width="' + settings['vWidth'] + '" height="' + settings['vHeight'] + '" /></object>');
  f.push(/\[youtube=ws\]([a-zA-Z0-9_-]+)\[\/youtube\]/gi);
  r.push('<object width="' + settings['vWidthW'] + '" height="' + settings['vHeightW'] + '" class="video"><param name="movie" value="http://www.youtube.com/v/$1?fs=1&amp;showinfo=0&amp;hl=en_GB&amp;color1=' + settings['fColour'] + '&amp;color2=' + settings['fColour'] + '" /><param name="allowFullScreen" value="true" /><embed src="http://www.youtube.com/v/$1?fs=1&amp;showinfo=0&amp;hl=en_GB&amp;color1=' + settings['fColour'] + '&amp;color2=' + settings['fColour'] + '" type="application/x-shockwave-flash" allowfullscreen="true" width="' + settings['vWidthW'] + '" height="' + settings['vHeightW'] + '" /></object>');
  f.push(/\[youtube=([0-9]+)x([0-9]+)\]([a-zA-Z0-9_-]+)\[\/youtube\]/gi);
  r.push('<object width="$1" height="$2" class="video"><param name="movie" value="http://www.youtube.com/v/$3?fs=1&amp;showinfo=0&amp;hl=en_GB&amp;color1=' + settings['fColour'] + '&amp;color2=' + settings['fColour'] + '" /><param name="allowFullScreen" value="true" /><embed src="http://www.youtube.com/v/$3?fs=1&amp;showinfo=0&amp;hl=en_GB&amp;color1=' + settings['fColour'] + '&amp;color2=' + settings['fColour'] + '" type="application/x-shockwave-flash" allowfullscreen="true" wmode="transparent" width="$1" height="$2" /></object>');
  
  f.push(/\[vimeo\]([a-zA-Z0-9_-]+)\[\/vimeo\]/gi);
  r.push('<object width="' + settings['vWidth'] + '" height="' + settings['vHeight'] + '" class="video"><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=$1&amp;server=vimeo.com&amp;color=' + settings['fColour'] + '&amp;fullscreen=1" /><param name="allowfullscreen" value="true" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=$1&amp;server=vimeo.com&amp;color=' + settings['fColour'] + '&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" width="' + settings['vWidth'] + '" height="' + settings['vHeight'] + '" /></object>');
  f.push(/\[vimeo=ws\]([a-zA-Z0-9_-]+)\[\/vimeo\]/gi);
  r.push('<object width="' + settings['vWidthW'] + '" height="' + settings['vHeightW'] + '" class="video"><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=$1&amp;server=vimeo.com&amp;color=' + settings['fColour'] + '&amp;fullscreen=1" /><param name="allowfullscreen" value="true" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=$1&amp;server=vimeo.com&amp;color=' + settings['fColour'] + '&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" width="' + settings['vWidthW'] + '" height="' + settings['vHeightW'] + '" /></object>');
  f.push(/\[vimeo=([0-9]+)x([0-9]+)\]([a-zA-Z0-9_-]+)\[\/vimeo\]/gi);
  r.push('<object width="$1" height="$2" class="video"><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=$3&amp;server=vimeo.com&amp;color=' + settings['fColour'] + '&amp;fullscreen=1" /><param name="allowfullscreen" value="true" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=$3&amp;server=vimeo.com&amp;color=' + settings['fColour'] + '&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" width="$1" height="$2" /></object>');

  if (allowFlash)
  {
    f.push(/&lt;param (.*?)\/&gt;/gi);
    r.push('<param $1 />');
    f.push(/&lt;object (.*?)&gt;(.*?)&lt;\/object&gt;/gi);
    r.push('<object $1>$2</object>');
  }

  for(keyVar in f)
  {
    text=text.replace(f[keyVar],r[keyVar]);
  }
  
  messageguid=(new Date()).getTime();
  text=text.replace(/\[switch\](\[s=([^\]]*?)\]((.|\s)*?)\[\/s\])*?\[\/switch\]/gi,BBSwitch);
  
  return text;
}

function BBSwitch(match)
{
  id=messageguid+'-'+(''+Math.random()).substring(2);
  f=/\[s=([^\]]*?)\]((.|\s)*?)\[\/s\]/gi;
  matcharray=match.match(f);
  
  tabs={};
  
  for(keyVar in matcharray)
  {
    tabs[matcharray[keyVar].replace(f,'$1').trim()]=matcharray[keyVar].replace(f,'$2');
  }
  
  return CreateTabControl(tabs,id);
}

function CreateTabControl(items,id)
{
  tabselector={};
  tabdetails={};
  
  tabselector['ID']=id;
  tabselector['tabButtons']='';
  tabselector['tabContents']='';
  tabdetails['ID']=id;
  tabdetails['sel']=' selected';
  for(tabdetails['title'] in items)
  {
    tabdetails['content'] = items[tabdetails['title']];
    tabdetails['TitleID'] = tabdetails['title'].replace(" ","_");
    if(tabdetails['title'].trim()!='')
    {
      tabselector['tabButtons']+=use_template(tabdetails,'tabButton');
      tabselector['tabContents']+=use_template(tabdetails,'tabContent');
    }
    tabdetails['sel']='';
  }
  return use_template(tabselector,'tabWrapper');
}

function use_template(tItems,tName)
{
  switch (tName)
  {
    case 'tabButton':
      tOut='\n          <div tab="%%TitleID%%" tabGroup="%%ID%%" class="tabOuter%%sel%%"><div class="tabb"><div class="tabl"><div class="tabt"><div class="tabr"><div class="tabtl"><div class="tabtr">\n            <div class="tabInner" onclick=\'make_tab_visible("%%ID%%","%%TitleID%%");%%EXTRA%%%%STOP%%\'>%%title%%</div>\n          </div></div></div></div></div></div></div>';
      break;
    case 'tabContent':
      tOut='\n          <div tab="%%TitleID%%" tabGroup="%%ID%%" class="tab%%sel%%">\n            <!-- /nobr -->%%content%%<!-- nobr -->\n          </div>';
      break;
    case 'tabWrapper':
      tOut='<!-- nobr -->\n        <div class="tabBContainer">%%tabButtons%%\n        </div>\n        <div class="tabCContainer">%%tabContents%%\n        </div><!-- /nobr -->';
      break;
    default:
      tOut='';
      break;
  }
  
  for(tKey in tItems)
  {
    tFind='%%' + tKey + '%%';
    while(tOut.match(tFind))
      tOut=tOut.replace(tFind,tItems[tKey]);
  }
  
  return tOut;
}