/***********************************************
* CMotion Image Gallery- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for source code
* This copyright notice must stay intact for legal use
* Modified for autowidth and optional starting positions in
* http://www.dynamicdrive.com/forums/showthread.php?t=11839 by jschuer1 8/5/06
***********************************************/

//1) Set width of the "neutral" area in the center of the gallery.
var restarea = 100;
//2) Set top scroll speed in pixels. Script auto creates a range from 0 to top speed.
var maxspeed = 10;
//3) Set to maximum width for gallery - must be less than the actual length of the image train.
var maxwidth = 10000;
//4) Set to 1 for left start, 0 for right, 2 for center.
var startpos = 0;


////NO NEED TO EDIT BELOW THIS LINE////////////
var iedom = document.all || document.getElementById,
scrollspeed = 0,
movestate = '',
actualwidth = 0,
cross_scroll, ns_scroll, statusdiv, loadedyes = 0,
lefttime, righttime, botleft, botright;

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

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 moveleft()
{
    if (loadedyes) {
        movestate = "left";
        if (iedom && parseInt(cross_scroll.style.left) > (menuwidth - actualwidth)) {
            cross_scroll.style.left = parseInt(cross_scroll.style.left) - scrollspeed + "px";
            botright.style.backgroundImage = "url(images/botrightarrow.png)";
        }
        else botright.style.backgroundImage = "url(images/botright.png)";
        botleft.style.backgroundImage = "url(images/botleftarrow.png)";
    }
    lefttime = setTimeout("moveleft()", 10);
}

function moveright()
{
    if (loadedyes) {
        movestate = "right";
        if (iedom && parseInt(cross_scroll.style.left) < 0) {
            cross_scroll.style.left = parseInt(cross_scroll.style.left) + scrollspeed + "px";
            botleft.style.backgroundImage = "url(images/botleftarrow.png)";
        }
        else botleft.style.backgroundImage = "url(images/botleft.png)";
        botright.style.backgroundImage = "url(images/botrightarrow.png)";
    }
    righttime = setTimeout("moveright()", 10);
}

function motionengine(e)
{
    var mainobjoffset = getposOffset(crossmain, "left"),
    dsocx = (window.pageXOffset) ? pageXOffset: ietruebody().scrollLeft,
    dsocy = (window.pageYOffset) ? pageYOffset: ietruebody().scrollTop,
    curposy = window.event ? event.clientX: e.clientX ? e.clientX: "";
    curposy -= mainobjoffset - dsocx;
    var leftbound = (menuwidth - restarea) / 2;
    var rightbound = (menuwidth + restarea) / 2;
    if (curposy > rightbound)
    {
        scrollspeed = (curposy - rightbound) / ((menuwidth - restarea) / 2) * maxspeed;
        clearTimeout(righttime);
        if (movestate != "left") moveleft();
    }
    else if (curposy < leftbound)
    {
        scrollspeed = (leftbound - curposy) / ((menuwidth - restarea) / 2) * maxspeed;
        clearTimeout(lefttime);
        if (movestate != "right") moveright();
    }
    else scrollspeed = 0;
}

function contains_ns6(a, b)
{
    if (b !== null) while (b.parentNode) if ((b = b.parentNode) == a) return true;
    return false;
}

function stopmotion(e)
{
    if (!window.opera || (window.opera && e.relatedTarget !== null)) if ((window.event && !crossmain.contains(event.toElement)) || (e && e.currentTarget && e.currentTarget != e.relatedTarget && !contains_ns6(e.currentTarget, e.relatedTarget))) {
        clearTimeout(lefttime);
        clearTimeout(righttime);
        movestate = "";
    }
}

function fillup()
{
	if (actualwidth > 0)
		return;

    if (iedom)
    {
        crossmain = document.getElementById ? document.getElementById("motioncontainer") : document.all.motioncontainer;

        if (typeof crossmain.style.maxWidth !== 'undefined') crossmain.style.maxWidth = maxwidth + 'px';

        menuwidth = crossmain.offsetWidth;
        cross_scroll = document.getElementById ? document.getElementById("motiongallery") : document.all.motiongallery;        

		// calculate actual width from list elements as each one
		// is now a different width 
        $(".galleria li").each(function(i) {
        	actualwidth += $(this).width();
        });

        if (startpos) cross_scroll.style.left = (menuwidth - actualwidth) / startpos + 'px';

		onresize();        
 
        botleft = document.getElementById ? document.getElementById("botleft") : document.all.botleft;
        botright = document.getElementById ? document.getElementById("botright") : document.all.botright;
        
        crossmain.onmousemove = function(e) {
            motionengine(e);
        }

        crossmain.onmouseout = function(e) {
            stopmotion(e);
        }
    }
    
    loadedyes = 1
    if (document.body.filters) onresize()
}

onresize = function()
{
    if (typeof motioncontainer !== 'undefined' && motioncontainer.filters) {
        motioncontainer.style.width = "0";
        motioncontainer.style.width = "";
        motioncontainer.style.width = Math.min(motioncontainer.offsetWidth, maxwidth) + 'px';
    }
    menuwidth = crossmain.offsetWidth;
    cross_scroll.style.left = startpos ? (menuwidth - actualwidth) / startpos + 'px': 0;
}

$(document).ready(function() {
	 fillup();
});