<%
Session("lastURL")="/rigvault/animmates.asp"
%>
<!--#include virtual="/cgi-bin/spsecure.asp"-->
<!--#include virtual="/dbscript/commonUtil.asp"-->
	

	

<HTML>
<HEAD>
<script>
<!--

function doVideoSubmit()
{ 
 
   	window.open ('','videoWin', 'status=yes,width=330,height=150');
    document.frmInfo.target = 'videoWin';
    document.frmInfo.submit()
    
}
function showEditEntry(strURL)
{

   	window.open (strURL,'editEntryWin', 'scrollbars=yes,status=yes,width=550,height=500');

}
function showCommentEntry(strURL)
{

   	window.open (strURL,'editEntryWin', 'scrollbars=yes,status=yes,width=640,height=150');

}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function starSwap()
{
   var i,j=0,x,num,a=starSwap.arguments; 
	 document.MM_sr=new Array; 
	 for(i=1;i<6;i+=1)
   if ((x=MM_findObj('star'+i))!=null)
	 {
	  x.src=a[1];
	 }
   for(i=1;i<=a[4];i+=1)
   if ((x=MM_findObj('star'+i))!=null)
	 {
	  x.src=a[2];
	 }
   document.frmInfo.rating.value=a[4];
}



function infoSwitch(name,title,category,runTime,CharDate,rating,summary)
{

	document.getElementById('namelabel').innerHTML="<font class='fnt_standard fnt_bluLink'>Name:</font>";
	document.getElementById('name').innerHTML="<font class='fnt_standard'>" + name + "</font>";
//	document.getElementById('subclass').innerHTML="<font class='txtStandard font12'>" + title + "</font>";
	document.getElementById('descriptionlabel').innerHTML="<font class='fnt_standard fnt_bluLink'>Details:</font>";
	document.getElementById('description').innerHTML="<font class='fnt_standard'>" + category + "</font>";
	document.getElementById('stylelabel').innerHTML="<font class='fnt_standard fnt_bluLink'>Style:</font>";
	document.getElementById('style').innerHTML="<font class='fnt_standard'>" + runTime + "</font>";
//	document.getElementById('bodyType').innerHTML="<font class='txtStandard font12'>" + CharDate + "</font>";
//	document.getElementById('rating').innerHTML="<font class='txtStandard font8'>" + rating + "</font>";

}
function emptySwitch()
{
a=emptySwitch.arguments; 

	document.getElementById('namelabel').innerHTML="<font class='fnt_standard fnt_bluLink'></font>";
	document.getElementById('name').innerHTML="<font class='fnt_standard'></font>";
//	document.getElementById('subclass').innerHTML="<font class='txtStandard font12'>" + title + "</font>";
	document.getElementById('descriptionlabel').innerHTML="<font class='fnt_standard fnt_bluLink'></font>";
	document.getElementById('description').innerHTML="<font class='fnt_standard'></font>";
	document.getElementById('stylelabel').innerHTML="<font class='fnt_standard fnt_bluLink'></font>";
	document.getElementById('style').innerHTML=a[0];
//	document.getElementById('bodyType').innerHTML="<font class='txtStandard font12'>" + CharDate + "</font>";
//	document.getElementById('rating').innerHTML="<font class='txtStandard font8'>" + rating + "</font>";

}


//-->

</script>

<script type="text/javascript" src="mootools.svn.js"></script>
<script type="text/javascript">
window.addEvent('domready', function(){
var scroll = new Scroller('container', {area: 100, velocity: 1});
$('container').addEvent('mouseover', scroll.start.bind(scroll));
$('container').addEvent('mouseout', scroll.stop.bind(scroll));
}); 
</script>
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link rel="stylesheet" type="text/css" href="/members/members.css">
<link rel="stylesheet" type="text/css" href="/animmates/common/common.css">
<style type="text/css">

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 2px solid #FBCB24;
padding: 2px;
background-color: #1E2E44;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

.profBGImage { position:relative; top:-319px; z-index: 2; } 
.profHexName {position:relative; left:-378px; bottom:10px; z-index: 3; } 
.profName {position:relative; width:100; left:-400px; bottom:160px; z-index: 3; } 
.profSave {position:relative; left:-420px; bottom:100px; z-index: 3; } 
.profReview {position:relative; left:-490px; bottom:10px; z-index: 3; } 
.profMedia {position:relative; left:-505px; bottom:30px; z-index: 3; } 
.profBugs {position:relative; left:-520px; bottom:10px; z-index: 3; } 
.profHome {position:relative; right:-300px; bottom:120px; z-index: 3; } 
.profBrowse {position:absolute; right:-280px; bottom:80px; z-index: 3; } 
.profManual {position:absolute; right:-280px; bottom:100px; z-index: 3; } 
.profSetup {position:absolute; right:-280px; bottom:80px; z-index: 3; } 

#container{
width: 1040px;
height: 170px;
border: 0px solid #FFF;
overflow: auto;
margin: 0 auto;
overflow-x: hidden;
overflow-y: hidden;
}

.slider{
width: 6500px;
height: 110px;
padding: 10px;

}

.section{
margin:0;
width:120px;
float:left;
margin-right:50px;
}

</style>

<style rel="stylesheet" type="text/css" media="screen, projection">
/*********************** SCROLLERS ***********************/
.root     {
    position:relative;
    height:      505px;
    width:      690px;
    margin:       0px 0px 0px 0px; 
		border-bottom-width:2px;
    border-top:    0px solid #002B3C;
    border-left:    0px solid #002B3C;
    border-right:    0px solid #002B3C;
    border-bottom:    0px solid #002B3C; 
    }
.root p   {
    margin:      10px 10px 5px 10px;
    }
.thumb     {
    position:      absolute;
    height:      37px;
    width:      15px;
    left:       10px;
    }
.up, .dn   {
    position:      absolute;
    left:       10px;
    }
.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img{
    border:      0;
    }
.scrollContainer { 
    position:      absolute; 
    left:      0px; 
    top:      19px; 
    width:      690px; 
    height:      500px; 
    clip:      rect(0 700 520 0); 
    overflow:      auto; 

    }
.scrollContent { 
    position:      absolute; 
    left:      0px; 
    top:      0px; 
     
    }


</style>
</head>
<body bgcolor="#ffffff" marginheight="0" marginwidth="0"  text='#000000' onLoad="MM_preloadImages('../images/8.0/charbar_L_cap.jpg','../images/8.0/charbar_vrtslice.jpg','../images/8.0/bdrop_L_shadow.jpg','/images/8.0/bdrop_R_shadow.jpg')">

<!-- /rigvault/scripts/dom-drag.js -->
<script type="text/javascript">
/**************************************************
 * dom-drag.js
 * 09.25.2001
 * www.youngpup.net
 **************************************************
 * 10.28.2001 - fixed minor bug where events
 * sometimes fired off the handle, not the root.
 **************************************************/

var Drag = {

  obj : null,

  init : function(o, oRoot, minX, maxX, minY, maxY, bSwapHorzRef, bSwapVertRef, fXMapper, fYMapper)
  {
    o.onmousedown  = Drag.start;

    o.hmode      = bSwapHorzRef ? false : true ;
    o.vmode      = bSwapVertRef ? false : true ;

    o.root = oRoot && oRoot != null ? oRoot : o ;

    if (o.hmode  && isNaN(parseInt(o.root.style.left  ))) o.root.style.left   = "0px";
    if (o.vmode  && isNaN(parseInt(o.root.style.top   ))) o.root.style.top    = "0px";
    if (!o.hmode && isNaN(parseInt(o.root.style.right ))) o.root.style.right  = "0px";
    if (!o.vmode && isNaN(parseInt(o.root.style.bottom))) o.root.style.bottom = "0px";

    o.minX  = typeof minX != 'undefined' ? minX : null;
    o.minY  = typeof minY != 'undefined' ? minY : null;
    o.maxX  = typeof maxX != 'undefined' ? maxX : null;
    o.maxY  = typeof maxY != 'undefined' ? maxY : null;

    o.xMapper = fXMapper ? fXMapper : null;
    o.yMapper = fYMapper ? fYMapper : null;

    o.root.onDragStart  = new Function();
    o.root.onDragEnd  = new Function();
    o.root.onDrag  = new Function();
  },

  start : function(e)
  {
    var o = Drag.obj = this;
    e = Drag.fixE(e);
    var y = parseInt(o.vmode ? o.root.style.top  : o.root.style.bottom);
    var x = parseInt(o.hmode ? o.root.style.left : o.root.style.right );
    o.root.onDragStart(x, y);

    o.lastMouseX  = e.clientX;
    o.lastMouseY  = e.clientY;

    if (o.hmode) {
      if (o.minX != null)  o.minMouseX  = e.clientX - x + o.minX;
      if (o.maxX != null)  o.maxMouseX  = o.minMouseX + o.maxX - o.minX;
    } else {
      if (o.minX != null) o.maxMouseX = -o.minX + e.clientX + x;
      if (o.maxX != null) o.minMouseX = -o.maxX + e.clientX + x;
    }

    if (o.vmode) {
      if (o.minY != null)  o.minMouseY  = e.clientY - y + o.minY;
      if (o.maxY != null)  o.maxMouseY  = o.minMouseY + o.maxY - o.minY;
    } else {
      if (o.minY != null) o.maxMouseY = -o.minY + e.clientY + y;
      if (o.maxY != null) o.minMouseY = -o.maxY + e.clientY + y;
    }

    document.onmousemove  = Drag.drag;
    document.onmouseup  = Drag.end;

    return false;
  },

  drag : function(e)
  {
    e = Drag.fixE(e);
    var o = Drag.obj;

    var ey  = e.clientY;
    var ex  = e.clientX;
    var y = parseInt(o.vmode ? o.root.style.top  : o.root.style.bottom);
    var x = parseInt(o.hmode ? o.root.style.left : o.root.style.right );
    var nx, ny;

    if (o.minX != null) ex = o.hmode ? Math.max(ex, o.minMouseX) : Math.min(ex, o.maxMouseX);
    if (o.maxX != null) ex = o.hmode ? Math.min(ex, o.maxMouseX) : Math.max(ex, o.minMouseX);
    if (o.minY != null) ey = o.vmode ? Math.max(ey, o.minMouseY) : Math.min(ey, o.maxMouseY);
    if (o.maxY != null) ey = o.vmode ? Math.min(ey, o.maxMouseY) : Math.max(ey, o.minMouseY);

    nx = x + ((ex - o.lastMouseX) * (o.hmode ? 1 : -1));
    ny = y + ((ey - o.lastMouseY) * (o.vmode ? 1 : -1));

    if (o.xMapper)    nx = o.xMapper(y)
    else if (o.yMapper)  ny = o.yMapper(x)

    Drag.obj.root.style[o.hmode ? "left" : "right"] = nx + "px";
    Drag.obj.root.style[o.vmode ? "top" : "bottom"] = ny + "px";
    Drag.obj.lastMouseX  = ex;
    Drag.obj.lastMouseY  = ey;

    Drag.obj.root.onDrag(nx, ny);
    return false;
  },

  end : function()
  {
    document.onmousemove = null;
    document.onmouseup   = null;
    Drag.obj.root.onDragEnd(  parseInt(Drag.obj.root.style[Drag.obj.hmode ? "left" : "right"]), 
                  parseInt(Drag.obj.root.style[Drag.obj.vmode ? "top" : "bottom"]));
    Drag.obj = null;
  },

  fixE : function(e)
  {
    if (typeof e == 'undefined') e = window.event;
    if (typeof e.layerX == 'undefined') e.layerX = e.offsetX;
    if (typeof e.layerY == 'undefined') e.layerY = e.offsetY;
    return e;
  }
};
</script>
<!-- /rigvault/scripts/ypSimpleScrollC.js -->
<script type="text/javascript" >
/* =======================================================
* ypSimpleScroll
* 3/11/2001
* 
* http://www.youngpup.net/
* ======================================================= */

// Modified by Sergi Meseguer (www.zigotica.com) 04/2004
// Now it works with dragger and can use multiple instances in a page



ypSimpleScroll.prototype.scrollNorth = function(count) { this.startScroll(90, count) }
ypSimpleScroll.prototype.scrollSouth = function(count) { this.startScroll(270, count) }
ypSimpleScroll.prototype.scrollWest = function(count) { this.startScroll(180, count) }
ypSimpleScroll.prototype.scrollEast = function(count) { this.startScroll(0, count) }

ypSimpleScroll.prototype.startScroll = function(deg, count) {
  if (this.loaded){
    if (this.aniTimer) window.clearTimeout(this.aniTimer)
    this.overrideScrollAngle(deg)
    this.speed = this.origSpeed
    this.lastTime = (new Date()).getTime() - this.y.minRes
    this.aniTimer = window.setTimeout(this.gRef + ".scroll('"+deg+"','"+count+"')", this.y.minRes)
  }
}

ypSimpleScroll.prototype.endScroll = function() {
  if (this.loaded){
    window.clearTimeout(this.aniTimer)
    this.aniTimer = 0;
    this.speed = this.origSpeed
  }
}

ypSimpleScroll.prototype.overrideScrollAngle = function(deg) {
  if (this.loaded){
    deg = deg % 360
    if (deg % 90 == 0) {
      var cos = deg == 0 ? 1 : deg == 180 ? -1 : 0
      var sin = deg == 90 ? -1 : deg == 270 ? 1 : 0
    } 
    else {
      var angle = deg * Math.PI / 180
      var cos = Math.cos(angle)
      var sin = Math.sin(angle)
      sin = -sin
    }
    this.fx = cos / (Math.abs(cos) + Math.abs(sin))
    this.fy = sin / (Math.abs(cos) + Math.abs(sin))
    this.stopH = deg == 90 || deg == 270 ? this.scrollLeft : deg < 90 || deg > 270 ? this.scrollW : 0
    this.stopV = deg == 0 || deg == 180 ? this.scrollTop : deg < 180 ? 0 : this.scrollH
  }
}

ypSimpleScroll.prototype.overrideScrollSpeed = function(speed) {
  if (this.loaded) this.speed = speed
}


ypSimpleScroll.prototype.scrollTo = function(stopH, stopV, aniLen) {
  if (this.loaded){
    if (stopH != this.scrollLeft || stopV != this.scrollTop) {
      if (this.aniTimer) window.clearTimeout(this.aniTimer)
      this.lastTime = (new Date()).getTime()
      var dx = Math.abs(stopH - this.scrollLeft)
      var dy = Math.abs(stopV - this.scrollTop)
      var d = Math.sqrt(Math.pow(dx,2) + Math.pow(dy,2))
      this.fx = (stopH - this.scrollLeft) / (dx + dy)
      this.fy = (stopV - this.scrollTop) / (dx + dy)
      this.stopH = stopH
      this.stopV = stopV
      this.speed = d / aniLen * 1000
      window.setTimeout(this.gRef + ".scroll()", this.y.minRes)
    }
  }
}

ypSimpleScroll.prototype.jumpTo = function(nx, ny) { 
  if (this.loaded){
    nx = Math.min(Math.max(nx, 0), this.scrollW)
    ny = Math.min(Math.max(ny, 0), this.scrollH)
    this.scrollLeft = nx
    this.scrollTop = ny
    if (this.y.ns4)this.content.moveTo(-nx, -ny)
    else {
      this.content.style.left = -nx + "px"
      this.content.style.top = -ny + "px"
    }
  }
}

ypSimpleScroll.minRes = 10
ypSimpleScroll.ie = document.all ? 1 : 0
ypSimpleScroll.ns4 = document.layers ? 1 : 0
ypSimpleScroll.dom = document.getElementById ? 1 : 0
ypSimpleScroll.mac = navigator.platform == "MacPPC"
ypSimpleScroll.mo5 = document.getElementById && !document.all ? 1 : 0

ypSimpleScroll.prototype.scroll = function(deg,count) {
  this.aniTimer = window.setTimeout(this.gRef + ".scroll('"+deg+"','"+count+"')", this.y.minRes)
  var nt = (new Date()).getTime()
  var d = Math.round((nt - this.lastTime) / 1000 * this.speed)
  if (d > 0){
    var nx = d * this.fx + this.scrollLeft
    var ny = d * this.fy + this.scrollTop
    var xOut = (nx >= this.scrollLeft && nx >= this.stopH) || (nx <= this.scrollLeft && nx <= this.stopH)
    var yOut = (ny >= this.scrollTop && ny >= this.stopV) || (ny <= this.scrollTop && ny <= this.stopV)
    if (nt - this.lastTime != 0 && 
      ((this.fx == 0 && this.fy == 0) || 
      (this.fy == 0 && xOut) || 
      (this.fx == 0 && yOut) || 
      (this.fx != 0 && this.fy != 0 && 
      xOut && yOut))) {
      this.jumpTo(this.stopH, this.stopV)
      this.endScroll()
    }
    else {
      this.jumpTo(nx, ny)
      this.lastTime = nt
    }
  // (zgtc) now we also update dragger position:
  if(deg=='270')  theThumb[count].style.top = parseInt(((theThumb[count].maxY-theThumb[count].minY)*this.scrollTop/this.stopV)+theThumb[count].minY) + "px"; //ok nomes down
  if(deg=='90')  theThumb[count].style.top = parseInt(((theThumb[count].maxY-theThumb[count].minY)*this.scrollTop/this.scrollH)+theThumb[count].minY) + "px"; //ok nomes down
  }
}

function ypSimpleScroll(id, left, top, width, height, speed) {
  var y = this.y = ypSimpleScroll
  if (document.layers && !y.ns4) history.go(0)
  if (y.ie || y.ns4 || y.dom) {
    this.loaded = false
    this.id = id
    this.origSpeed = speed
    this.aniTimer = false
    this.op = ""
    this.lastTime = 0
    this.clipH = height
    this.clipW = width
    this.scrollTop = 0
    this.scrollLeft = 0
    this.gRef = "ypSimpleScroll_"+id
    eval(this.gRef+"=this")
    var d = document
    d.write('<style type="text/css">')
    d.write('#' + this.id + 'Container { left:' + left + 'px; top:' + top + 'px; width:' + width + 'px; height:' + height + 'px; clip:rect(0 ' + width + ' ' + height + ' 0); overflow:hidden; }')
    d.write('#' + this.id + 'Container, #' + this.id + 'Content { position:absolute; }')
    d.write('#' + this.id + 'Content { left:' + (-this.scrollLeft) + 'px; top:' + (-this.scrollTop) + 'px; width:' + width + 'px; }')
    // (zgtc) fix to overwrite p/div/ul width (would be clipped if wider than scroller in css):
    d.write('#' + this.id + 'Container p, #' + this.id + 'Container div {width:' + parseInt(width-10) + 'px; }')
    d.write('</style>')
  }
}

ypSimpleScroll.prototype.load = function() {
  var d, lyrId1, lyrId2
  d = document
  lyrId1 = this.id + "Container"
  lyrId2 = this.id + "Content"
  this.container = this.y.dom ? d.getElementById(lyrId1) : this.y.ie ? d.all[lyrId1] : d.layers[lyrId1]
  this.content = obj2 = this.y.ns4 ? this.container.layers[lyrId2] : this.y.ie ? d.all[lyrId2] : d.getElementById(lyrId2)
  this.docH = Math.max(this.y.ns4 ? this.content.document.height : this.content.offsetHeight, this.clipH)
  this.docW = Math.max(this.y.ns4 ? this.content.document.width : this.content.offsetWidth, this.clipW)
  this.scrollH = this.docH - this.clipH
  this.scrollW = this.docW - this.clipW
  this.loaded = true
  this.scrollLeft = Math.max(Math.min(this.scrollLeft, this.scrollW),0)
  this.scrollTop = Math.max(Math.min(this.scrollTop, this.scrollH),0)
  this.jumpTo(this.scrollLeft, this.scrollTop)
}
</script>
<!-- /rigvault/scripts/scroller.js -->
<script type="text/javascript">


// ==============================================================
// HANDLES SCROLLER/S
// Modified from Aaron Boodman http://webapp.youngpup.net/?request=/components/ypSimpleScroll.xml
// mixed ypSimpleScroll with dom-drag script and allowed multiple scrolelrs through array instances
// (c)2004 Sergi Meseguer (http://zigotica.com/), 04/2004:
// ==============================================================
var theHandle = []; var theRoot = []; var theThumb = []; var theScroll = []; var thumbTravel = []; var ratio = [];

function instantiateScroller(count, id, left, top, width, height, speed){
  if(document.getElementById) {
    theScroll[count] = new ypSimpleScroll(id, left, top, width, height, speed);
  }
}

function createDragger(count, handler, root, thumb, minX, maxX, minY, maxY){
    var buttons = '<div class="up" id="up'+count+'">'+
                  '<a href="#" onmouseover="theScroll['+count+'].scrollNorth(\''+count+'\')" '+
                  'onmouseout="theScroll['+count+'].endScroll()" onclick="return false;">'+
                  '<img src="/images/8.0/up.gif" width="15" height="15"></a></div>'+
                  '<div class="dn"  id="dn'+count+'"">'+
                  '<a href="#" onmouseover="theScroll['+count+'].scrollSouth(\''+count+'\')" '+
                  'onmouseout="theScroll['+count+'].endScroll()" onclick="return false;">'+
                  '<img src="/images/8.0/down.gif" width="15"></a></div>'+
                  '<div class="thumb" id="'+thumb+'" style="left: 135px; top: 15px;">'+
                  '<img src="/images/8.0/thumb.gif" width="15" height="37"></div>';
    
    
    document.getElementById(root).innerHTML = buttons + document.getElementById(root).innerHTML;

    theRoot[count]   = document.getElementById(root);
    theThumb[count]  = document.getElementById(thumb);
    var thisup = document.getElementById("up"+count);
    var thisdn = document.getElementById("dn"+count);
    theThumb[count].style.left = parseInt(minX+15) + "px";
    thisup.style.left = parseInt(minX+15) + "px";
    thisdn.style.left = parseInt(minX+15) + "px";
    theThumb[count].style.border =0;
    theThumb[count].style.top = parseInt(minY) + "px";
    thisup.style.top = 0 + "px";
    thisdn.style.top = parseInt(minY+maxY) + "px";
    //thisdn.style.top = 15 + "px";

    theScroll[count].load();

    //Drag.init(theHandle[count], theRoot[count]); //not draggable on screen
    Drag.init(theThumb[count], null, minX+15, maxX+15, minY, maxY);
    
    // the number of pixels the thumb can travel vertically (max - min)
    thumbTravel[count] = theThumb[count].maxY - theThumb[count].minY;

    // the ratio between scroller movement and thumbMovement
    ratio[count] = theScroll[count].scrollH / thumbTravel[count];

    theThumb[count].onDrag = function(x, y) {
      theScroll[count].jumpTo(null, Math.round((y - theThumb[count].minY) * ratio[count]));
    }
}  

// INITIALIZER:
// ==============================================================
// ala Simon Willison http://simon.incutio.com/archive/2004/05/26/addLoadEvent
function addLoadEvent(fn) {
      var old = window.onload;
      if (typeof window.onload != 'function') {
         window.onload = fn;
      }
      else {
         window.onload = function() {
         old();
         fn();
         }
      }
   }
addLoadEvent(function(){
    if(theScroll.length>0) {
    for(var i=0;i<theScroll.length;i++){
//      createDragger(i, "handle"+i, "root"+i, "thumb"+i, theScroll[i].clipW, theScroll[i].clipW, 15, theScroll[i].clipH-15);
    }
  }
}) 
</script>
<script type="text/javascript">
  instantiateScroller(0, "scroll1", 7, 0, 890, 590, 150);

  instantiateScroller(0, "scroll0", 7, 0, 690, 550, 150);
</script>
<link rel="stylesheet" type="text/css" href="/animtools/chrometheme/chromestyle5.css" />
<script type="text/javascript" src="/animtools/chromejs/chrome.js">

/***********************************************
* Chrome CSS Drop Down Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

</HEAD>

<script type="text/javascript">

/***********************************************
* Cool DHTML tooltip script II- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

var offsetfromcursorX=12 //Customize x offset of tooltip
var offsetfromcursorY=10 //Customize y offset of tooltip

var offsetdivfrompointerX=10 //Customize x offset of tooltip DIV relative to pointer image
var offsetdivfrompointerY=14 //Customize y offset of tooltip DIV relative to pointer image. Tip: Set it to (height_of_pointer_image-1).

document.write('<div id="dhtmltooltip" class="txtStandard font10"></div>') //write out tooltip DIV

var ie=document.all
var ns6=document.getElementById && !document.all
var enabletip=false
if (ie||ns6)
var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""

var pointerobj=document.all? document.all["dhtmlpointer"] : document.getElementById? document.getElementById("dhtmlpointer") : ""

function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function ddrivetip(thetext, thewidth, thecolor){
if (ns6||ie){
if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
tipobj.innerHTML=thetext
enabletip=true
return false
}
}

function positiontip(e){
if (enabletip){
var nondefaultpos=false
var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
//Find out how close the mouse is to the corner of the window
var winwidth=ie&&!window.opera? ietruebody().clientWidth : window.innerWidth-20
var winheight=ie&&!window.opera? ietruebody().clientHeight : window.innerHeight-20

var rightedge=ie&&!window.opera? winwidth-event.clientX-offsetfromcursorX : winwidth-e.clientX-offsetfromcursorX
var bottomedge=ie&&!window.opera? winheight-event.clientY-offsetfromcursorY : winheight-e.clientY-offsetfromcursorY

var leftedge=(offsetfromcursorX<0)? offsetfromcursorX*(-1) : -1000

//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<tipobj.offsetWidth){
//move the horizontal position of the menu to the left by it's width
tipobj.style.left=curX-tipobj.offsetWidth+"px"
nondefaultpos=true
}
else if (curX<leftedge)
tipobj.style.left="5px"
else{
//position the horizontal position of the menu where the mouse is positioned
tipobj.style.left=curX+offsetfromcursorX-offsetdivfrompointerX+"px"
pointerobj.style.left=curX+offsetfromcursorX+"px"
}

//same concept with the vertical position
if (bottomedge<tipobj.offsetHeight){
tipobj.style.top=curY-tipobj.offsetHeight-offsetfromcursorY+"px"
nondefaultpos=true
}
else{
tipobj.style.top=curY+offsetfromcursorY+offsetdivfrompointerY+"px"
pointerobj.style.top=curY+offsetfromcursorY+"px"
}
tipobj.style.visibility="visible"
if (!nondefaultpos)
pointerobj.style.visibility="visible"
else
pointerobj.style.visibility="hidden"
}
}

function hideddrivetip(){
if (ns6||ie){
enabletip=false
tipobj.style.visibility="hidden"
pointerobj.style.visibility="hidden"
tipobj.style.left="-1000px"
tipobj.style.backgroundColor=''
tipobj.style.width=''
}
}

document.onmousemove=positiontip

</script>
<center>
<%




pageSection=request.QueryString("pageSection")
sAction=request.querystring("navaction")
rAction=request.querystring("action")
CharID=request.querystring("CharID")
detailID=request.querystring("detailID")
StartDBConnection()
strSQL=""
strSQL = "SELECT * FROM tableCharacter  where pk_charID='" & charID & "' order by stage"
rsRecords.Open strSQL, dbConnect, adOpenKeyset, adLockOptimistic

strImageDir=Session("softwarePlatform")
if(len(strImageDir)=0 or isNull(strImageDir)) then
  strImageDir="Mac"
end if

if(pageSection="" or isNull(pageSection)) then
%>
<table width='100%'  height='100%' cellpadding="0" cellspacing="0" border="0">
  <tr >
    <td bgcolor="#ffffff">&nbsp;</td>
    <td width=18 align="right" background='/images/8.0/bdrop_L_shadow.jpg'>&nbsp;</td>
    <td valign='top' width='80%'>
       <table width='100%' border=0 cellpadding="0" cellspacing="0">
       <tr height="10">
         <td align='center' valign='top'>
         
         <!--#include virtual="/mainnav.asp"-->	
         
		  </td>
	   </tr>
       
       <tr>
         <td align="center" valign='top'>

               <!-- NOTES GO HERE !!!!! -->
               <%
			   
			    intUserType=getVaultPermissions
	strSQL=""
		
				showCharBar
'			else
		
'subType="vault"
'				
			
'			end if
			   
			   %>


         </td>
       </tr>
      

       </table>
       
    </td>
  
    <td width=18  background='/images/8.0/bdrop_R_shadow.jpg'>&nbsp;</td>
       <td bgcolor="#ffffff">&nbsp;</td>

  </tr>  
</table>


<%
else
  showContent
end if

sub showUpgrade
response.write("<div style='top:10px;position:relative;float:left;left:10px;width:712px;'>")
startSkillsShadowBox("600")

doForm=true
sAction=request.querystring("action")
subdays=request.Form("subdays")


strAccessType=request.querystring("accessType")
if(strAccessType="vault") then
subType="vault"
end if
subscriberID=request.Form("subscriberID")
refID=request.Form("refID")
selFound=request.Form("selFound")
discountCode=request.form("discountCode")
boolNew=request.Form("ig_checkNew")
email=request.form("email")
emailconfirm=request.form("emailconfirm")
password=request.form("password")
passwordconfirm=request.form("passwordconfirm")
strSubDescr="Get Skills"

strItemNum="100"
dupUser=false
discount=1
baseRate=50
addOn=0
if(subdays=60) then 
discount=.7
end if
if(subdays=90) then 
discount=.54
end if
if(subdays=180) then 
discount=.38
end if
if(subdays=360) then 
discount=.26
end if

if(subType="vault") then
strItemNum="300"
 discount=1
 baseRate=25
 strSubDescr="Anim-Mates Library"

 if(subdays>1000) then
	strItemNum="400"
   subdays=subdays/100
   baseRate=15
   strSubDescr="Anim-Mates Library & NO Tools"

 end if
 if(subdays<30) then
	strItemNum="500"
   subdays=subdays*10
   baseRate=15
   addOn=220
   strSubDescr="Anim-Mates Library & Permanent Tools"

 end if

end if
if(subType="atools") then
strItemNum="200"
 discount=1
 baseRate=10
if(subdays="999") then
baseRate=220
end if
strSubDescr="Tools for Animators"

end if
invalid=""

%>

<%
if(sAction="joinpay") then

StartDBConnection()
strSQL = "SELECT * FROM FORUM_MEMBERS where M_NAME='" & subscriberID & "'"
rsRecords.Open strSQL, dbConnect, adOpenKeyset, adLockOptimistic
'If this is a new user check to see if it's a valid name and create the new member

if(false) then

else

currExpire=rsRecords.fields("vaultExpire")

	If not(rsRecords.EOF) Then
		if(rsRecords.fields("returnSubscriber")=1 AND subdays=30 AND subType="skills") then
			baseRate=30
		else
			EndDBConnection()
			StartDBConnection()
			strSQL = "SELECT * FROM tableDiscount where discountCode='" & discountCode & "'"
			rsRecords.Open strSQL, dbConnect, adOpenKeyset, adLockOptimistic
			If not(rsRecords.EOF) Then
				discount=discount*rsRecords.Fields("discount")
				
			end if
			doForm=false
			strTotal=subdays*1/30*baseRate*discount+addOn
			strTotal=round(strTotal,2)
			if(strTotal>0) then
				response.write("Connecting to payment processing...<br>")
				response.write("<form target='_blank' name=verifyForm action='https://www.paypal.com/cgi-bin/webscr' method='post'>")
				response.write("<input type='hidden' name='cmd' value='_xclick'>")
				response.write("<input type='hidden' name='business' value='admin@animationrigs.com'>")
				response.write("<input type='hidden' name='item_name' value='Animationrigs.com " & strSubDescr & " Subscription'>")
				response.write("<input type='hidden' name='item_number' value='" & strItemNum & "'>")
				response.write("<input type='hidden' name='no_shipping' value='1'>")
				response.write("<input type='hidden' name='currency_code' value='USD'>")
				response.write("<input type='hidden' name='amount' value='" & strTotal & "'>") '
				response.write("<input type='hidden' name='rm' value='2'>")
				response.write("<input type='hidden' name='invoice' value='" & createUniqueID & "'>")
				response.write("<input type='hidden' name='custom' value='" & selFound & "'>")
				response.write("<input type='hidden' name='return' value='http://www.animationrigs.com'>")
				response.write("<input type='hidden' name='notify_url' value='http://www.animationrigs.com/payVerify.asp?subscriberID=" & subscriberID & "&refID=" & refID & "&subdays=" & subdays & "&selFound=" & selFound & "&subtype=" & subType & "'>")
				response.write("</form>")
				response.write("<script>document.verifyForm.submit()</script>")
				response.write("<br>Once your payment has been processed your account will automatically be updated to allow access to the Character Library. If you have submitted payment and your account is not active within an hour, please email support@animationrigs.com and we will make sure your account is setup properly.")
			else
			  if(discountCode="AMVAULT09") then
				Response.write("Activating account...")
				
				if(isNull(currExpire) or (currExpire<now())) then
					currExpire=now()
				end if
				rsRecords.close   
				StartDBConnection()
				strNewExpire=DateAdd("d",30,currExpire)
				strSQL= "UPDATE FORUM_MEMBERS Set vaultExpire='" & strNewExpire & "', fk_companyID = 1 WHERE (M_NAME = '" & subscriberID & "')"
	response.write(strSQL)
				sendDebugMail(strSQL)
	  		    rsRecords.Open strSQL, dbConnect, adOpenKeyset, adLockOptimistic
			  end if
			end if
		end if
	  else
				response.write("<tr><td><center><br><table border=2 bordercolor='#FF2200'><tr><td>It appears as though you are trying to subscribe without first having created a user account in our forums. <br> In order to ensure proper account activation please register in our forums:  <br><a href='http://www.animationrigs.com/snitz/policy.asp' target='_blank' class='LitLink'><center>REGISTER NOW</a></td></tr></table><br></td></tr>")	  
			 response.end()
		end if
	end if
end if

if(doForm) then
if(subType="vault") then
%><br>

<font class="fnt_colorFade fnt_standard">
&nbsp;&nbsp;&nbsp;&nbsp;This portion of the site is available to Anim-Mates Library members only (registered users who have paid for an "Anim-Mates" subscription).  If you would like to upgrade your subscription to include Anim-Mates characters and have access to our entire library of Character Rigs, please select your subscription length below.<br><br>
Notes on pricing:<br>
<li> A standard Anim-Mates subscription includes "Tools for Animators" in order to provide such features and tools as prebuilt pose libraries, mirroring, selection, snapping etc. <br>  
<li>You may elect to save money over time by selecting a permanent tools subscription.
<li>If you do not want tools, and understand various features of the rigs and the Anim-Mates library may not be available to you,  you may select the "No Tools" subscription.<br><br>

***If you are already a "Tools for Animators" subscriber, please be sure to select the no tools option.<br />

<%   
else
%>

<font class="fnt_standard">
Use the form below to pay fast and easy online and start right away.  Simply enter your Animationrigs.com UserID Below and select your subscription length. When you pay, your account should automatically be activated, however it is possible that it may take longer.  Please allow up to 12 hours for account activation.  If your account is not active with 12 hours please email support@animationrigs.com for further assitance.
<%
end if
%>

<form name='frmPay' action="animmates.asp?subnav=subscribe&action=joinpay" method="post">
<table width='90%'>
<Tr><td colspan="2"><font class="fnt_standard">If you are a current subscriber or have already registered in our forums please enter your current active userID. Otherwise please check the new member box and fill in your desired userID and password.</td></Tr>

<tr>
  <td><strong>Your userID:</strong>
  </td>
  
  <td><input name="subscriberID" type='text' value='<%=subscriberID%>' />
  <%
    if(invalid="user") then
      Response.write("<br><font color='#dd1111'>User ID already in use, please select an alternate</font>")
    end if
  %>
  </td>
</tr>

<tr>
  <td><strong>Discount Code:</strong><br/>
     <font size="-1"> Enter any additional discount codes you may have received</font>
  </td>
  <td><input name="discountCode" type='text' />
  </td>
</tr>
<tr>
  <td><strong>Length of subscription:</strong>
  </td>
  <td>
  <%
 
  if(subType="vault") then
  %>
  <select name="subdays">
        <option default value ="30">30 days - $25</option>
        <option value ="60">60 days - $50</option>
        <option value ="90">90 days - $75</option>
        <option value ="180">180 days - $132 </option>
        <option value ="3">30 days PERMANENT TOOLS - $235</option>
        <option value ="6">60 days  PERMANENT TOOLS - $250</option>
        <option value ="9">90 days  PERMANENT TOOLS - $265</option>
        <option value ="18">180 days  PERMANENT TOOLS - $310 </option>
        <option value ="3000">30 days NO TOOLS - $15</option>
        <option value ="6000">60 days  NO TOOLS - $30</option>
        <option value ="9000">90 days  NO TOOLS - $45</option>
        <option value ="18000">180 days  NO TOOLS - $90 </option>
      </select>
   </td>
  <%
  elseif(subType="atools") then
    %>
  <select name="subdays">
        <option default value ="30">30 days - $12</option>
        <option value ="60">60 days - $24</option>
        <option value ="90">90 days - $36</option>
        <option value ="180">180 days - $66</option>
        <option value ="360">360 days - $120</option>
      </select>
  <%
  else
      %>
  <select name="subdays">
        <option default value ="30">30 days ($50 new/$30 return subscribers)</option>
        <option value ="60">60 days for $70</option>
        <option value ="90">90 days for $81</option>
        <option value ="180">180 days for $114</option>
        <option value ="360">360 days for $156</option>
      </select>
  <%
  end if
  %>
    </td>
</tr>
<tr>
<td colspan="2">
<center><br>
<a href="javascript:document.frmPay.submit()" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('btnpay','','../images/6.0/upgradenow_ovr.jpg',1)"><img  name="btnpay"  src="../images/6.0/upgradenow.jpg"></a><br><br>
<img  src="../images/6.0/paytype.jpg">
<br>
	</center>
</form>
</td>
</tr>
</table>


	
<%

response.write("<script>enableNew()</script>")
end if
endSkillsShadowBox("600")
response.write("</div>")
end sub

sub showVault

  	if(sAction="collections") then
    	listChars
  	elseif(sAction="vmanual") then
	  showCharVideoManual
  	elseif(sAction="setup") then
	  showVaultInstall
  	elseif(sAction="upgrade") then
	  subType="vault"
	  showUpgrade
  	elseif(sAction="forums") then
	  showVaultForums
	else
		showChar
	end if

end sub

sub showCharBar

if(true) then
%>

<div style="top:10px;position:relative;float:left;left:10px;width:100%; min-width:1058;"  separateScripts="false" >
<div separateScripts="false">
<%
    StartDBConnection()
	strSQL=""
      strSQL = "SELECT * from tableCharacter where status='online' order by stage DESC,name"
	rsRecords.Open strSQL, dbConnect, adOpenKeyset, adLockOptimistic


	response.write("<table cellpadding='0' cellspacing='0' border=0 height='100%' width='99%'><tr height=5><td></td></tr><tr height=182><td width=20 background='/images/8.0/charbar_L_cap.jpg'></td><td align='center'  valign='middle' background='/images/8.0/charbar_vrtslice.jpg'>")
response.write("<div id='container'><div class='sliderchun'>")


  while not(rsRecords.EOF)
        response.write("<div class='section'>") 
   	    strCharIcon="/images/home/myReeIIcon_B.jpg"
		if(rsRecords.fields("iconFile")="" or isNull(rsRecords.fields("iconFile"))) then
		else
                strCharIcon="/images/8.0/mates//icons/" & rsRecords.fields("iconFile") & ".png"
		end if

		%>
         <table width=142 cellpadding="0" cellspacing="0">
         <tr height=144>
           <td valign="top" align="center">                       
<%
           response.write("<a target='amContentFrame' border='0' href='amContent.asp?navaction=detail&CharID=" &  rsRecords.fields("pk_charID") & "&Start=" & iStart & "&Offset=" & iOffset  & "'><img border=0 src='" & strCharIcon & "'></a>")
strBG="transparent"
%>
       
           <br>
<%
if(rsRecords.fields("stage")=4) then
%>
  <table  class='gtableGreen' cellpadding="0" cellspacing="0"><tr><td><font class="fnt_smallCap fnt_colorDark">&nbsp;<%=rsRecords.fields("name")%>&nbsp;</font></td></tr></table>
<%
else
%>           
          <table  class='gtableInActiveSq' cellpadding="0" cellspacing="0"><tr><td><font class="fnt_smallCap fnt_colorDark">&nbsp;<%=rsRecords.fields("name")%>&nbsp;</font></td></tr></table>
<%
end if
%>
           </td>
        </tr>

        </table>

        
        <%

		 response.write("</div>")
        rsRecords.MoveNext  
   wend
        response.write("</td><td background='/images/8.0/charbar_vrtslice.jpg'>")	  	
		

  response.write("</td><td width=20 background='/images/8.0/charbar_R_cap.jpg'></td></tr>")

	response.write("</table>")
	
	'sub menu bar please
	
		EndDBConnection()


end if 
%>
<br>
  
   
  
</div>
</div>
</div>
</div>
<%
end sub


%>
