var img,imgId,imgTitle,imgDescription,imgLink,ttlLink,opacnt,opaTimer,timer;
var imgs = new Array();

function initialize(){
    var ajaxObj = new Ajax.Request("load_image.php", {
                    asynchronous: false,
                    onComplete: function (xmlObj) {
//                        window.alert(xmlObj.responseText);
                        var imageObj = xmlObj.responseXML.getElementsByTagName("image");
                        for (i = 0; i < imageObj.length; i++) {
//                            window.alert(imageObj[i].getElementsByTagName("name")[0].firstChild.nodeValue);
//                            window.alert(imageObj[i].getElementsByTagName("title")[0].firstChild.nodeValue);
//                            window.alert(imageObj[i].getElementsByTagName("description")[0].firstChild.nodeValue);
//                            if (imageObj[i].getElementsByTagName("link")[0].firstChild) {
//	                              window.alert(imageObj[i].getElementsByTagName("link")[0].firstChild.nodeValue);
//                            }
//                            window.alert(imageObj[i].getElementsByTagName("target")[0].firstChild.nodeValue);
                            var imgs_detail = new Array();
                            imgs_detail[0] = imageObj[i].getElementsByTagName("name")[0].firstChild.nodeValue;
                            imgs_detail[1] = imageObj[i].getElementsByTagName("title")[0].firstChild.nodeValue;
                            imgs_detail[2] = imageObj[i].getElementsByTagName("description")[0].firstChild.nodeValue;
                            if (imageObj[i].getElementsByTagName("link")[0].firstChild) {
                                imgs_detail[3] = imageObj[i].getElementsByTagName("link")[0].firstChild.nodeValue;
                            } else {
                                imgs_detail[3] = "#";
                            }
                            imgs_detail[4] = imageObj[i].getElementsByTagName("target")[0].firstChild.nodeValue;
                            imgs.push(imgs_detail);
                        }
                    }
                  });

    img = 1;
    imgId = "load_image";
    imgTitle = "image_title";
    imgDescription = "image_description";
	imgLink = "img_link";
	ttlLink = "title_link";
    opacnt=5;
    opaTimer = 50;
    timer = 5000;
    
    var imgObj = $(imgId);
    var imgTtl = $(imgTitle);
    var imgDesc = $(imgDescription);
    var imgLk = $(imgLink);
    var ttlLk = $(ttlLink);

    imgObj.src = "top_img/" + imgs[0][0];
    imgTtl.innerHTML = imgs[0][1];
    imgDesc.innerHTML = imgs[0][2];
    imgLk.href = imgs[0][3];
    ttlLk.href = imgs[0][3];
    if (imgs[0][4] == 1) {
        imgLk.target = "_blank";
        ttlLk.target = "_blank";
    } else {
        imgLk.target = "_self";
        ttlLk.target = "_self";
    }

    setTimeout("topImg()",timer);
}

function topImg () {

    fadeOut(100);

}

// fade-out
function fadeOut(opa) {
    var imgObj = $(imgId);
    if(opa >= 0) {
        imgObj.style.filter = "alpha(opacity:"+opa+")";  // for IE
        imgObj.style.opacity = opa/100;  // for Mozilla
        opa -= opacnt;
        setTimeout("fadeOut("+opa+")",opaTimer);
    } else {
        changeImg();
    }
}

// change image
function changeImg() {

    var imgObj = $(imgId);
    var imgTtl = $(imgTitle);
    var imgDesc = $(imgDescription);
    var imgLk = $(imgLink);
    var ttlLk = $(ttlLink);

    if (img >= imgs.length) {
        img = 0;
    }

    imgObj.src = "top_img/" + imgs[img][0];
    imgTtl.innerHTML = imgs[img][1];
    imgDesc.innerHTML = imgs[img][2];
    imgLk.href = imgs[img][3];
    ttlLk.href = imgs[img][3];
    if (imgs[img][4] == 1) {
        imgLk.target = "_blank";
        ttlLk.target = "_blank";
    } else {
        imgLk.target = "_self";
        ttlLk.target = "_self";
    }
    img++;
    
	if (timer == 0) {
        changeImg();
	} else {
        setTimeout("fadeIn(0)",500);
	}
}

// fade-in
function fadeIn(opa) {
    if (opa <= 100) {
        document.getElementById(imgId).style.filter = "alpha(opacity:"+opa+")";  // for IE
        document.getElementById(imgId).style.opacity = opa/100;   // for Mozilla
        opa += opacnt;
        setTimeout("fadeIn("+opa+")", opaTimer);
    } else {
        setTimeout("topImg()",timer);    
    }

}