function prev_page()
{
    last_page = video_page;
    video_page -= 1;
    
    if (video_page <= 0)
        video_page = 3;
        
    switch_video_page();
}

function next_page()
{
    last_page = video_page;
    video_page += 1;
    
    if (video_page >= 4)
        video_page = 1;
    
    switch_video_page();
}

function switch_video_page()
{
    $("#video-page-"+last_page).animate(
        {
            opacity:0.0
        },300,function() {
            $("#video-page-"+last_page).css("display","none");

            $("#video-page-"+video_page).css("display","block");
            $("#video-page-"+video_page).animate(
                {
                    opacity:1.0
                },300,function(){}
            );
        }
    );
    
    $("#current-video-page").text(video_page);
}

function close_video()
{
    $("#video-panel").remove();
}

function show_video(v)
{
    close_video();
   
var video1 = $("<div id='video-panel'><iframe src='http://player.vimeo.com/video/29185219?title=0&amp;byline=0&amp;portrait=0&amp;autoplay=1' width='100%' height='100%' frameborder='0' webkitAllowFullScreen allowFullScreen></iframe><a href='#' onclick='close_video();'><img class='close-button' src='images/misc/close.png'/></a></div>");
    var video2 = $('<div id="video-panel"><iframe src="http://player.vimeo.com/video/29184928?title=0&amp;byline=0&amp;portrait=0&amp;autoplay=1" width="100%" height="100%" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe><a href="#" onclick="close_video();"><img class="close-button" src="images/misc/close.png"/></a></div>');
    var video3 = $('<div id="video-panel"><iframe src="http://player.vimeo.com/video/29186049?title=0&amp;byline=0&amp;portrait=0&amp;autoplay=1" width="100%" height="100%" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe><a href="#" onclick="close_video();"><img class="close-button" src="images/misc/close.png"/></a></div>');
    var video4 = $('<div id="video-panel"><iframe src="http://player.vimeo.com/video/29185357?title=0&amp;byline=0&amp;portrait=0&amp;autoplay=1" width="100%" height="100%" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe><a href="#" onclick="close_video();"><img class="close-button" src="images/misc/close.png"/></a></div>');
    var video5 = $('<div id="video-panel"><iframe src="http://player.vimeo.com/video/29185609?title=0&amp;byline=0&amp;portrait=0&amp;autoplay=1" width="100%" height="100%" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe><a href="#" onclick="close_video();"><img class="close-button" src="images/misc/close.png"/></a></div>');
    var video6 = $('<div id="video-panel"><iframe src="http://player.vimeo.com/video/29185083?title=0&amp;byline=0&amp;portrait=0&amp;autoplay=1" width="100%" height="100%" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe><a href="#" onclick="close_video();"><img class="close-button" src="images/misc/close.png"/></a></div>');
    var video7 = $('<div id="video-panel"><iframe src="http://player.vimeo.com/video/29187211?title=0&amp;byline=0&amp;portrait=0&amp;autoplay=1" width="100%" height="100%" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe><a href="#" onclick="close_video();"><img class="close-button" src="images/misc/close.png"/></a></div>');
    var video8 = $('<div id="video-panel"><iframe src="http://player.vimeo.com/video/29185483?title=0&amp;byline=0&amp;portrait=0&amp;autoplay=1" width="100%" height="100%" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe><a href="#" onclick="close_video();"><img class="close-button" src="images/misc/close.png"/></a></div>');
var video9 = $('<div id="video-panel"><iframe src="http://player.vimeo.com/video/32561137?title=0&amp;byline=0&amp;portrait=0&amp;autoplay=1" width="100%" height="100%" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe><a href="#" onclick="close_video();"><img class="close-button" src="images/misc/close.png"/></a></div>');
     
    
    switch (v)
    {
        case 1:
            $("#about-panel").after(video1);
        break;
        case 2:
            $("#about-panel").after(video2);
        break;
        case 3:
            $("#about-panel").after(video3);
        break;
        case 4:
            $("#about-panel").after(video4);
        break;
        case 5:
            $("#about-panel").after(video5);
        break;
        case 6:
            $("#about-panel").after(video6);
        break;
        case 7:
            $("#about-panel").after(video7);
        break;
        case 8:
            $("#about-panel").after(video8);
	    break;
	case 9:
	    $("#about-panel").after(video9);
	    break;
        break;
    }
}