var pace = 10;
var speed = 20;
var curLeftId = 'page-a';
var curRightId = 'page-b';
var panelID = 'ContentUpdatePanel';
var tmpContent = '';
var flipping = false;

function moveFlipper(argument) {

    var flipper = document.getElementById('flipper');
    var left = flipper.style.left;
    if (left.indexOf('px') > 0) left = left.substr(0, left.indexOf('px')) - 0;
    var width = flipper.style.width;
    if (width.indexOf('px') > 0) width = width.substr(0, width.indexOf('px')) - 0;

    left -= pace * 2;
    width += pace;

    flipper.style.left = left + "px";
    flipper.style.width = width + "px";

    // resize page
    var pageleft = document.getElementById(curLeftId);
    pageleft.style.width = Math.max(0, left) + "px";

    if (left + width > 0)
        setTimeout('moveFlipper(\'' + argument + '\')', speed);
    else {
        flipper.style.left = "535px";
        flipper.style.width = "0px";
        
        pageleft.style.width = "496px";
        pageleft.style.zIndex = "1";
        document.getElementById(curRightId).style.zIndex = "2";
        pageleft.innerHTML = tmpContent;
        
        var tmp = curRightId;
        curRightId = curLeftId;
        curLeftId = tmp;

        flipping = false;
    }
}

function doFlipping(argument) {
    if (document.getElementById('glassDiv'))
        document.removeChild(document.getElementById('glassDiv'));
    
    if (flipping) return false;
    
    flipping = true;
    getPageContent();
    setTimeout('moveFlipper(\'' + argument + '\')', speed);
}

function getPageContent() {
    if (document.getElementById('page-reserve'))
        tmpContent = document.getElementById('page-reserve').innerHTML;
}