var wu_start    = 0;
var wu_mode     = 0;
var etc_webuser = new Array();



function requestJSON(request) {
  $.getJSON(request,function(data){
    etc_webuser = data;
    wu_writeTable();
  });
}



function wu_writeTable() {
  str = '';
  if(etc_webuser != null) {
    for(i=wu_start;i<wu_start+5;i++) {
      if(i in etc_webuser && etc_webuser[i]['id'] != '') {
        str += '<div class="layer-kuenstler">';
        if(wu_mode==5) {
          str += '<div class="border-kuenstler-video">';
          str += '<img class="levt_first" src="images/videolent.jpg" alt="" />';
          str += '<a href="/sedcard/'+etc_webuser[i]['username']+'/Videos"><img src="'+etc_webuser[i]['thumb']+'" width="137" onmouseover="this.src=\''+etc_webuser[i]['animatedgif']+'\'" onmouseout="this.src=\''+etc_webuser[i]['thumb']+'\'" /></a>';
          str += '<img src="images/videolent.jpg" alt="" />';
          str += '</div>';
          str += '<div class="layer-kuenstler-name">'+etc_webuser[i]['username2']+'</div>';
          str += '</div>';
        } else {
          str += '<div class="border-kuenstler-foto">';
          str += '<a href="/sedcard/'+etc_webuser[i]['username']+'"><img src="/newpic.php?filename='+etc_webuser[i]['pictureFile_crypt']+'" /></a>';
          str += '</div>';
          str += '<div class="layer-kuenstler-name">'+etc_webuser[i]['username2']+'</div>';
          str += '</div>';
        }
      } else {
        str += '<div class="layer-kuenstler">';
        str += '</div>';
      }
    }
  } else {
    str += '<div class="layer-kuenstler">';
    str += '</div>';
  }
  document.getElementById('kuenstlerLayer').innerHTML = str;
}



function wu_back() {
  wu_start -= 5;
  if(wu_start<0) wu_start = etc_webuser.length-5;
  setTimeout("wu_writeTable()",25);
}



function wu_forward() {
  wu_start += 5;
  if(wu_start>etc_webuser.length-5) wu_start = 0;
  setTimeout("wu_writeTable()",25);
}



function wu_loadingTable() {
  str = '';
  for(i=0;i<5;i++) {
    str += '<div class="layer-kuenstler">';
    str += '<div class="border-kuenstler-foto"><table border="0" cellpadding="0" cellspacing="0" width="137" height="182"><tr><td align="center" valign="middle"><img src="/images/loading.gif" width="32" height="32" /></td></tr></table></div>';
    str += '<div class="layer-kuenstler-name">&nbsp;</div>';
    str += '</div>';
  }
  document.getElementById('kuenstlerLayer').innerHTML = str;
}



function wu_writeMenu(category,mode) {
  str  = '<ul class="clearfix">';
  if(category==0) {
    str += '<li><a class="models-nav-aktiv" onclick="getWebuserList(0,'+mode+')" href="javascript: void(0)"><span>Models</span></a></li>';
  } else {
    str += '<li><a onclick="getWebuserList(0,'+mode+')" href="javascript: void(0)"><span>Models</span></a></li>';
  }
  if(category==1) {
    str += '<li><a class="models-nav-aktiv" onclick="getWebuserList(1,'+mode+')" href="javascript: void(0)"><span>Schauspieler</span></a></li>';
  } else {
    str += '<li><a onclick="getWebuserList(1,'+mode+')" href="javascript: void(0)"><span>Schauspieler</span></a></li>';
  }
  if(category==2) {
    str += '<li><a class="models-nav-aktiv" onclick="getWebuserList(2,'+mode+')" href="javascript: void(0)"><span>Moderatoren</span></a></li>';
  } else {
    str += '<li><a onclick="getWebuserList(2,'+mode+')" href="javascript: void(0)"><span>Moderatoren</span></a></li>';
  }
  if(category==3) {
    str += '<li><a class="models-nav-aktiv" onclick="getWebuserList(3,'+mode+')" href="javascript: void(0)"><span>Kleindarsteller</span></a></li>';
  } else {
    str += '<li><a onclick="getWebuserList(3,'+mode+')" href="javascript: void(0)"><span>Kleindarsteller</span></a></li>';
  }
  if(category==4) {
    str += '<li><a class="models-nav-aktiv" onclick="getWebuserList(4,'+mode+')" href="javascript: void(0)"><span>Komparsen</span></a></li>';
  } else {
    str += '<li><a onclick="getWebuserList(4,'+mode+')" href="javascript: void(0)"><span>Komparsen</span></a></li>';
  }
  if(category==5) {
    str += '<li><a class="models-nav-aktiv" onclick="getWebuserList(5,'+mode+')" href="javascript: void(0)"><span>Talente</span></a></li>';
  } else {
    str += '<li><a onclick="getWebuserList(5,'+mode+')" href="javascript: void(0)"><span>Talente</span></a></li>';
  }
  if(category==6) {
    str += '<li><a class="models-nav-aktiv" onclick="getWebuserList(6,'+mode+')" href="javascript: void(0)"><span>People</span></a></li>';
  } else {
    str += '<li><a onclick="getWebuserList(6,'+mode+')" href="javascript: void(0)"><span>People</span></a></li>';
  }
  str += '</ul>';
  document.getElementById('models-nav').innerHTML = str;

  str  = '<ul class="clearfix">';
  if(mode==0) {
    str += '<li><a id="msn0" onclick="getWebuserList('+category+',0)" href="javascript: void(0)"><u>Neueste</u></a></li>';
  } else {
    str += '<li><a id="msn0" onclick="getWebuserList('+category+',0)" href="javascript: void(0)">Neueste</a></li>';
  }
  if(mode==1) {
    str += '<li><a id="msn0" onclick="getWebuserList('+category+',1)" href="javascript: void(0)"><u>Aktivste</u></a></li>';
  } else {
    str += '<li><a id="msn0" onclick="getWebuserList('+category+',1)" href="javascript: void(0)">Aktivste</a></li>';
  }
  if(mode==2) {
    str += '<li><a id="msn0" onclick="getWebuserList('+category+',2)" href="javascript: void(0)"><u>Klicks</u></a></li>';
  } else {
    str += '<li><a id="msn0" onclick="getWebuserList('+category+',2)" href="javascript: void(0)">Klicks</a></li>';
  }
  if(mode==3) {
    str += '<li><a id="msn0" onclick="getWebuserList('+category+',3)" href="javascript: void(0)"><u>Online</u></a></li>';
  } else {
    str += '<li><a id="msn0" onclick="getWebuserList('+category+',3)" href="javascript: void(0)">Online</a></li>';
  }
  if(mode==4) {
    str += '<li><a id="msn0" onclick="getWebuserList('+category+',4)" href="javascript: void(0)"><u>Neue Fotos</u></a></li>';
  } else {
    str += '<li><a id="msn0" onclick="getWebuserList('+category+',4)" href="javascript: void(0)">Neue Fotos</a></li>';
  }
  /*
  if(mode==5) {
    str += '<li><a id="msn0" onclick="getWebuserList('+category+',5)" href="javascript: void(0)"><u>Neue Videos</u></a></li>';
  } else {
    str += '<li><a id="msn0" onclick="getWebuserList('+category+',5)" href="javascript: void(0)">Neue Videos</a></li>';
  }
  */
  str += '</ul>';
  document.getElementById('models-subnav').innerHTML = str;
}



function getWebuserList(category,mode) {
  wu_start = 0;
  wu_mode  = mode;
  wu_loadingTable();
  wu_writeMenu(category,mode);
  
  requestJSON('/index.php?cmd=cardindex&module=CardIndex&method=ajaxJsonLoader&category='+category+'&mode='+mode);
}



$(document).ready(function(){
  if($('#kuenstlerLayer').size()>0){
      getWebuserList(0,0);
  }
});