//
// Retrieves image with uid from TYPO3 DAM with AJAX 
//
function loadImage(uid) {
    var url = document.location;
    var sep = "?";
    
    if (document.location.href.indexOf('?')!=-1) {
	sep = "&";
    }
    
    var params = sep + 'getImageAJAX=' + uid;
    var ajaxRequest = new Ajax.Request(
        url+params,
	{
	    method: 'get',
	    onComplete: showResponseXML
	});
    
}

function loadThumbnails(page, img) {
    var url = document.location;
    var sep = "?";
    
    if (document.location.href.indexOf('?')!=-1) {
	sep = "&";
    }

    var params = sep + 'loadPageAJAX=' + page + '&pageActImg=' + img;

    var ajaxRequest = new Ajax.Request(
        url+params,
	{
	    method: 'get',
	    onComplete: updateThumbnails
	});
}

// OBSOLETE!
function showResponse(request) {
    var divImg = $('tx-sf-dam-imggal-id-image');
    divImg.innerHTML = request.responseText;
}

function showResponseXML(res) {
    var xmldoc = res.responseXML;
    var response = xmldoc.getElementsByTagName('response').item(0);
    
    var values = new Array();

    for (var i = 0; i  < response.childNodes.length; i++) {
	node = response.childNodes.item(i);
	for (var j = 0; j < node.childNodes.length; j++) {
	    sibl = node.childNodes.item(j);
	    
	    if (sibl.hasChildNodes()) {
		values[sibl.nodeName] = sibl.firstChild.data;
	    } else {
		values[sibl.nodeName] = '';
	    }
	}
    }

    // Update Thumbnails
    loadThumbnails(values['img_pagenum'], values['img_id']);
    
    // Change the image
    var imgdiv = $('tx-sf-dam-imggal-id-image');
    imgdiv.innerHTML = values['img_html'];
    
    // Refresh imageIDs of image browser
    var prevLink = $('tx-sf-dam-imggal-id-prevLink');
    if (values['img_id_prev'] != '') {
        prevLink.style.visibility = 'visible';
        prevLink.setAttribute('href', 'javascript:loadImage(' + values['img_id_prev'] + ')', 0);
    } else {
        prevLink.style.visibility = 'hidden';
    }
    
    var nextLink = $('tx-sf-dam-imggal-id-nextLink');
    if (values['img_id_next'] != '') {
        nextLink.style.visibility = 'visible';
        nextLink.setAttribute('href', 'javascript:loadImage(' + values['img_id_next'] + ')', 0);
    } else {
        nextLink.style.visibility = 'hidden';
    }
    
    // Replace other values (if exists)
    var category = $('tx-sf-dam-imggal-id-description');
    category.innerHTML = values['img_description'];

    // Replace other values (if exists)
    var directlink = $('tx-sf-dam-imggal-id-directlink');
    directlink.innerHTML = values['img_directlink'];

}

function updateThumbnails(res) {
    var divImg = $('tx-sf-dam-imggal-id-thumbnails');
    divImg.innerHTML = res.responseText;
}