var json;
var itemsPerPage = 4;
var currentPage = 1;

new Ajax.Request('/ajax.php',
            {
              method: 'post',
              parameters: {c:'ClientController', m:'getAllClients'},
              requestHeaders: {Accept: 'application/json'},
              onSuccess: function(transport) {
                json = window.eval('('+transport.responseText+')');
                populatePage(itemsPerPage);
                createPageLinks();
              },
              onFailure: function(transport) {
                document.write(transport.responseText)
              }
            }
);
function maelfbmis(elmt, evnt, func) {
  // maelfbmis == My Add Event Listener Function Because Microsoft Is Stupid
  if(elmt.addEventListener) {
    elmt.addEventListener(evnt, func, false);
  }
  // need to figure out how the hell IE sucks
}
function rollOver() {
  this.style.backgroundColor = '#1F1F1F'; 
}
function rollOut() {
  this.style.backgroundColor = '#000000';
}
function populatePage(items) {
  clientCont = document.getElementById('clients_container');
  clientCont.innerHTML = '';
  items = items - itemsPerPage;
  for(i=items; (i<(itemsPerPage + items) && i<json.clients.count); i++) {
    cont = document.createElement('div');      
    cont.style.padding = "10px";
    cont.style.margin = "0 20px 0 -10px";
    cont.id = json.clients[i].clientID;
    maelfbmis(cont, 'mouseover', rollOver);
    maelfbmis(cont, 'mouseout', rollOut);
    
    imgCont = document.createElement('div');
    imgCont.className = 'clientImageCont';
    
    link = document.createElement('a');
    url = json.clients[i].url;
    target = '_self';
    if(url != '#' && url != null) {
      url = 'http://'+url;
      target = '_blank';
    } 
    link.setAttribute('href', url);
    
    img = document.createElement('img');
    img.src = '/app/view/resources/images/clients/'+json.clients[i].img;
    img.style.width = '75px';
    img.style.height = '75px';
    
    link.appendChild(img);
    imgCont.appendChild(link);
    
    txtCont = document.createElement('div');
    txtCont.className = 'clientTextCont';
    
    title = document.createElement('div');
    title.className = 'newsTitle';
    
    titleLink = document.createElement('a');
    titleLink.href = url;
    titleLink.setAttribute('target', target);
    titleLink.innerHTML = json.clients[i].name;
    
    industry = document.createElement('span');
    industry.style.fontSize = 'smaller';
    industry.innerHTML = " - " + json.clients[i].industry;
    
    title.appendChild(titleLink);
    title.appendChild(industry);
    
    text = document.createElement('div');
    text.className = 'news';
    text.innerHTML = json.clients[i].description;
    
    txtCont.appendChild(title);
    txtCont.appendChild(text);
    
    clear = document.createElement('div');
    clear.className = 'clear';
    
    cont.appendChild(imgCont);
    cont.appendChild(txtCont);
    cont.appendChild(clear);
    
    clientCont.appendChild(cont);
    clientCont.appendChild(document.createElement('br'));
  }
  
}

function createPageLinks() {
  numPages = Math.round(json.clients.count / itemsPerPage);
  cont = document.getElementById('clientsNav');
  for(i=1; i<=numPages; i++) {
    div = document.createElement('div');
    div.className = 'clientNav';
    div.id = 'page'+i;
    maelfbmis(div, 'mouseover', rollOver);
    maelfbmis(div, 'mouseout', rollOut);
    
    link = document.createElement('a');
    link.setAttribute('href', 'javascript:changeClients('+i+')');
    link.innerHTML = i;
    
    div.appendChild(link);
    cont.appendChild(div);
  }
  clear = document.createElement('div');
  clear.className = 'clear';
  cont.appendChild(clear);
}

function changeClients(page) {
  populatePage((page * itemsPerPage));
}

setCurrentPage('clients');