/***********************************************
* CMotion Image Gallery II- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for source code
* Modified by jscheuer1 for vertical orientation, at http://www.dynamicDrive.com/forums
***********************************************/

var restarea=6 //1) width of the "neutral" area in the center of the gallery in px
var maxspeed=7 //2) top scroll speed in pixels. Script auto creates a range from 0 to top speed.
var endofgallerymsg="" //3) message to show at end of gallery. Enter "" to disable message.

function enlargeimage(path, optWidth, optHeight){ //function to enlarge image. Change as desired.
var actualWidth=typeof optWidth!="undefined" ? optWidth : "600px" //set 600px to default width
var actualHeight=typeof optHeight!="undefined" ? optHeight : "500px" //set 500px to  default height
var winattributes="width="+actualWidth+",height="+actualHeight+",resizable=yes"
window.open(path,"", winattributes)
}

////NO NEED TO EDIT BELOW THIS LINE////////////

var iedom=document.all||document.getElementById
var scrollspeed=0
var movestate=""

var actualheight=''
var cross_scroll
var loadedyes=0

function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function creatediv(){
statusdiv=document.createElement("div")
statusdiv.setAttribute("id","statusdiv")
document.body.appendChild(statusdiv)
statusdiv=document.getElementById("statusdiv")
statusdiv.innerHTML=endofgallerymsg
}

function positiondiv(){
menuwidth=parseInt(crossmain.offsetWidth)
mainobjoffsetW=getposOffset(crossmain, "left")
statusdiv.style.left=mainobjoffsetW+(menuwidth/2)-(statusdiv.offsetWidth/2)+"px"
statusdiv.style.top=menu_height+mainobjoffset+10+"px"
}

function showhidediv(what){
if (endofgallerymsg!="")
statusdiv.style.visibility=what
}

function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft: what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}


function moveup(){
if (loadedyes){
movestate="up"
if (iedom&&parseInt(cross_scroll.style.top)>(menu_height-actualheight)){
cross_scroll.style.top=parseInt(cross_scroll.style.top)-scrollspeed+"px"
showhidediv("hidden")
}
else
showhidediv("visible")
}
uptime=setTimeout("moveup()",10)
}

function movedown(){
if (loadedyes){
movestate="down"
if (iedom&&parseInt(cross_scroll.style.top)<0){
cross_scroll.style.top=parseInt(cross_scroll.style.top)+scrollspeed+"px"
showhidediv("hidden")
}
else
showhidediv("visible")
}
downtime=setTimeout("movedown()",10)
}

function motionengine(e){
var dsocx=(window.pageXOffset)? pageXOffset: ietruebody().scrollLeft;
var dsocy=(window.pageYOffset)? pageYOffset : ietruebody().scrollTop;
var curposy=window.event? event.clientY : e.clientY? e.clientY: ""
curposy-=mainobjoffset-dsocy
var leftbound=(menu_height-restarea)/2
var rightbound=(menu_height+restarea)/2
if (curposy>rightbound){
scrollspeed=(curposy-rightbound)/((menu_height-restarea)/2) * maxspeed
if (window.downtime) clearTimeout(downtime)
if (movestate!="up") moveup()
}
else if (curposy<leftbound){
scrollspeed=(leftbound-curposy)/((menu_height-restarea)/2) * maxspeed
if (window.uptime) clearTimeout(uptime)
if (movestate!="down") movedown()
}
else
scrollspeed=0
}

function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function stopmotion(e){
if ((window.event&&!crossmain.contains(event.toElement)) || (e && e.currentTarget && e.currentTarget!= e.relatedTarget && !contains_ns6(e.currentTarget, e.relatedTarget))){
if (window.downtime) clearTimeout(downtime)
if (window.uptime) clearTimeout(uptime)
movestate=""
}
}

function fillup(){
if (iedom){
crossmain=document.getElementById? document.getElementById("motioncontainer") : document.all.motioncontainer
menu_height=parseInt(crossmain.style.height)
mainobjoffset=getposOffset(crossmain, "top")
cross_scroll=document.getElementById? document.getElementById("motiongallery") : document.all.motiongallery
actualheight=cross_scroll.offsetHeight

crossmain.onmousemove=function(e){
motionengine(e)
}

crossmain.onmouseout=function(e){
stopmotion(e)
showhidediv("hidden")
}
}
if (window.opera){
cross_scroll.style.top=menu_height-actualheight+'px'
setTimeout('cross_scroll.style.top=0', 10)
}
loadedyes=1
if (endofgallerymsg!=""){
creatediv()
positiondiv()
}
}
/***********************************************

* CMotion Image Gallery II- © Dynamic Drive DHTML code library (www.dynamicdrive.com)

* Visit http://www.dynamicDrive.com for source code

* Modified by jscheuer1 for vertical orientation, at http://www.dynamicDrive.com/forums

***********************************************/



var restarea2=6 //1) width of the "neutral" area in the center of the gallery in px

var maxspeed2=7 //2) top scroll speed in pixels. Script auto creates a range from 0 to top speed.

var endofgallerymsg2="" //3) message to show at end of gallery. Enter "" to disable message.



function enlargeimage2(path, optWidth, optHeight){ //function to enlarge image. Change as desired.

var actualWidth2=typeof optWidth!="undefined" ? optWidth : "600px" //set 600px to default width

var actualHeight2=typeof optHeight!="undefined" ? optHeight : "500px" //set 500px to  default height

var winattributes2="width="+actualWidth2+",height="+actualHeight2+",resizable=yes"

window.open(path,"", winattributes2)

}



////NO NEED TO EDIT BELOW THIS LINE////////////



var iedom2=document.all||document.getElementById

var scrollspeed2=0

var movestate2=""



var actualHeight2=''

var cross_scroll2

var loadedyes2=0



function ietruebody2(){

return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body

}



function creatediv2(){

statusdiv2=document.createElement("div")

statusdiv2.setAttribute("id","statusdiv2")

document.body.appendChild(statusdiv2)

statusdiv2=document.getElementById("statusdiv2")

statusdiv2.innerHTML=endofgallerymsg2

}



function positiondiv2(){

menuwidth2=parseInt(crossmain2.offsetWidth)

mainobjoffsetW2=getposOffset2(crossmain2, "left")

statusdiv2.style.left=mainobjoffsetW2+(menuwidth2/2)-(statusdiv2.offsetWidth/2)+"px"

statusdiv2.style.top=menu_height2+mainobjoffset2+10+"px"

}



function showhidediv2(what2){

if (endofgallerymsg2!="")

statusdiv2.style.visibility=what2

}



function getposOffset2(what2, offsettype2){

var totaloffset2=(offsettype2=="left")? what2.offsetLeft: what2.offsetTop;

var parentEl2=what2.offsetParent;

while (parentEl2!=null){

totaloffset2=(offsettype2=="left")? totaloffset2+parentEl2.offsetLeft : totaloffset2+parentEl2.offsetTop;

parentEl2=parentEl2.offsetParent;

}

return totaloffset2;

}





function moveup2(){

if (loadedyes2){

movestate2="up"

if (iedom2&&parseInt(cross_scroll2.style.top)>(menu_height2-actualHeight2)){

cross_scroll2.style.top=parseInt(cross_scroll2.style.top)-scrollspeed2+"px"

showhidediv2("hidden")

}

else

showhidediv2("visible")

}

uptime=setTimeout("moveup2()",10)

}



function movedown2(){

if (loadedyes2){

movestate2="down"

if (iedom2&&parseInt(cross_scroll2.style.top)<0){

cross_scroll2.style.top=parseInt(cross_scroll2.style.top)+scrollspeed2+"px"

showhidediv2("hidden")

}

else

showhidediv2("visible")

}

downtime2=setTimeout("movedown2()",10)

}



function motionengine2(e2){

var dsocx2=(window.pageXOffset)? pageXOffset: ietruebody2().scrollLeft;

var dsocy2=(window.pageYOffset)? pageYOffset : ietruebody2().scrollTop;

var curposy2=window.event? event.clientY : e2.clientY? e2.clientY: ""

curposy2-=mainobjoffset2-dsocy2

var leftbound2=(menu_height2-restarea2)/2

var rightbound2=(menu_height2+restarea2)/2

if (curposy2>rightbound2){

scrollspeed2=(curposy2-rightbound2)/((menu_height2-restarea2)/2) * maxspeed2

if (window.downtime2) clearTimeout(downtime2)

if (movestate2!="up") moveup2()

}

else if (curposy2<leftbound2){

scrollspeed2=(leftbound2-curposy2)/((menu_height2-restarea2)/2) * maxspeed2

if (window.uptime) clearTimeout(uptime)

if (movestate2!="down") movedown2()

}

else

scrollspeed2=0

}



function contains_ns62(a2, b2) {

while (b2.parentNode)

if ((b2 = b2.parentNode) == a2)

return true;

return false;

}



function stopmotion2(e2){

if ((window.event&&!crossmain2.contains(event.toElement)) || (e2 && e2.currentTarget && e2.currentTarget!= e2.relatedTarget && !contains_ns62(e2.currentTarget, e2.relatedTarget))){

if (window.downtime2) clearTimeout(downtime2)

if (window.uptime) clearTimeout(uptime)

movestate2=""

}

}



function fillup2(){
fillup();
if (iedom2){

crossmain2=document.getElementById? document.getElementById("motioncontainer2") : document.all.motioncontainer2

menu_height2=parseInt(crossmain2.style.height)
//alert(menu_height2);

mainobjoffset2=getposOffset2(crossmain2, "top")

cross_scroll2=document.getElementById? document.getElementById("motiongallery2") : document.all.motiongallery2

actualHeight2=cross_scroll2.offsetHeight



crossmain2.onmousemove=function(e2){

motionengine2(e2)

}



crossmain2.onmouseout=function(e2){

stopmotion2(e2)

showhidediv2("hidden")

}

}

if (window.opera){

cross_scroll2.style.top=menu_height2-actualHeight2+'px'

setTimeout('cross_scroll2.style.top=0', 10)

}

loadedyes2=1

if (endofgallerymsg2!=""){

creatediv2()

positiondiv2()

}

}
window.onload=fillup2
//window.onload=fillup2

