
		menu0A = new Image
		menu0B = new Image
		menu1A = new Image
		menu1B = new Image
		menu2A = new Image
		menu2B = new Image
		menu3A = new Image
		menu3B = new Image
		menu4A = new Image
		menu4B = new Image
		menu5A = new Image
		menu5B = new Image
		menu6A = new Image
		menu6B = new Image
		menu7A = new Image
		menu7B = new Image
		facebook = new Image
		facebook2 = new Image
		myspace = new Image
		myspace2 = new Image
		language = new Image
		language2 = new Image
		tattoos = new Image
		tattoos2 = new Image
		piercings = new Image
		piercings2 = new Image

		menu0A.src = "images/menu0A.jpg"
		menu0B.src = "images/menu0B.jpg"
		menu1A.src = "images/menu1A.jpg"
		menu1B.src = "images/menu1B.jpg"
		menu2A.src = "images/menu2A.jpg"
		menu2B.src = "images/menu2B.jpg"
		menu3A.src = "images/menu3A.jpg"
		menu3B.src = "images/menu3B.jpg"
		menu4A.src = "images/menu4A.jpg"
		menu4B.src = "images/menu4B.jpg"
		menu5A.src = "images/menu5A.jpg"
		menu5B.src = "images/menu5B.jpg"
		menu6A.src = "images/menu6A.jpg"
		menu6B.src = "images/menu6B.jpg"
		menu7A.src = "images/menu7A.jpg"
		menu7B.src = "images/menu7B.jpg"
		facebook.src = "images/facebook.jpg"
		facebook2.src = "images/facebook2.jpg"
		myspace.src = "images/myspace.jpg"
		myspace2.src = "images/myspace2.jpg"
		language.src = "images/language.jpg"
		language2.src = "images/language2.jpg"
		tattoos.src = "images/tattoos.jpg"
		tattoos2.src = "images/tattoos2.jpg"
		piercings.src = "images/piercings.jpg"
		piercings2.src = "images/piercings2.jpg"



/*************************************************************************
Menu Mouse overs
*************************************************************************/


n = (document.layers) ? 1:0
ie = (document.all) ? 1:0

	function rollover(id, roll_class)
		{
				if(document.getElementById) { 
					moElement = document.getElementById(id);
					moElement.className = roll_class }
			if(n) document.layers[id].className = roll_class
			if(ie) document.all[id].className = roll_class
		}



/*************************************************************************
Scrolling messages at bottom
*************************************************************************/



message = "Welcome to Naga Tattoo - Chiang Mai, Thailand.^" +
"The Best Custom Tattoo Design & Artwork.^" +
"^"
scrollSpeed = 40
lineDelay = 4000
// Do not change the text below //
txt = ""
function scrollText(pos) {
if (message.charAt(pos) != '^') {
txt = txt + message.charAt(pos)
status = txt
pauze = scrollSpeed
}
else {
pauze = lineDelay
txt = ""
if (pos == message.length-1) pos = -1
}
pos++
setTimeout("scrollText('"+pos+"')",pauze)
}
// Unhide -->
scrollText(0)




/*************************************************************************
Language Rollover
*************************************************************************/



if(n){var sichtbar="show", unsichtbar="hide"}
if(ie){var sichtbar="visible", unsichtbar="hidden"}


var old = 'nothing';
var view = '';

	function rollon(view) 
		{
			if(old == view) {} else {
				if(document.getElementById) { 
					oldElement = document.getElementById(old);
					newElement = document.getElementById(view);
					oldElement.style.visibility = 'hidden';
					newElement.style.visibility = 'visible'; }
			if(n) { document.layers[old].visibility=unsichtbar;
					document.layers[view].visibility=sichtbar; }
			if(ie) { document.all[view].style.visibility=sichtbar;
					document.all[old].style.visibility=unsichtbar; } }
					old = view;
		}





/*************************************************************************
  This code is from Dynamic Web Coding at www.dyn-web.com
  Copyright 2001-5 by Sharon Paine 
  See Terms of Use at www.dyn-web.com/bus/terms.html
  regarding conditions under which you may use this code.
  This notice must be retained in the code as is!
*************************************************************************/

function initScrollers() {
  // arguments: id of layer that scrolls, width and height of scroller (of wn), 
  // number of items (including repeated 1st item), axis ("v" or "h")
  // set up pause/resume onmouseover/out? (true or false)  
  var scr = new dw_scroller('cnt', 667, 500, 7, "h", true);
  // adjust timing (defaults are set at 60, 5000)
  scr.setTiming(70, 000);  // speed, pause duration
}



/*
    pausing scroller - vertical or horizontal 
    version date: March 2005 (revised GeckoTableFix)
*/

// Arguments: id of content layer (inside wn), width and height of scroller (of wn, that is), 
// number of items (repeat 1st one at end!), axis ("v" or "h"),
// set up mouse events? (boolean)
function dw_scroller(id, w, h, num, axis, bMouse) {
    this.id=id; this.el = document.getElementById? document.getElementById(id): null; 
    if (!this.el) return; this.css = this.el.style; 
    this.css.left = this.x = 0; this.css.top = this.y = 0;
    this.w=w; this.h=h; this.num=num; this.axis=axis||"v"; 
    this.ctr=0; // pause onload (for large doc's, may want to set this to 1)
    this.pause=5000; this.speed=60; // defaults
    if (bMouse) dw_scrollers.setMouseEvents(this.el);
    this.lastTime = new Date().getTime(); this.check = 0;
    this.index = dw_scrollers.ar.length;  dw_scrollers.ar[this.index] = this;
    this.active = true;
}

dw_scroller.prototype.setTiming = function(speed, pause) {
    this.speed = speed; this.pause = pause;
}

dw_scroller.prototype.controlScroll = function() {
    if (this.ctr > this.num-1) {
        this.shiftTo(0, 0); this.ctr = 1;
    } else {
        switch (this.axis) {
            case "v" :
                if (this.y > -this.h * this.ctr) { 
                    var ny = this.y + -1 * this.elapsed/1000 * this.speed;
                    ny = Math.max(ny, -this.h * this.ctr);
                    this.shiftTo(0, ny);	
                } else this.doPause();
                break;
            case "h" :
                if (this.x > -this.w * this.ctr) { 
                    var nx = this.x + -1 * this.elapsed/1000 * this.speed;
                    nx = Math.max(nx, -this.w * this.ctr);
                    this.shiftTo(nx, 0);	
                } else this.doPause();
            break;
        }
    }
}

dw_scroller.prototype.doPause = function() {
    this.check += this.elapsed;
    if (this.check >= this.pause) { this.ctr++; this.check = 0; }
}

dw_scroller.prototype.shiftTo = function(x, y) {
    this.css.left = (this.x = x) + "px";
    this.css.top = (this.y = y) + "px";
}

////////////////////////////////////////////////////////////////////////////
// common to all scrollers (pausing or continuous, vertical or horizontal)
dw_scrollers = {};  
dw_scrollers.ar = []; // global access to all scroller instances

dw_scrollers.setMouseEvents = function(obj) {
    obj.onmouseover = dw_scrollers.halt;
    obj.onmouseout = dw_scrollers.resume;
}

dw_scrollers.halt = function() {
    var curObj;
    for (var i=0; curObj = dw_scrollers.ar[i]; i++) 
        if ( curObj.id == this.id ) { curObj.active = false; return; }
}

dw_scrollers.resume = function(e) {
    var curObj;
    for (var i=0; curObj = dw_scrollers.ar[i]; i++) {
        if ( curObj.id == this.id ) {
            e = e? e: window.event;
            var toEl = e.relatedTarget? e.relatedTarget: e.toElement;
            if ( this != toEl && !dw_contained(toEl, this) ) { 
                var now = new Date().getTime();
                curObj.elapsed = now - curObj.lastTime;
                curObj.lastTime = now; curObj.active = true; return; 
            }
        }
    }
}

// Handle all instances with one timer - idea from youngpup.net
dw_scrollers.timer = window.setInterval("dw_scrollers.control()", 10);
dw_scrollers.control = function() {
    var curObj;
    for (var i=0; curObj = dw_scrollers.ar[i]; i++) {
        if ( curObj.active ) {
            var now = new Date().getTime();
            curObj.elapsed = now - curObj.lastTime;
            curObj.lastTime = now; curObj.controlScroll();
        }
    }
}

// remove layers from table for ns6+/mozilla (needed for scrollers inside tables)
// pass id's of scrollers (i.e., div's that contain content that scrolls, usually wn, or wn1, ...)
dw_scrollers.GeckoTableFix = function() {
    var ua = navigator.userAgent;
    if ( ua.indexOf("Gecko") > -1 && ua.indexOf("Firefox") == -1 
        && ua.toLowerCase().indexOf("like gecko") == -1 ) {
        dw_scrollers.hold = []; // holds id's of wndo (i.e., 'the scroller') and its container
        for (var i=0; arguments[i]; i++) {
            var wndo = document.getElementById( arguments[i] );
            var holderId = wndo.parentNode.id;
            var holder = document.getElementById(holderId);
            document.body.appendChild( holder.removeChild(wndo) );
            wndo.style.zIndex = 1000;
            var pos = getPageOffsets(holder);
            wndo.style.left = pos.x + "px"; wndo.style.top = pos.y + "px";
            dw_scrollers.hold[i] = [ arguments[i], holderId ];
        }
        window.addEventListener("resize", dw_scrollers.rePosition, true);
    }
}

// ns6+/mozilla need to reposition layers onresize when scrollers inside tables.
dw_scrollers.rePosition = function() {
    if (dw_scrollers.hold) {
        for (var i=0; dw_scrollers.hold[i]; i++) {
            var wndo = document.getElementById( dw_scrollers.hold[i][0] );
            var holder = document.getElementById( dw_scrollers.hold[i][1] );
            var pos = getPageOffsets(holder);
            wndo.style.left = pos.x + "px"; wndo.style.top = pos.y + "px";
        }
    }
}

function getPageOffsets(el) {
    var left = el.offsetLeft;
    var top = el.offsetTop;
    if ( el.offsetParent && el.offsetParent.clientLeft || el.offsetParent.clientTop ) {
        left += el.offsetParent.clientLeft;
        top += el.offsetParent.clientTop;
    }
    while ( el = el.offsetParent ) {
        left += el.offsetLeft;
        top += el.offsetTop;
    }
    return { x:left, y:top };
}

// returns true if oNode is contained by oCont (container)
function dw_contained(oNode, oCont) {
  if (!oNode) return; // in case alt-tab away while hovering (prevent error)
  while ( oNode = oNode.parentNode ) if ( oNode == oCont ) return true;
  return false;
}

// avoid memory leak in ie
dw_scrollers.unHook = function() {
  var i, curObj;
  for (i=0; curObj = dw_scrollers.ar[i]; i++) {
    if ( curObj.el ) { 
      curObj.el.onmouseover = null;
      curObj.el.onmouseout = null;
      curObj.el = null;
    }
  }
}

if ( window.addEventListener ) window.addEventListener( "unload", dw_scrollers.unHook, true);
else if ( window.attachEvent ) window.attachEvent( "onunload", dw_scrollers.unHook );
