//Get 5 medias
//column must be right(0) or left(1)
var server_url = "server_company_bios.php";
var server_url_2 = "server_project_portfolio.php";

//var drawOnColumn = 0;
//var drawOnRow = 0;
var maxPics = 5;
var imagesPath = '/uploads/images/';
var thumbPath = '/uploads/thumbs/';
var titles = new Array();
titles[0] = new Array();
titles[1] = new Array();
var descs = new Array();
descs[0] = new Array();
descs[1] = new Array();
var imgTag = new Array();
imgTag[0] = new Array();
imgTag[1] = new Array();


function getBios(pag, column){
  url = server_url+'?pg='+pag;
  drawOnColumn = column;
  //Set to loading the images
  doGet(url,proccessImages,column);
}

function getProjets(pag, column){
  url = server_url_2+'?pg='+pag;
  drawOnColumn = column;
  //Set to loading the images
  doGet(url,proccessImages,column);
}

function proccessImages(response,col){
  
  var rspObj = eval(response);
  var img_src;
  var imageList = new Array();
  var imageListBig = new Array(); 
  
  try{
      //if(rspObj.length > 0){
        
        for(j=0;j<rspObj.length;j++){
          row = j;
          document.getElementById('img_'+col+'_'+row).src = '/images/loading.gif';
          img_src = rspObj[j].imagefilename;
          titles[col][j] = rspObj[j].name;
          descs[col][j] = rspObj[j].description;
          imgTag[col][j] = (rspObj[j].image_tag  != '') ? rspObj[j].image_tag : '&nbsp;';
          
          imageList[j] = new Image();
          imageListBig[j] = new Image();
          imageList[j].src = thumbPath + img_src;
          imageList[j].src = imagesPath + img_src;
          
          changeThumb(col,row,img_src);
          //imageList[j].onload = changeThumb(col,row,img_src);
        }
        if(rspObj.length < 5){
          j = rspObj.length ;
          for(j; j < 5 ; j++){
            img_src = 'spacer.gif';
            row = j; 
            titles[col][j] = '';
            descs[col][j] = '';
            imgTag[col][j] = '';
            imageList[j] = new Image();
            imageListBig[j] = new Image();
            imageList[j].src = '/images/' + img_src;
            imageList[j].src = '/images/' + img_src;
            changeThumb(col,row,img_src); 
          }
        }
      //}
   changeMain(document.getElementById('img_0_0'));
  }
  catch(e){
    //alert(e)
  }
  
  
}
function changeThumb(col, row,img_src){
  document.getElementById('img_'+col+'_'+row).src = thumbPath + img_src;
  document.getElementById('taq_'+col+'_'+row).innerHTML = imgTag[col][row];
}
function nextCol(){
  if(curPage < maxpages){
    //getBios(curPage,0);
    for(j=0;j<5;j++){
      try{
      document.getElementById('img_'+0+'_'+j).src = document.getElementById('img_'+1+'_'+j).src;
      document.getElementById('taq_'+0+'_'+j).innerHTML = imgTag[1][j];
      document.getElementById('img_'+1+'_'+j).src = '/images/loading.gif';
      
      }
      catch(e){}
    }
    curPage++;
    for(n=0;n<titles[1].length;n++){
      titles[0][n] = titles[1][n];
      descs[0][n] = descs[1][n];
      imgTag[0][n] = imgTag[1][n];
    }
    if(portfolio == 0)
      getBios(curPage,1);
    else if(portfolio == 1)
      getProjects(curPage,1);
  }
}
function prevCol(){
  if(curPage > 2){
    //curPage--;
    //getBios(curPage,1);
    for(j=0;j<5;j++){
      try{
      document.getElementById('img_'+1+'_'+j).src = document.getElementById('img_'+0+'_'+j).src;
      document.getElementById('taq_'+1+'_'+j).innerHTML = imgTag[0][j];
      document.getElementById('img_'+0+'_'+j).src = '/images/loading.gif';
    }
      catch(e){}
    }
    for(n=0;n<titles[0].length;n++){
      titles[1][n] = titles[0][n];
      descs[1][n] = descs[0][n];
      imgTag[1][n] = imgTag[0][n];
    }
    curPage = curPage - 2;
    
    if(portfolio == 0)
      getBios(curPage,0);
    else if(portfolio == 1)
      getProjects(curPage,0);
      
    curPage++;
  }
}


function changeMain(imgObj){
  start = imgObj.src.lastIndexOf('/') + 1;
  image_name = imgObj.src.substr(start);
  document.getElementById('big_img').src = imagesPath+image_name;
  _c_r = imgObj.id.substr(4);
  _c=_c_r.substr(0,1);
  _r=_c_r.substr(2);
 
  document.getElementById('_title').innerHTML = titles[_c][_r];
  document.getElementById('_desc').innerHTML = descs[_c][_r];
}