var URL = "";
var clip1;
var clip2;

var WIDTH;
var HEIGHT;
var BGCOLOR = "FFFFFF";
var WMODE;
var C1="";
var C2="";
var C3="";
var C4="";
var C5;
var SSON;
var SLV;
var CE;
var L;



// DEFAULT PARAMS
function resetEmbedCode() {
    WIDTH = "500";
    HEIGHT = "500";
    BGCOLOR = "FFFFFF";
    WMODE = "opaque";
    C1 = "";
    C2 = "";
    C3 = "";
    C4 = "";
    C5 = "";
    SSON = "";
    SLV = "";
    CE = "";
    L = "";












    $('C_WIDTH').value = WIDTH;
    $('C_HEIGHT').value = HEIGHT;
    $('C_BGCOLOR').value = BGCOLOR;
    $('C_WMODE').value = WMODE;
    $('C_C1').value = C1;
    $('C_C2').value = C2;
    $('C_C3').value = C3;
    $('C_C4').value = C4;
    $('C_C5').value = C5;
    $('C_SSON').value = SSON;
    $('C_SLV').value = SLV;
    $('C_CE').value = CE;
    $('C_L').value = L;

    updateEmbedCode();
}

function updateEmbedCode() {
    var template = new String($('export_template').innerHTML);

    if($('C_WIDTH').value!="") WIDTH = $('C_WIDTH').value;
    if($('C_HEIGHT').value!="") HEIGHT = $('C_HEIGHT').value;

    if($('C_WMODE').value!="") WMODE = $('C_WMODE').value;
    if(WMODE=="opaque") {
        if($('C_BGCOLOR').value!="") BGCOLOR = "#" + $('C_BGCOLOR').value;
    } else {
        BGCOLOR = "#FFFFFF";
    }

    if($('C_C1').value!="") C1 = ";c1=" + $('C_C1').value;
    else C1 = "";

    if($('C_C2').value!="") C2 = ";c2=" + $('C_C2').value;
    else C2 = "";

    if($('C_C3').value!="") C3 = ";c3=" + $('C_C3').value;
    else C3 = "";

    if($('C_C4').value!="") C4 = ";c4=" + $('C_C4').value;
    else C4 = "";

    if($('C_C5').value!="") C5 = ";c5=" + $('C_C5').value;
    else C5 = "";

    if($('C_SSON').value!="") SSON = ";sson=" + $('C_SSON').value;
    else SSON = "";

    if($('C_SLV').value!="") SLV = ";slv=" + $('C_SLV').value;
    else SLV = "";

    if($('C_CE').value!="") CE = ";ce=" + $('C_CE').value;
    else CE = "";

    if($('C_L').value!="") L = ";l=" + $('C_L').value;
    else L = "";

    template = template.replace(/{{URL}}/g, URL);
    template = template.replace(/{{WIDTH}}/g, WIDTH);
    template = template.replace(/{{HEIGHT}}/g,HEIGHT);
    template = template.replace(/{{BGCOLOR}}/g,BGCOLOR);
    template = template.replace(/{{WMODE}}/g,WMODE);
    template = template.replace(/{{C1}}/g, C1);
    template = template.replace(/{{C2}}/g, C2);
    template = template.replace(/{{C3}}/g, C3);
    template = template.replace(/{{C4}}/g, C4);
    template = template.replace(/{{C5}}/g,  C5);
    template = template.replace(/{{SSON}}/g, SSON);
    template = template.replace(/{{SLV}}/g, SLV);
    template = template.replace(/{{CE}}/g, CE);
    template = template.replace(/{{L}}/g, L);

    $('export_code').innerHTML = template;
}

function previewEmbedCode() {
    $('customise_preview').innerHTML = $('export_code').value;
}

function toggleEmbedCodeCustomiseForm() {
    $('customise_form').toggle();
    $('embed_copy_link').toggle();
    $('embed_cancel_link').toggle();
    $('embed_preview_link').toggle();
    resetEmbedCode();
    copyEmbedCodeLinkReposition();
    return false;
}

resetEmbedCode();


function copyEmbedCodeLinkInit() {
    ZeroClipboard.setMoviePath('/js/zeroclipboard/ZeroClipboard10.swf');
    clip1 = new ZeroClipboard.Client();

    clip1.glue( 'd_clip_button' );

    clip1.addEventListener( 'onComplete', function( client, text ) {
        showMessage('copy_complete_message');
    });

    clip1.addEventListener('mouseDown', function() {
        clip1.setText($('export_code').value);
    });

    if($('iframe_code')) {
        clip2 = new ZeroClipboard.Client();

        clip2.glue( 'd_clip_button2' );

        clip2.addEventListener( 'onComplete', function( client, text ) {
            showMessage('copy_complete_message2');
        });

        clip2.addEventListener('mouseDown', function() {
            clip2.setText($('iframe_code').value);
        });
    }
}

function copyEmbedCodeLinkReposition() {
    clip1.reposition();
    if(clip2) clip2.reposition();
}