// JavaScript Document

// Fensterweite feststellen
function fensterweite() {
  if (window.innerWidth) {
    return window.innerWidth;
  } else if (document.body && document.body.offsetWidth) {
    return document.body.offsetWidth;
  } else {
    return 0;
  }
}


function weiteAnpassen(){

		//wieviele kästen können wir darstellen
		meinefensterweite=fensterweite();
		var maxBoxes= Math.floor((meinefensterweite-10)/144) ; ///jedes rasterfeld ist 135x135 + 9px padding nach oben und rechts
		//alert ("maximale Boxenzahl: "+ maxBoxes);
		//Nicht mehr als 6 Boxen zulassen, + 2 fürs Menu rechts
		if(maxBoxes>8){
    maxBoxes= 8;
    }
		//alert ("maximale Boxenzahl: "+ maxBoxes);

		//tabellenweite ändern
    if(maxBoxes>=1){
			var newWidth= (144 * (maxBoxes-2) )+3;
			if(newWidth<147){
			 newWidth=147;
      }
			newLeft= newWidth + 33;
			newLeft= newLeft +"px";
			newWidth= newWidth +"px";
//			alert (newWidth);
			Element.setStyle('column1', {width : newWidth });
			Element.setStyle('column2', {left : newLeft });
		}

		return true;
}

weiteAnpassen();
window.onresize= weiteAnpassen;