//
// DHTML Functions
//

function getObj(obj)
{	return document.getElementById(obj).style
}

function show(layr)
{	obj = getObj(layr)
	obj.visibility = "visible"
}

function hide(layr)
{	obj = getObj(layr)
	obj.visibility = "hidden"
}

function setTop(layr,num)
{	obj = getObj(layr)
	obj.top = num + "px"
}

function getHeight(layr)
{	return (document.getElementById(layr).offsetHeight)
}

function layerClip(layr,topA,rightA,bottomA,leftA)
{	obj = getObj(layr)
	obj.clip = "rect(" + topA + "px " + rightA + "px " + bottomA + "px " + leftA + "px)"
}

// Main Navgation

m1_curr = new Array(5)
m1_curr_hover = new Array(5)
m1_link = new Array(5)
m1_link_hover = new Array(5)

for (i=0;i<5;i++)
{	m1_curr[i] = new Image
	m1_curr_hover[i] = new Image
	m1_link[i] = new Image
	m1_link_hover[i] = new Image
}
	
m1_curr[0].src = "img/m1_about_curr.gif"
m1_curr_hover[0].src = "img/m1_about_curr_hover.gif"
m1_link[0].src = "img/m1_about_link.gif"
m1_link_hover[0].src = "img/m1_about_link_hover.gif"

m1_curr[1].src = "img/m1_tracks_curr.gif"
m1_curr_hover[1].src = "img/m1_tracks_curr_hover.gif"
m1_link[1].src = "img/m1_tracks_link.gif"
m1_link_hover[1].src = "img/m1_tracks_link_hover.gif"

m1_curr[2].src = "img/m1_info_curr.gif"
m1_curr_hover[2].src = "img/m1_info_curr_hover.gif"
m1_link[2].src = "img/m1_info_link.gif"
m1_link_hover[2].src = "img/m1_info_link_hover.gif"

m1_curr[3].src = "img/m1_purchase_curr.gif"
m1_curr_hover[3].src = "img/m1_purchase_curr_hover.gif"
m1_link[3].src = "img/m1_purchase_link.gif"
m1_link_hover[3].src = "img/m1_purchase_link_hover.gif"

m1_curr[4].src = "img/m1_contact_curr.gif"
m1_curr_hover[4].src = "img/m1_contact_curr_hover.gif"
m1_link[4].src = "img/m1_contact_link.gif"
m1_link_hover[4].src = "img/m1_contact_link_hover.gif"


function menuRoll(which,status)
{	img = new Image

	if (status == "curr") img = m1_curr[which]
	if (status == "curr_hover") img = m1_curr_hover[which]
	if (status == "link") img = m1_link[which]
	if (status == "link_hover") img = m1_link_hover[which]
	
	document.getElementById("menu" + which).setAttribute("src",img.src)
}


s1_info_curr = new Array(5)
s1_info_curr_hover = new Array(5)
s1_info_link = new Array(5)
s1_info_link_hover = new Array(5)

for (i=0;i<5;i++)
{	s1_info_curr[i] = new Image
	s1_info_curr_hover[i] = new Image
	s1_info_link[i] = new Image
	s1_info_link_hover[i] = new Image
}
	
s1_info_curr[0].src = "img/m1_info_curr.gif"
s1_info_curr_hover[0].src = "img/m1_info_curr_hover.gif"
s1_info_link[0].src = "img/m1_info_link.gif"
s1_info_link_hover[0].src = "img/m1_info_link_hover.gif"

s1_info_curr[1].src = "img/s1_info_front_curr.gif"
s1_info_curr_hover[1].src = "img/s1_info_front_curr_hover.gif"
s1_info_link[1].src = "img/s1_info_front_link.gif"
s1_info_link_hover[1].src = "img/s1_info_front_link_hover.gif"

s1_info_curr[2].src = "img/s1_info_back_curr.gif"
s1_info_curr_hover[2].src = "img/s1_info_back_curr_hover.gif"
s1_info_link[2].src = "img/s1_info_back_link.gif"
s1_info_link_hover[2].src = "img/s1_info_back_link_hover.gif"

function sidenavInfoRoll(which,status)
{	img = new Image

	if (status == "curr") img = s1_info_curr[which]
	if (status == "curr_hover") img = s1_info_curr_hover[which]
	if (status == "link") img = s1_info_link[which]
	if (status == "link_hover") img = s1_info_link_hover[which]
	
	document.getElementById("sidenav" + which).setAttribute("src",img.src)
}




var upArrowX1 = 435
var upArrowY1 = 149
var upArrowX2 = 447
var upArrowY2 = 161

var downArrowX1 = 435
var downArrowY1 = 533
var downArrowX2 = 447
var downArrowY2 = 545

var blockX1 = 437
var blockY1 = 168
var blockW = 9
var blockH = 29
var blockMinY = 168
var blockMaxY = 500

var contetnX1 = 110
var contentY1 = 150
var contentW = 310
var contentH = 375

//
// Scrolling Functions
//

var dragging = false
var downArrow = false
var upArrow = false

var x = 0
var y = 0

var scrollAmount = 3


function initScroll()
{	document.onmousedown = mouseDown
	document.onmousemove = mouseMove
	document.onmouseup = mouseUp
	
	cA = setInterval("checkArrows()",10)
}

function getLocation(evt)
{	if (!evt) 
	{	evt = window.event
	}
    if (evt.pageX || evt.pageY)
    {	x = evt.pageX
		y = evt.pageY
    }
    else if (evt.clientX || evt.clientY)
    {	x = evt.clientX + document.body.scrollLeft
		y = evt.clientY + document.body.scrollTop
    }
}

function mouseDown(e)
{	getLocation(e)
		
	if ((x >= blockX1) && (x <= (blockX1 + blockW)) && (y >= blockY1) && (y <= (blockY1 + blockH)))
	{	diffY = y - blockY1
		dragging = true
		return false
	}
	
	else if ((x >= downArrowX1) && (x <= downArrowX2) && (y >= downArrowY1) && (y <= downArrowY2))
	{	downArrow = true
		show("arrowDown")
		return false
	}
	
	else if ((x >= upArrowX1) && (x <= upArrowX2) && (y >= upArrowY1) && (y <= upArrowY2))
	{	upArrow = true
		show("arrowUp")
		return false
	}
}

function mouseMove(e)
{	getLocation(e)
	if (dragging)
	{	blockY1 = y - diffY
		moveContent()
		return false
	}
}

function mouseUp(e)
{	dragging = false
	downArrow = false
	upArrow = false
	hide("arrowUp")
	hide("arrowDown")
}

function checkArrows()
{	if (downArrow)
	{	blockY1 += scrollAmount
	}
	if (upArrow)
	{	blockY1 -= scrollAmount
	}
	moveContent()
}

function moveContent()
{	if (blockY1 < blockMinY)
	{	blockY1 = blockMinY
	}
	if (blockY1 > blockMaxY)
	{	blockY1 = blockMaxY
	}
		
	setTop("block",blockY1)
	
	difference = getHeight("content") - contentH
	increment = (difference / (blockMaxY - blockMinY))
	
	if (difference > 0)
	{	setTop("content", (contentY1 - ((blockY1 - blockMinY) * increment)))
		topClip = 0 + (blockY1 - blockMinY) * increment
		botClip = contentH + (blockY1 - blockMinY) * increment
		layerClip("content",topClip,contentW,botClip,0)
	}
}