//var HOME = '/media.xtremeskater.com/user-vids/skateVid';
var HOME = 'http://media.xtremeskater.com/user-vids/skateVid';

var video_tag = '';// = '<object width="<?= $width; ?>" height="<?= $height; ?>"><param name="movie" value="made_vids/<?= $filename ?>s.swf"><embed src="made_vids/<?= $filename ?>s.swf" width="<?= $width; ?>" height="<?= $height; ?>"></embed></object>';


function click_vid( key, h, w, div, scale )
{
    if( !document.getElementById('vid_paused') )
    {
        var divid = div ? div : 'xvid_wrap';

        var txt = '<div id="vid_title"></div><span class="forumButton" id="start" onclick="start()">start</span>&nbsp;&nbsp;';
        txt += '<span class="forumButton" id="stop" onclick="stop()">stop</span><br /><br />';
        txt += '<div id=\"vid_paused\"></div><div id=\"vid_playing\"></div>';
        document.getElementById(divid).innerHTML = txt;
    }

    var f = HOME + key + '_m.swf';
    var f2 = HOME + key + '_m.jpg';
    vid_clicked( f, f2, h, w, div, scale );
}

function vid_clicked( f, f2, h, w, div, scale )
{
//    alert( h + ' ' + w );
    var f5 = f.replace('.swf','.mov');

    var agent=navigator.userAgent.toLowerCase();
    var is_iphone = agent.indexOf('iphone') != -1;
    if (is_iphone)
    {
        document.getElementById('start').style.display = 'none';
        document.getElementById('stop').style.display = 'none';
        document.getElementById('vid_paused').style.display = 'none';
        document.getElementById('vid_playing').style.display = 'none';
        QT_WriteOBJECT( f2, w + 'px', h + 'px' , '','href', f5, 'target','myself' );
        return;
    }
//    alert( f5 );

    stop();

    if( !scale || isNaN( scale ) )
        scale = 1.5;

    h *= scale;
    w *= scale;

    var WIDTH_K = ' width="' + w + '" height="' + h + '"';
    if( w < 0 )
        WIDTH_K = '';

//    document.getElementById('vid_title').innerHTML = f + ' ' + h + ' ' + w;

    flash = '<object' + WIDTH_K + '>' +
        '<param name="movie" value="' + f + '">' +
        '<param name="width" value="' + w + '">' +
        '<param name="height" value="' + h + '">' +
        '<embed src="' + f + '"' + WIDTH_K + ' allowfullscreen="true">' +
        '</embed></object>';

    video_tag = '<video src="' + f5 + '"' + WIDTH_K + ' controls="controls" autoplay="autoplay">' + flash + '</video>';

//    alert( flash );

    var img = '<img' + WIDTH_K + ' src="' + f2 + '" alt="pic" />';

//    alert( img );

    document.getElementById('vid_paused').innerHTML = img;

    var divid = div ? div : 'xvid_wrap';

    document.getElementById( divid ).style.display = '';
}

var on = false;
var startClicks = 0;
function stop()
{
    if( on === true )
    {
        on = false;
        document.getElementById('vid_playing').innerHTML = '';
        document.getElementById('vid_paused').style.display = '';
    }
}
function start()
{
    if( on !== true )
    {
        on = true;
        document.getElementById('vid_playing').innerHTML = video_tag;
        document.getElementById('vid_paused').style.display = 'none';
    }
    else
    {
        startClicks++;
        if( startClicks > 1 )
        {
            startClicks = 0;
            stop();
            start();
        }
    }
}