<script src="<?php bloginfo('template_directory'); ?>/js/mootools-core-1.3.1-full-compat.js" type="text/javascript"></script>
<script type='text/javascript'>
  //<![CDATA[
  window.addEvent('load', function() {
  document.documentElement.focus();
document.onkeydown = keyDown;
document.getElementById("postline").onclick = clicked;

function keyDown(evt)
{
    var key;
    var el  =  document.getElementById("postline");
    var left;
    if(!evt)
    {
        evt = window.event;
        if(!evt.which)
        {
            key  =  evt.keyCode;
        }
    }else if(evt)
    {
        key = evt.which;
    }
    if(el.style.left)
    {
        left = parseInt(el.style.left, 10);
    }else if(!el.style.left)
    {
        left = 0;
    }
    switch(key)
    {
        case 37:
        left -= 250;
        el.style['left'] = left + "px";
        break;
        case  39:
         left += 250;
        el.style['left'] = left + "px";
        break;
    }
}

function clicked(evt)
{
    var el;
    if(!evt)
    {
        evt = window.event;
        el = evt.srcElement;
    }else  if(evt)
    {
        el = evt.target;
    }
    switch(el.id)
    {
        case "left":
        fireKey(el);
        break;
        case "right":
        fireKey(el);
        break;
    }
}

function fireKey(el)
{
    var key;
    switch(el.id)
    {
        case "left":
        key = 37;
        break;
        case "right":
        key = 39;
        break;
    }
    if(document.createEventObject)
    {
        var eventObj = document.createEventObject();
        eventObj.keyCode = key;
        el.fireEvent("onkeydown", eventObj);
    }else if(document.createEvent)
    {
        var eventObj = document.createEvent("Events");
        eventObj.initEvent("keydown", true, true);
        eventObj.which = key;
        el.dispatchEvent(eventObj);
    }
}

  });
  //]]>
  </script>

/* Scroll with arrow keys & close overlay */

    $(document).bind('keydown', function(e) {
        if (e.keyCode == 27){
            clearoverlays();
        }

        $("#postline").css({ right : newright + 'px' });
        var right = $("#postline").css('right').replace("px", "");
        var postlinewidth = $(".post").size() * 330;

        if ((right < 0) && e.keyCode == 39 && intextbox == false) {
            newright = (parseInt(right) + 330);
            if (newright > 0) {
                newright = 0;
            }
            $("#postline").animate({ right : newright + 'px' }, 100);
        }
        if ((right > -postlinewidth + 330) && e.keyCode == 37 && intextbox == false) {
            newright = (parseInt(right) - 330);
            $("#postline").animate({ right : newright + 'px' }, 100);
        }
        return true;
    });