$(document).ready(_morphInsertion);

function _topInsertion(num) {
    var ws = {x: $(window).width(), y: $(window).height()};

    if (ws.x < 1250) {
        tx = ws.x;
        var r = tx / 1250;
        ty = Math.round(r*ty);
    }

    var str = AC_FL_RunContentString(
        'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0',
        'width', tx,
	'height', ty,
        'src', 'public/'+ num,
	'quality', 'high',
	'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
	'align', 'middle',
	'play', 'true',
	'loop', 'true',
	'scale', 'showall',
	'wmode', 'transparent',
	'devicefont', 'false',
	'id', 'top360',
	'bgcolor', '#121212',
	'name', 'top360',
	'menu', 'true',
	'allowFullScreen', 'false',
	'allowScriptAccess','sameDomain',
	'movie', 'public/' + num,
	'salign', ''
    ); //end AC code

    document.getElementById("top").innerHTML = str;

    frs = {y: $("frame").height()};

    if (ws.y > frs.y+120) {
        $("filler").css({height: (ws.y-frs.y-140)});
    }
}

function _morphInsertion() {
    $(".morph").each(function(ind, el) {
        var bg = $(el).css("background-image");
        
        var imgSrc = bg.replace('.jpg', '-on.jpg').replace('url(', '').replace(')', '').replace('"', '').replace('"', '');
        var img = new Image;
               
        img.src = imgSrc;
        $(img).animate({opacity: 0});
        $(el).append(img);

        $(el).mouseover(function() {
            $(img).animate({opacity: 1});
        });
        $(el).mouseout(function() {
            $(img).animate({opacity: 0});
        })
    });

    $(".dyn").each(function(ind, el) {
        var src = $(el).attr('src');
        var srcOn = src.replace('.png', '-on.png');

        $(el).mouseover(function() {
            var img = new Image;
            img.onload = function() {
                $(el).attr('src', srcOn);
            }
            img.src = srcOn;
        });
        $(el).mouseout(function() {
            $(el).attr('src', src);
        });
    });
}

var player;
var playButton;

function playVideo(id)
{
    if (!player) {
        player = createPanoViewer({swf:"krpano.swf"});
    }

    player.addVariable("xml", 'xml_player.php?video=' + videos[id].video);
    player.embed("playerv");

    document.getElementById("player").innerHTML = videos[id].label;
}

function createPlayer(id, video)
{
        player = new imPlayer(document.getElementById(id));

        if (video) {
            player.onLoad = function() {
                player.addButton('watermark', 'images/360skin/watermark.png', 'images/360skin/watermark.png', 470, 305);
                /*player.onVideoStateChange = function(state) {
                    console.debug(state);
                    if (state == 'VIDEO_PLAY') {
                        player.removeButton(playButton.id);
                    }
                    else if (state == 'VIDEO_START') {
                        playButton = player.addButton('playButton', 'images/360skin/center_play.png', 'images/360skin/center_play.png', 265, 120);
                        playButton.onClick = player.playVideo;
                    }
                }*/

                player.loadVideo(video);
            }
        }
}

function updatePlayerTime()
{
    var timer = document.getElementById("playervTimer");
    var bar = document.getElementById("playervBar");

    var dur = player.getMediaDuration();
    var time = player.getMediaTime();

    timer.innerHTML = player.getMediaTime();
    bar.style.width = parseInt(time / dur * 100) + "%"

    setTimeout(updatePlayerTime, 500);
}