// util
function moveTo(elem, width, height, cheight) {
    var scr = {
        width  : document.body.clientWidth  || document.documentElement.clientWidth,
        height : document.documentElement.clientHeight || document.body.clientHeight,
        y : document.body.scrollTop || document.documentElement.scrollTop
    };
    elem.style.left = ((scr.width - width) / 2) + 'px';
    elem.style.top  = ((scr.height - height) / 2 + scr.y + cheight) + 'px';
}

// mouseover image
blogparts_button_img = new Array("/blogparts/melody/img/btn-campaign_site.png","/blogparts/melody/img/btn-campaign_site_ovr.png","/blogparts/melody/img/btn-official_site.png","/blogparts/melody/img/btn-official_site_ovr.png","/blogparts/melody/img/btn-buy_cd.png","/blogparts/melody/img/btn-buy_cd_ovr.png","/blogparts/melody/img/btn-get_blogparts.png","/blogparts/melody/img/btn-get_blogparts_ovr.png");
blogparts_button_preload = new Array();
for(i=0; i<blogparts_button_img.length; i++) {
  blogparts_button_preload[i] = new Image();
  blogparts_button_preload[i].src = 'http://blomotion.jp/' + blogparts_button_img[i];
}

// gettag dialog
var dialog = '';
dialog += '<div id="blomotion_melody_blogparts_gettag"' +
          '     style="z-index:9999;display:none;font-size:83%;width:425px;background-color:#cccccc; border:1px solid #aaaaaa; position:absolute">' +
          '<div style="padding:2px 5px 0 0;text-align:right;font-size:75% top:0px; left:0px;">' +
          '<a href="javascript:void(0)" onclick="document.getElementById(\'blomotion_melody_blogparts_gettag\').style.display = \'none\'">×閉じる</a></div>' +
          '<div style="padding:5px;background-color:#ffffff;border:2px solid #cccccc;">' +
          'このブログパーツをあなたのブログに貼り付けるには、下記のタグをコピーしてご使用ください。<br />' +
          '<form style="margin:0">' +
          '<textarea cols="40" rows="4" style="width:405px;" onfocus="this.select()">&lt;script type=&quot;text/javascript&quot; src=&quot;http://blomotion.jp/blogparts/melody.js&quot; charset=&quot;UTF-8&quot;&gt;&lt;/script&gt;</textarea>' +
          '</form>' +
          '<p>ご使用のブログによっては貼り付けることができない場合がございます。</p>' +
          '</div>' +
          '</div>';

function disp_gettag_dialog_melody(event) {
    var dlg = document.getElementById('blomotion_melody_blogparts_gettag');
    if ( dlg.style.display == 'block' ) return;
    moveTo(dlg, 425, 644, 370);
    dlg.style.display = 'block';
}

// video
var video = '<div id="blomoion_blogparts_video"' +
          '     style="z-index:9999;display:none;font-size:83%;background-color:#cccccc; border:1px solid #aaaaaa; position:absolute">' +
          '<div style="padding:2px 5px 0 0;text-align:right;font-size:75% top:0px; left:0px;">' +
          '<a href="javascript:void(0)" onclick="blomotion_close_video()">×閉じる</a></div>' +
          '<div id="blomotion_video_area"></div>' +
          '</div>';

function video_object(video_id) {
    function ce(tag,name){
        if (name && window.ActiveXObject){
            element = document.createElement('<'+tag+' name="'+name+'">');
        }else{
            element = document.createElement(tag);
            element.setAttribute('name',name);
        }
        return element;
    };

    var object1=document.createElement('object');
    object1.setAttribute('height','344');
    object1.setAttribute('width','425');
    var param1=ce('param','movie');
    param1.setAttribute('value','http://www.youtube.com/v/'+video_id+'&hl=ja&fs=1&autoplay=1');
    object1.appendChild(param1);
    var param2=ce('param','allowFullScreen');
    param2.setAttribute('value','true');
    object1.appendChild(param2);

    return object1;
}

function video_embed(video_id) {
    var embed1=document.createElement('embed');
    embed1.setAttribute('height','344');
    embed1.setAttribute('width','425');
    embed1.setAttribute('allowfullscreen','true');
    embed1.setAttribute('type','application/x-shockwave-flash');
    embed1.setAttribute('src','http://www.youtube.com/v/'+video_id+'&hl=ja&fs=1&autoplay=1');

    return embed1;
}

function disp_video_melody(event) {
    var v = document.getElementById('blomoion_blogparts_video');
    moveTo(v, 425, 644, 0);
    var span = document.createElement("span");
    span.appendChild(video_embed('gNUu79KbDDs'));
    var area = document.getElementById("blomotion_video_area");
    area.innerHTML = '';
    var object = video_object('gNUu79KbDDs');
    area.appendChild(object);
    area.replaceChild(span, object);
    v.style.display = 'block';
}

function blomotion_close_video() {
    document.getElementById('blomoion_blogparts_video').style.display = 'none';
    document.getElementById("blomotion_video_area").innerHTML = '';
}

document.write(dialog);
document.write(video);
document.write('<div style="width:158px;background-color:#a2d9f1; border:1px solid #65adf7;">');
document.write('<div style="text-align:center;padding:5px 0;"><img src="http://blomotion.jp/blogparts/melody/img/logo.png" alt="melody" width="150" height="30" style="border:none" /></div>');
document.write('<div><img src="http://blomotion.jp/blogparts/melody/img/title.png" alt="The Best of Melody, Timeline" width="158" height="27" style="border:none" /></div>');
document.write('<div><a href="javascript:void(0)" onclick="javascript:disp_video_melody(event)"><img src="http://blomotion.jp/blogparts/melody/img/movieimage.png" alt="Movie image" width="158" height="107" style="border:none;" /></a></div>');
document.write('<div style="padding:0 0 2px 0;"><img src="http://blomotion.jp/blogparts/melody/img/info.png" alt="Information" width="158" height="81" /></div>');
document.write('<div style="text-align:center;padding:1px 0;"><a href="http://www.get.am/p-melody/redirect_blogparts_cp.html" target="_blank"><img src="http://blomotion.jp/blogparts/melody/img/btn-campaign_site.png" alt="キャンペーンサイトはこちら" width="154" height="19" onmouseover="this.src=\'http://blomotion.jp/blogparts/melody/img/btn-campaign_site_ovr.png\'" onmouseout="this.src=\'http://blomotion.jp/blogparts/melody/img/btn-campaign_site.png\'" style="border:none;" /></a></div>');
document.write('<div style="text-align:center;padding:1px 0;"><a href="http://www.get.am/p-melody/redirect_blogparts_official.html" target="_blank"><img src="http://blomotion.jp/blogparts/melody/img/btn-official_site.png" alt="公式サイトはこちら" width="154" height="19" onmouseover="this.src=\'http://blomotion.jp/blogparts/melody/img/btn-official_site_ovr.png\'" onmouseout="this.src=\'http://blomotion.jp/blogparts/melody/img/btn-official_site.png\'" style="border:none;" /></a></div>');
document.write('<div style="text-align:center;padding:1px 0;"><a href="http://www.get.am/p-melody/redirect_blogparts_cd.html" target="_blank"><img src="http://blomotion.jp/blogparts/melody/img/btn-buy_cd.png" alt="CD購入はこちら" width="154" height="19" onmouseover="this.src=\'http://blomotion.jp/blogparts/melody/img/btn-buy_cd_ovr.png\'" onmouseout="this.src=\'http://blomotion.jp/blogparts/melody/img/btn-buy_cd.png\'" style="border:none;" /></a></div>');
document.write('<div style="text-align:center;padding:1px 0;"><a href="javascript:void(0)" onclick="javascript:disp_gettag_dialog_melody(event)"><img src="http://blomotion.jp/blogparts/melody/img/btn-get_blogparts.png" alt="このブログパーツをもらう！" width="154" height="24" onmouseover="this.src=\'http://blomotion.jp/blogparts/melody/img/btn-get_blogparts_ovr.png\'" onmouseout="this.src=\'http://blomotion.jp/blogparts/melody/img/btn-get_blogparts.png\'" style="border:none;" /></a></div>');
document.write('</div>');