/*This is for the color hover change*/

var selectEl = null; // keep track of currently selected
function mo(el) {
    if (selectEl) { // unselect selected
        selectEl.style.color = '#000000';

    }
    selectEl = el; // new selected
    selectEl.style.color = '#FE4929';
}
        


/* This is for the right Nav Array*/


var content = new Array()
content[0] = '<p><span style="background-color:#FE4929; color:#FFFFFF"><b>Synopsis:</b> For more clarity we compare brands to campfires. People gather around them, sharing stories. Stories feed the fire, build (or break) the brand. Clarity comes from knowing why people flock to your fire, what stories are being told and which will or won’t keep your fire burning.</b></span></p>'
content[1] = '<p><span style="background-color:#FE4929; color:#FFFFFF"> Amidst our current credit, confidence and consumer crisis, we are deeply challenged to change. </p></span>'
content[2] = '<p><span style="background-color:#FE4929; color:#FFFFFF"> Brands are challenged to build and express confidence about the future. They must offer relevance and purpose beyond the existing.</p></span>'
content[3] = '<p><span style="background-color:#FE4929; color:#FFFFFF"> With the luxury of choice contracting, your customers will demand ultimate brand clarity.<br />Just like with people, a brands clarity is formed by the basics of behavior: Power, Skill or Seduction.</p></span>'
content[4] = ''


function regenerate() {
    window.location.reload()
}

function regenerate2() {
    if (document.layers) {
        appear()
        setTimeout("window.onresize=regenerate", 450)
    }
}







/* This is for the scrollBox*/      
 

    function toTop(id) {
        document.getElementById(id).scrollTop = 0
    }

    defaultStep = 1
    step = defaultStep
    function scrollDivDown(id) {
        document.getElementById(id).scrollTop += step
        timerDown = setTimeout("scrollDivDown('" + id + "')", 10)
    }

    function scrollDivUp(id) {
        document.getElementById(id).scrollTop -= step
        timerUp = setTimeout("scrollDivUp('" + id + "')", 10)
    }

    function toBottom(id) {
        document.getElementById(id).scrollTop = document.getElementById(id).scrollHeight
    }

    function toPoint(id) {
        document.getElementById(id).scrollTop = 100
    }











    /*This is the picture scroller bottom*/

    //1) Set width of the "neutral" area in the center of the gallery.
    var restarea = 6;
    //2) Set top scroll speed in pixels. Script auto creates a range from 0 to top speed.
    var maxspeed = 7;
    //3) Set to maximum width for gallery - must be less than the actual length of the image train.
    var maxwidth = 1000;
    //4) Set to 1 for left start, 0 for right, 2 for center.
    var startpos = 0;
    //5) Set message to show at end of gallery. Enter "" to disable message.
    var endofgallerymsg = '<span style="font-size: 11px;">End of Gallery</span>';

    function enlargeimage(path, optWidth, optHeight) { //function to enlarge image. Change as desiFE4929.
        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)
    }

 

    var iedom = document.all || document.getElementById, scrollspeed = 0, movestate = '', actualwidth = '', cross_scroll, ns_scroll, statusdiv, loadedyes = 0, lefttime, righttime;

    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() {
        var mainobjoffset = getposOffset(crossmain, "left"),
menuheight = parseInt(crossmain.offsetHeight),
mainobjoffsetH = getposOffset(crossmain, "top");
        statusdiv.style.left = mainobjoffset + (menuwidth / 2) - (statusdiv.offsetWidth / 2) + "px";
        statusdiv.style.top = menuheight + mainobjoffsetH + "px";
    }

    function showhidediv(what) {
        if (endofgallerymsg != "") {
            positiondiv();
            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 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";
                showhidediv("hidden");
            }
            else
                showhidediv("visible");
        }
        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";
                showhidediv("hidden");
            }
            else
                showhidediv("visible");
        }
        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 (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;
            actualwidth = document.getElementById ? document.getElementById("trueContainer").offsetWidth : document.all['trueContainer'].offsetWidth;
            if (startpos)
                cross_scroll.style.left = (menuwidth - actualwidth) / startpos + 'px';
            crossmain.onmousemove = function(e) {
                motionengine(e);
            }

            crossmain.onmouseout = function(e) {
                stopmotion(e);
                showhidediv("hidden");
            }
        }
        loadedyes = 1
        if (endofgallerymsg != "") {
            creatediv();
            positiondiv();
        }
        if (document.body.filters)
            onresize()
    }
    window.onload = fillup;

    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;
    }