//<![CDATA[

var dimmedOpacity = .5;
browserWidth = 1430;
scrollbarWidth = $.getScrollbarWidth();
resizeWindow(browserWidth, scrollbarWidth);

$(window).resize(function() {
    resizeWindow(browserWidth, scrollbarWidth);
});

function resizeWindow(browserWidth, scrollbarWidth) {
    var viewPortWidth = getViewport();

    if (viewPortWidth < browserWidth) {
        var difference = browserWidth - viewPortWidth;
        var leftNegative = difference / 2;
        
        var messageTextLeft = 496;
        var messageNavLeft = 920 - Math.floor(leftNegative);
        
        //$("div#headerContent").css('margin-left', '-' + leftNegative + 'px');
        $("div#bottomContent").css('margin-left', '-' + leftNegative + 'px');
        $("div#messageWrapper").css('margin-left', '-' + leftNegative + 'px');
        $("div#messageTextBackground").css('left', messageTextLeft + 'px');
        $("div#messageNav").css('left', messageNavLeft + 'px');
        
        $("div.messageLeft").css('display', 'none');
        $("div.messageRight").css('display', 'none');
        
    }
    else {
        
        var marginWidth = (viewPortWidth - browserWidth) / 2;
        var messageTextLeft = Math.floor(marginWidth) + 496;
        var messageNavLeft = marginWidth + 920;
        
        if ($.client.browser == "Explorer" && $.browser.version < 8) {
            var leftWidth = Math.ceil(marginWidth);
            var rightWidth = Math.floor(marginWidth);
        }
        else {
            var leftWidth = Math.ceil(marginWidth);
            var rightWidth = Math.ceil(marginWidth);
        }
        
        //$("div#headerContent").css('margin', '0px auto');
        $("div#bottomContent").css('margin', '0px auto');
        $("div#messageTextBackground").css('left', messageTextLeft + 'px');
        $("div#messageNav").css('left', messageNavLeft + 'px');
        
        $("div#messageWrapper").css('margin', '0px auto');
        $("div.messageLeft").css('display', 'block');
        $("div.messageLeft").css('width', leftWidth + 'px');
        $("div.messageRight").css('display', 'block');
        $("div.messageRight").css('width', rightWidth + 'px');
        
    }
}

$("#messageNav div.navItem").mouseover(function() {
    $(this).addClass('selected');    
});
$("#messageNav div.navItem").mouseout(function() {
    $(this).removeClass('selected');
});

$(document).ready(function() {
    
    startTimer();
    
    $("div#message1").css('visibility', 'visible');
    $("div#messageText1").css('display', 'inline-block');
    
    $("div#messageContent1").css('display', 'inline-block');
    $("div#messageButton img:first").css('display', 'inline-block');
    
    $("img#previousMessage").bind('click', function() {
        previousMessage();
    });

    $("img#nextMessage").bind('click', function() {
        nextMessage();
    });
    
    
    $("img#previousMessage").mouseover(function() {
         $(this).css({opacity: dimmedOpacity}); 
    });
    $("img#previousMessage").mouseout(function() {
         $(this).css({opacity: 1.0}); 
    });
    $("img#nextMessage").mouseover(function() {
         $(this).css({opacity: dimmedOpacity}); 
    });
    $("img#nextMessage").mouseout(function() {
         $(this).css({opacity: 1.0}); 
    });

    $("div.navContents div.navItem").bind('click', function() {
        goToMessage($(this).attr("id"));
    });

});

var selectedMessage = 1;
var messageCount = 6;
var newMessage = 0;

function goToMessage(navItemId) {
    var navItem = $('#'+navItemId);
    if ($("div.navContents div.navItem").index(navItem) + 1 != newMessage) {
        newMessage = $("div.navContents div.navItem").index(navItem) + 1;
        displayMessage();
    }
}

function previousMessage() {
    if (selectedMessage == 1) {
        newMessage = messageCount;
    }
    else {
        newMessage = selectedMessage - 1;
    }
    displayMessage();
}

function nextMessage() {
    if (selectedMessage == messageCount) {
        newMessage = 1;
    }
    else {
        newMessage = selectedMessage + 1;
    }
    displayMessage();
}

function displayMessage() {
    
    stopTimer();
    
    var viewPortWidth = getViewport();
		var messageImageWidth = $('div.messageImage').width();
    
    $("img#previousMessage, img#nextMessage").unbind("click");
    $("div.navContents div.navItem").unbind('click');
    $("div#messageNav div.navItem").removeClass('selectedNavItem');
    if ((newMessage < selectedMessage || (selectedMessage == 1 && newMessage == messageCount)) && (selectedMessage != messageCount || newMessage != 1)) { // Moving back in the list
        selectedMessagePosition = messageImageWidth;
        newMessagePosition = -messageImageWidth;
    }
    else {
        selectedMessagePosition = -messageImageWidth;
        newMessagePosition = messageImageWidth;
    }
    $("#message" + selectedMessage).animate({ 
        'left' : selectedMessagePosition + 'px' 
        }, 750,
        function(){
            $("#message" + selectedMessage).css('visibility', 'hidden');
        });
    
    if ((newMessage < selectedMessage || (selectedMessage == 1 && newMessage == messageCount)) && (selectedMessage != messageCount || newMessage != 1)) { // Moving back in the list
       // $("#messageContent" + selectedMessage).hide('slide', {direction: 'right'}, 450, function() {
       //     $("#messageContent" + newMessage).show('slide', {direction: 'left'}, 450);
       // });
          $("#messageContent" + selectedMessage).fadeOut(450);

    }
    else {
       // $("#messageContent" + selectedMessage).hide('slide', {direction: 'left'}, 450, function() {
       //     $("#messageContent" + newMessage).show('slide', {direction: 'right'}, 450);
       // });
          $("#messageContent" + selectedMessage).fadeOut(450);
    }
    
    $("#messageButton" + selectedMessage).fadeOut(450);
    $("#messageText" + selectedMessage).fadeOut(450);

    $("#message" + newMessage).css('visibility', 'visible');
    $("#message" + newMessage).css('left', newMessagePosition + 'px');
    $("#message" + newMessage).animate({
        'left' : '0px'
        }, 750,
        function() {
            startTimer();
            selectedMessage = newMessage;
            $("img#previousMessage").bind('click', function() {
                previousMessage();
            });

            $("img#nextMessage").bind('click', function() {
                nextMessage();
            });

            $("div.navContents div.navItem").bind('click', function() {
                goToMessage($(this).attr("id"));
            });
            
            $("#messageButton" + selectedMessage).fadeIn(450);
            $("#messageText" + selectedMessage).fadeIn(450);
        	$("#messageContent" + newMessage).fadeIn(450);
            $("div#navItem" + selectedMessage).addClass('selectedNavItem');
        });

}

function startTimer() {
    $(this).oneTime(20000, "nextTimer", function() {
        nextMessage();
    });
}

function stopTimer() {
    $(this).stopTime("nextTimer");
}

//]]>