komaImg = "http://image.blog.4koma.livedoor.com/image/work/c00043/20091022/w00171_0";
adUrl = "http://4koma.livedoor.com/utf_source=4koma&utm_medium=plugin&utm_campaign=daily";
adImg = "http://image.blog.4koma.livedoor.com/image/work/ad/ad00087s.jpg";

var animeImage=new Array();
for (var i=0;i<5;i++){
        animeImage[i]=new Image();
        animeImage[i].src= komaImg +(i)+"s.jpg";
}
        animeImage[5] = new Image(); animeImage[5].src = adImg;

var numImage = new Array();
for (var i=1;i<5;i++){
        numImage[i]=new Image();
        numImage[i].src="http://image.blog.4koma.livedoor.com/image/work/cmn/num_0"+(i)+".gif";
}
        numImage[0] = new Image(); numImage[0].src="http://image.blog.4koma.livedoor.com/image/work/cmn/spacer.gif";
        numImage[5] = new Image(); numImage[5].src="http://image.blog.4koma.livedoor.com/image/work/cmn/spacer.gif";

var imgID = 0;
var imgName ;
var naviImg = new Array();
var dw_naviImg = new Array();
naviImg[1] = new Image(); naviImg[1].src ="http://image.blog.4koma.livedoor.com/image/work/cmn/btn_back_off_s.gif";
naviImg[2] = new Image(); naviImg[2].src ="http://image.blog.4koma.livedoor.com/image/work/cmn/btn_next_off_s.gif";
dw_naviImg[1] = new Image(); dw_naviImg[1].src ="http://image.blog.4koma.livedoor.com/image/work/cmn/btn_back_on_s.gif";
dw_naviImg[2] = new Image(); dw_naviImg[2].src ="http://image.blog.4koma.livedoor.com/image/work/cmn/btn_next_on_s.gif";

currentImage=0;
function forward(){
        if(currentImage ==5){
                location.href= adUrl;
                return;
        }
        currentImage++;
        document.koma.src=animeImage[currentImage].src;
        document.komanum.src=numImage[currentImage].src;
        if(currentImage >0){
                document.backbt.src= 'http://image.blog.4koma.livedoor.com/image/work/cmn/btn_back_off_s.gif';
        }
        return;
}

function backward(){
        if(currentImage==0){
                return;
        }
        if(currentImage==1){
                document.backbt.src= 'http://image.blog.4koma.livedoor.com/image/work/cmn/spacer.gif';
                document.komanum.src= 'http://image.blog.4koma.livedoor.com/image/work/cmn/spacer.gif';
        }
        currentImage--;
        document.koma.src=animeImage[currentImage].src;
        document.komanum.src=numImage[currentImage].src;
        return;
}

function ImgCh_Back_down(imgName,imgID){
        if(currentImage==0){
                document.backbt.src= 'http://image.blog.4koma.livedoor.com/image/work/cmn/spacer.gif';
                return;
        }
        document.images[imgName].src=dw_naviImg[imgID].src;
};

function ImgCh_Back_up(imgName,imgID){
        if(currentImage==0){
                document.backbt.src= 'http://image.blog.4koma.livedoor.com/image/work/cmn/spacer.gif';
                return;
        }
        document.images[imgName].src=naviImg[imgID].src;
};

function ImgCh_Next_down(imgName,imgID){
        document.images[imgName].src=dw_naviImg[imgID].src;
};

function ImgCh_Next_up(imgName,imgID){
        document.images[imgName].src=naviImg[imgID].src;
};

document.write('<div style="text-align:center;width:140px;">');
document.write('<div style="text-align:center;margin-bottom:2px;border:2px solid #000;"><img name="koma" style="cursor:pointer;" src="' + komaImg + '0s.jpg" width="136" height="136" alt="デイリー4コマ" onClick="forward();"></div>');
document.write('<div style="float:left;width:55px;text-align:left;border:0px;"><img name="backbt" style="cursor:pointer;" src="http://image.blog.4koma.livedoor.com/img/cmn/spacer.gif" width="55" height="21" onClick ="backward();" onMouseDown="ImgCh_Back_down(\'backbt\',\'1\');return false;" onMouseUp="ImgCh_Back_up(\'backbt\',\'1\');"></div>');
document.write('<div style="float:right;width:55px;text-align:right;border:0px;"><img name="nextbt" style="cursor:pointer;" src="http://image.blog.4koma.livedoor.com/image/work/cmn/btn_next_off_s.gif" width="55" height="21" onClick ="forward();" onMouseDown="ImgCh_Next_down(\'nextbt\',\'2\');return false;" onMouseUp="ImgCh_Next_up(\'nextbt\',\'2\');"></div>');
document.write('<div style="float:left;width:30px;text-align:center;padding:1px 0;"><img name="komanum" style="cursor:pointer;" src="http://image.blog.4koma.livedoor.com/img/cmn/spacer.gif" width="16" height="16"></div>');
document.write('</div><div style="clear:left;"></div>');
document.close();