var imgLstList = new Array();
var imgLstMain = new Array();
var imgLstHref = new Array();
var imgLstText = new Array();
var imgLstImg;
var imgBackground;
var imgLstImgView;
var imgLstLargeWmax = 800;
var imgLstLargeHmax = 600;

function initImageList(sName) {
	var bFirst = true;
	var oList_li, oList_a, oList_img;
	var node;
	
	imgLstList[sName] = document.getElementById(sName+'_list');
	imgLstMain[sName] = document.getElementById(sName+'_main');
	imgLstHref[sName] = document.getElementById(sName+'_href');
	imgLstText[sName] = document.getElementById(sName+'_text');

	if(!imgLstImgView) {
	
		imgLstImg = document.getElementById('imgList_image');
		imgBackground = document.getElementById('imgList_background');
		imgLstImgView = document.getElementById('imgList_image_view');
		
		if( imgLstImg && imgLstImgView && imgBackground)
		{
			imgLstImgView.onmousedown = function () { 
				imgLstImg.style.visibility = 'hidden'; 
				imgBackground.style.visibility = 'hidden'; 
			};
			
			imgBackground.onmousedown = function () { 
				imgLstImg.style.visibility = 'hidden'; 
				imgBackground.style.visibility = 'hidden'; 
			};
		}
	}

	imgLstMain[sName].oWidth = 100;
	imgLstMain[sName].oHeight = 100;	
	node = imgLstMain[sName];
	while( node.parentNode )
	{
		node = node.parentNode;
		if( node.nodeName == "DIV" ) {
			imgLstMain[sName].oWidth = node.scrollWidth;
			imgLstMain[sName].oHeight = node.scrollHeight;
			break;
		}
	}

	for(var id in imageList[sName])
	{
		var iData = imageList[sName][id];
		
		oList_li = document.createElement("li");
		oList_a = document.createElement("a");
		oList_a.href = "javascript:showImageList('"+sName+"','"+id+"')";
		oList_a.alt = iData['titel'] ? iData['titel'] : iData['src'];
		oList_img = document.createElement("img");
		oList_img.src = "image.php?type=thumb&file="+urlencode(iData['src']);
		oList_a.appendChild(oList_img);
		oList_li.appendChild(oList_a);
		imgLstList[sName].appendChild(oList_li);
		
		imageList[sName][id]['a'] = oList_a;
		imageList[sName][id]['i'] = document.createElement("img");
		imageList[sName][id]['i'].src = "image.php?type=small&file="+urlencode(iData['src']);
		imageList[sName][id]['s'] = iData['src'];

		if( bFirst) {
			showImageList(sName, id);
			bFirst = false;
		}
	}
}

function showImageList(sName, sel, retry) {
	var s = imageList[sName][sel];
	var m = imgLstMain[sName];
	var h = imgLstHref[sName];
	var t = imgLstText[sName];
	
	if( !retry )
	{
		var a;

		for(var id in imageList[sName])
		{
			if(a = imageList[sName][id]['a'])
			{
				a.className = id == sel ? "active" : "";
			}
		}
		retry = 0;
	}
	else if( retry > 50 )
	{
		return;
	}
	if( !isImageOk(s['i']))
	{
		retry++;
		window.setTimeout("showImageList('"+sName+"', '"+sel+"', "+retry+")", 100 );
		return;
	}

	if( m )
	{
		m.src = s['i'].src;
		if( s['i'].width / s['i'].height > m.oWidth / m.oHeight )
		{
			m.width = m.oWidth;
			m.height = s['i'].height * m.oWidth / s['i'].width;
		}
		else
		{
			m.height = m.oHeight;
			m.width = s['i'].width * m.oHeight / s['i'].height;
		}
	}

	if( h )
	{
		h.href = "javascript:popupImageList('"+sName+"', '"+sel+"')";
	}

	if( t )
	{
		t.innerHTML ='<p><b>' + s['titel'] + '</b>' +
			( s['agentur'] ?'<br><i>Auftraggeber</i>: ' + s['agentur'] : '' ) +
			( s['kampagne'] ?'<br><i>Kampagne</i>: ' + s['kampagne'] : '' ) +
			( s['kommentar'] ?'<br>' + s['kommentar'] : '' ) +
			'</p>';
	}
}

function popupImageList(sName, sel, retry) {
	var s = imageList[sName][sel];
	var m = imgLstMain[sName];
	var h = imgLstHref[sName];
	var t = imgLstText[sName];
	
	var ok = isImageOk(s['i'])
	
	if( !ok && !retry )
	{
		retry = 0;
	}
	else if( !ok )
	{
		retry++;
		window.setTimeout("showImageList('"+sName+"', '"+sel+"', "+retry+")", 100 );
		return;
	}
	else if( retry > 50 )
	{
		alert("Bild "+name+" konnte nicht geladen werden.");
		return;
	}

	w = s['i'].width;
	h = s['i'].height;
	if( w < imgLstLargeWmax && h < imgLstLargeHmax )
	{
		if( w / h > imgLstLargeWmax / imgLstLargeHmax )
		{
			h = imgLstLargeWmax * h / w;
			w = imgLstLargeWmax;
		}
		else
		{
			w = imgLstLargeHmax * w / h;
			h = imgLstLargeHmax;
		}
	}
	
	imgLstImgView.innerHTML = '<img src="image.php?type=large&file='+urlencode(s['src'])+'" width="'+w+' height="'+h+' alt="'+s['titel']+'">';
	imgLstImgView.style.left = - Math.floor((w + 20) / 2)+'px';
	imgLstImgView.style.top = - Math.floor((h + 20) / 2)+'px';
	imgLstImgView.style.width = (w + 20)+'px';
	imgLstImgView.style.height = (h + 20)+'px';
	imgLstImg.style.visibility = 'visible';
	imgBackground.style.visibility = 'visible';
}

function urlencode( str ) {
    // URL-encodes string  
    // 
    // version: 904.1412
    // discuss at: http://phpjs.org/functions/urlencode
    // +   original by: Philip Peterson
    // +   improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +      input by: AJ
    // +   improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +   improved by: Brett Zamir (http://brettz9.blogspot.com)
    // +   bugfixed by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +      input by: travc
    // +      input by: Brett Zamir (http://brettz9.blogspot.com)
    // +   bugfixed by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +   improved by: Lars Fischer
    // %          note 1: info on what encoding functions to use from: http://xkr.us/articles/javascript/encode-compare/
    // *     example 1: urlencode('Kevin van Zonneveld!');
    // *     returns 1: 'Kevin+van+Zonneveld%21'
    // *     example 2: urlencode('http://kevin.vanzonneveld.net/');
    // *     returns 2: 'http%3A%2F%2Fkevin.vanzonneveld.net%2F'
    // *     example 3: urlencode('http://www.google.nl/search?q=php.js&ie=utf-8&oe=utf-8&aq=t&rls=com.ubuntu:en-US:unofficial&client=firefox-a');
    // *     returns 3: 'http%3A%2F%2Fwww.google.nl%2Fsearch%3Fq%3Dphp.js%26ie%3Dutf-8%26oe%3Dutf-8%26aq%3Dt%26rls%3Dcom.ubuntu%3Aen-US%3Aunofficial%26client%3Dfirefox-a'
                             
    var histogram = {}, tmp_arr = [];
    var ret = (str+'').toString();
    
    var replacer = function(search, replace, str) {
        var tmp_arr = [];
        tmp_arr = str.split(search);
        return tmp_arr.join(replace);
    };
    
    // The histogram is identical to the one in urldecode.
    histogram["'"]   = '%27';
    histogram['(']   = '%28';
    histogram[')']   = '%29';
    histogram['*']   = '%2A';
    histogram['~']   = '%7E';
    histogram['!']   = '%21';
    histogram['%20'] = '+';
    histogram['\u00DC'] = '%DC';
    histogram['\u00FC'] = '%FC';
    histogram['\u00C4'] = '%D4';
    histogram['\u00E4'] = '%E4';
    histogram['\u00D6'] = '%D6';
    histogram['\u00F6'] = '%F6';
    histogram['\u00DF'] = '%DF';
    histogram['\u20AC'] = '%80';
    histogram['\u0081'] = '%81';
    histogram['\u201A'] = '%82';
    histogram['\u0192'] = '%83';
    histogram['\u201E'] = '%84';
    histogram['\u2026'] = '%85';
    histogram['\u2020'] = '%86';
    histogram['\u2021'] = '%87';
    histogram['\u02C6'] = '%88';
    histogram['\u2030'] = '%89';
    histogram['\u0160'] = '%8A';
    histogram['\u2039'] = '%8B';
    histogram['\u0152'] = '%8C';
    histogram['\u008D'] = '%8D';
    histogram['\u017D'] = '%8E';
    histogram['\u008F'] = '%8F';
    histogram['\u0090'] = '%90';
    histogram['\u2018'] = '%91';
    histogram['\u2019'] = '%92';
    histogram['\u201C'] = '%93';
    histogram['\u201D'] = '%94';
    histogram['\u2022'] = '%95';
    histogram['\u2013'] = '%96';
    histogram['\u2014'] = '%97';
    histogram['\u02DC'] = '%98';
    histogram['\u2122'] = '%99';
    histogram['\u0161'] = '%9A';
    histogram['\u203A'] = '%9B';
    histogram['\u0153'] = '%9C';
    histogram['\u009D'] = '%9D';
    histogram['\u017E'] = '%9E';
    histogram['\u0178'] = '%9F';
    
    // Begin with encodeURIComponent, which most resembles PHP's encoding functions
    ret = encodeURIComponent(ret);
    
    for (search in histogram) {
        replace = histogram[search];
        ret = replacer(search, replace, ret) // Custom replace. No regexing
    }
    
    // Uppercase for full PHP compatibility
    return ret.replace(/(\%([a-z0-9]{2}))/g, function(full, m1, m2) {
        return "%"+m2.toUpperCase();
    });
    
    return ret;
}

function isImageOk(img) {
    if (!img.complete) {
        return false;
    }

    if (typeof img.naturalWidth != "undefined" && img.naturalWidth == 0) {
        return false;
    }

    return true;
}