var countGames = 6;
var posrel = 0;
var windwid;
var browsenext;
var browseprev;
var blockclick = false; 

function initGameTable(){
	if (Prototype.Browser && Prototype.Browser.IE && (typeof window.XMLHttpRequest == "undefined")) {
	  windwid = 688;
	} else {
	  windwid = 685;
	}

	listdivs = $$('div.gameBorder');	
	overcontent = $('contentText'); //oberstes Div
  //document.overcontent.href = '../css/style.css'; 
	pages = Math.ceil(listdivs.length/countGames);
  
	
	var slidingdiv= new Element('div', { 'id': 'slidingDiv' });
  overcontent.appendChild(slidingdiv);
	
  browsenext= new Element('div', { 'class': 'browseNext' }).update(" ");
  overcontent.appendChild(browsenext);
  browseprev= new Element('div', { 'class': 'browsePrev' }).update(" ");
  overcontent.appendChild(browseprev);	
	
	var showdiv; //anzeige von den ersten 6 divs
	
  var showdiv= new Element('div', { 'id': 'showDiv' });
  slidingdiv.appendChild(showdiv);
	
	var totaldiv; // div mit 6 spielen
	for (var i = 0; i < listdivs.length; i++) {
		if (i % countGames == 0) {
			totaldiv = new Element('div', { 'id': 'allGamesSlide' + i, 'class' : 'allGames' });
			showdiv.appendChild(totaldiv);
			totaldiv.setStyle({		    
			  float  : 'left',
			  width  : '685px'
		  });
		}
		totaldiv.appendChild(listdivs[i]);
	}
  
  prevpage = $('prev');
  nextpage = $('next');
  browseprev = $(browseprev);
  browsenext = $(browsenext);
  browseprev.hide();
  browsenext.hide();
  prevpage.observe('click', showPrevPage);
  nextpage.observe('click', showNextPage);
  browseprev.observe('click', showPrevPage);
  browsenext.observe('click', showNextPage);

  if (listdivs.length > countGames) {
  	setGameBrowser(posrel);

	  gamebrowser = $('gameBrowser');
		browsenext.show();
  }
}

function setGameBrowser(posrel){
	pagesw = posrel + windwid;
  prevpage = $('prev');
  nextpage = $('next');

  if (posrel == 0) {
    prevpage.hide();
    browseprev.hide();
  } else {
    prevpage.show();
    browseprev.show();
  }
	if(pagesw/windwid == pages) {
    nextpage.hide();
    browsenext.hide();
	} else {
    nextpage.show();
    browsenext.show();
	}
}

function showPrevPage(e) {
	if(blockclick)
	 return;
  posrel -= windwid;
  blockclick = true;
  
  new Effect.Move('showDiv', { x: windwid, y: 0, mode: 'relative', afterFinish: function(){ blockclick = false; } });
  
  setGameBrowser(posrel);
}

function showNextPage(e) {

  if(blockclick)
   return;
	blockclick = true;
  posrel += windwid;
	new Effect.Move('showDiv', { x: -windwid, y: 0, mode: 'relative', afterFinish: function(){ blockclick = false; } });
	
  setGameBrowser(posrel);
}

Event.observe(window, 'load', initGameTable);