/*var clientWidth=document.documentElement.clientWidth;*/
var sizes=[85,114,180,240];
var overviewWidth=85;
for(var i=0;i<sizes.length;i++){if (clientWidth-200<sizes[i]) break;overviewWidth=sizes[i]}
var articleWidth=114;
for(var i=0;i<sizes.length;i++){if (clientWidth-10<sizes[i]) break;articleWidth=sizes[i]}
function overviewImageTag(url) {
//TODO: alt
if(clientWidth) {
if (clientWidth>160)
return '<img align="left" class="teaser_image" src="'+url.replace(/\/uploads_?\d?\d?\d?\//,"/uploads_"+overviewWidth+"/")+'" />'
else
return ''}
else
return '<img align="left" class="teaser_image" src="'+url+'" />'
}
function articleImageTag(url) {
if(clientWidth && (!navigator.userAgent.match(/Opera/)  || navigator.userAgent.match(/Opera Mini/))) {
	if (clientWidth>85)
	return '<img id="article_image" class="article_image" alt="TODO" src="'+url.replace(/\/uploads_?\d?\d?\d?\//,"/uploads_"+articleWidth+"/")+'"/>'
	else
	return ''}
else
return '<img id="article_image" class="article_image" alt="TODO" src="'+url+'"/>'
}

function updateArticleImageTag(url,id) {
  if(clientWidth && (!navigator.userAgent.match(/Opera/)  || navigator.userAgent.match(/Opera Mini/))) { 
    el=document.getElementById(id);
    el.src=url.replace(/\/uploads_?\d?\d?\d?\//,"/uploads_"+articleWidth+"/");
//    console.log(articleWidth);
  }
}

function updateOverviewImageTag(url,id) {
  if(clientWidth && (!navigator.userAgent.match(/Opera/) || navigator.userAgent.match(/Opera Mini/))) { 
    el=document.getElementById(id);
    el.src=url.replace(/\/uploads_?\d?\d?\d?\//,"/uploads_"+overviewWidth+"/");
//    console.log(articleWidth);
  }
}