//Next
var intProject = 1;
var numrecordProj = 5;
var lastProject = numrecordProj;
var currecordProj = 1;

var intPipe = 1;
var numrecordPipe = 5;
var lastPipe = numrecordPipe;
var currecordPipe = 1;

function showprev(table) {
 if (table=="projects")
      {
          intProject -= 5;
          lastProject -= 5;
          currecordProj = intProject;
           if(intProject<=1){
                 document.getElementById('lnkPrev').style.display="none"; 
                 document.getElementById('arrowInActiveUp').style.display='inline';
                } 
          else{
                document.getElementById('lnkPrev').style.display="inline";
                 document.getElementById('arrowInActiveUp').style.display='none';
                }
          document.getElementById('lnkNext').style.display="inline"; 
          document.getElementById('arrowInActiveDown').style.display='none';
      }
      else
      {
          intPipe -= 5;
          lastPipe -= 5;
          currecordPipe = intPipe;
           if(intPipe<=1){
                document.getElementById('lnkPPrev').style.display="none";
                document.getElementById('arrowPInActiveUp').style.display='inline';
                } 
          else{
                document.getElementById('lnkPPrev').style.display="inline";
                 document.getElementById('arrowPInActiveUp').style.display='none';
              }
         document.getElementById('lnkPNext').style.display="inline"; 
          document.getElementById('arrowPInActiveDown').style.display='none';
      }
  changeappearance(table);
}
function shownext(table) {
    if (table=="projects")
      {
          intProject += 5;
          lastProject += 5;
          currecordProj = intProject;
            if(lastProject>=document.getElementById(table).getElementsByTagName('a').length)
                    {
                    document.getElementById('lnkNext').style.display="none";
                    document.getElementById('arrowInActiveDown').style.display='inline';
                     }
              else{
             
                    document.getElementById('lnkNext').style.display="inline";
                    document.getElementById('arrowInActiveDown').style.display='none';
                   }  
                document.getElementById('arrowInActiveUp').style.display='none';
                document.getElementById('lnkPrev').style.display='inline';
      }
      else
      {
          intPipe += 5;
          lastPipe += 5;
          currecordPipe = intPipe;
            if(lastPipe>=document.getElementById(table).getElementsByTagName('a').length){
                    document.getElementById('lnkPNext').style.display="none";
                    document.getElementById('arrowPInActiveDown').style.display='inline';
                    }
              else{
                      document.getElementById('lnkPNext').style.display="inline";
                    document.getElementById('arrowPInActiveDown').style.display='none';}
                document.getElementById('arrowPInActiveUp').style.display='none';
                document.getElementById('lnkPPrev').style.display='inline';
      }
 
    changeappearance(table);                
}
function changeappearance(table) {
    var i;
    if(table=="projects")
        {
            for (i=1;i<document.getElementById(table).getElementsByTagName('a').length+1;i++)
            {
                 if (i >= intProject && i <= lastProject) 
                         document.getElementById(table).getElementsByTagName('a').item(i-1).style.display = "inline";  
                    else        
                       document.getElementById(table).getElementsByTagName('a').item(i-1).style.display = "none";
            }
        }
        else
        {
            for (i=1;i<document.getElementById(table).getElementsByTagName('a').length+1;i++)
            {
                 if (i >= intPipe && i <= lastPipe)
                         document.getElementById(table).getElementsByTagName('a').item(i-1).style.display = "inline"; 
                    else        
                      document.getElementById(table).getElementsByTagName('a').item(i-1).style.display = "none";
            }
        }
    }
function countrows(table){
    var count;
    count=document.getElementById(table).getElementsByTagName('a').length;
   
    if (count<=5)
    {
        if(table=="projects"){
                document.getElementById('lnkNext').style.display="none";
                document.getElementById('arrowInActiveDown').style.display='inline';
        }
        else{
         document.getElementById('lnkPNext').style.display="none";
                document.getElementById('arrowPInActiveDown').style.display='inline';
        }  
    }
}

function previewImage(source)
{
    source=source.substring(0,source.indexOf("-thumb"))+".jpg";
  document.getElementById("imgPic").src=source;
}

function changecolor(id){
  document.getElementById(id).style.color="#4C4D4F";
}

function changepiccolor(id)
{
  document.getElementById(id).src="images/leftpink.jpg";
}