// JavaScript Document
function pagination()
{	
 if (/MSIE (\d+\.\d+);/.test(navigator.userAgent))
 { 
   // cnt fixes the width of the slider if total count of images is<8 .(To fix IE alignment Issue)
   var cnt = totalCount * 43;
   //test for MSIE x.x;
   var ieversion=new Number(RegExp.$1) // capture x.x portion and store as a number
   if(ieversion >=7)
	{ 
	  cnt = totalCount * 43.5;
	  document.getElementById('rightArrow').style.paddingLeft="240px";  
	  document.getElementById('rightArrow').style.left="100px"; 
	}
	
	else 
	{
	  cnt = totalCount * 42.5;	
	  document.getElementById('slideshowPage').style.marginLeft="30px";
	  document.getElementById('slideshowPreviewButtons').style.marginLeft="10px";  
	  document.getElementById('slideshowPreviewButtons').style.marginRight="0px";  
	}

 }

 else
  {
   document.getElementById('rightArrow').className="rarw";
  }

//if cnt value increases more than 360 fixing it to 330 for proper alignment in IE
 if (cnt >360)
  {
   cnt=330;
  }
 if(slide<=8)
  { 
   start=1;
   current=slide;
   end=0;
   content="";
   if(totalCount<8)
   	{
     end=totalCount;
  	}
    else
    {  
     end=8;
    } 
  }
 
 else if(slide>8)
  {      
	start=slide-7;
	end=slide;
	current=slide;
	content=""; 
  }
 if(navigator.appName =='Microsoft Internet Explorer')
  {
   document.getElementById('rightArrow').style.paddingLeft= cnt+"px";  
  }
  else
  {
   document.getElementById('rightArrow').className="rarw";
  }


 if(current <= 8 || totalCount <= 8)
 {
  document.getElementById('leftArrow').innerHTML="<img src='/images/btn-arrow-prev1.gif'   style='cursor:arrow'>"
 }
 else
  {
   document.getElementById('leftArrow').innerHTML="<img src='/images/btn-arrow-prev2.gif'  onclick='prev();' style='cursor:pointer'>"
 }

 if( totalCount > 8 && current < totalCount)
  {
   document.getElementById('rightArrow').innerHTML="<img src='/images/btn-arrow-next2.gif' onclick='next();' style='cursor:pointer'>"
 }
 else
  {
   document.getElementById('rightArrow').innerHTML="<img src='/images/btn-arrow-next1.gif' style='cursor:arrow'>"
  }

for(var i=start;i<=end;i++)
{
 if(i<10)
  {
   if(i==current)
 	content+="<li><a id=photo"+i+" href="+slideArr[i-1]+" onmouseover='displayPreviewImg(this.id)' style='background-color:#D4D2C9;' onmouseout='removePreviewImg(this.id)'>"+'<span style=padding-left:5px;padding-right:4px>'+i+'</span>'+"</a>"+"<img src="+thumbArr[i-1]+" border='0' alt='' id='photo"+i+"Img' class='previewSide' style='display:none';/></li>"

   else
	content+="<li><a id=photo"+i+" href="+slideArr[i-1]+" onmouseover='displayPreviewImg(this.id)'  onmouseout='removePreviewImg(this.id)'>"+'<span style=padding-left:5px;padding-right:4px>'+i+'</span>'+"</a>"+"<img src="+thumbArr[i-1]+" border='0' alt='' id='photo"+i+"Img' class='previewSide' style='display:none';/></li>"

  }
 else
  {
	if(i==current)
	 content+="<li><a id=photo"+i+" href="+slideArr[i-1]+"  onmouseover='displayPreviewImg(this.id)'     style='background-color:#D4D2C9;' onmouseout='removePreviewImg(this.id)'>"+i+"</a>"+"<img src="+thumbArr[i-1]+" border='0'     id='photo"+i+"Img' class='previewSide' style='display:none';/></li>"

	else
	content+="<li><a id=photo"+i+" href="+slideArr[i-1]+"  onmouseover='displayPreviewImg(this.id)'    onmouseout='removePreviewImg(this.id)'>"+i+"</a>"+"<img src="+thumbArr[i-1]+" border='0' alt='' id='photo"+i+"Img'    class='previewSide' style='display:none';/></li>"
  }

 }
  document.getElementById('slideshowPreviewButtons').innerHTML=content;
 }



function next()
{       
 if(start>1)
  {
	document.getElementById('leftArrow').innerHTML="<img src='/images/btn-arrow-prev2.gif' onclick='prev();'    style='cursor:pointer'>"    
  }
 if(end<totalCount && totalCount>8)   
  { 
	start++;
  	end++;
  	current++;
  	content="";    
    for(var i=start;i<=end;i++)
     {		
      if(i<10)
       content+="<li><a id=photo"+i+" href="+slideArr[i-1]+" onmouseover='displayPreviewImg(this.id)'  onmouseout='removePreviewImg(this.id)'>"+'<span style=padding-left:5px;padding-right:4px>'+i+'</span>'+"</a>"+"<img src="+thumbArr[i-1]+" border='0' alt='' id='photo"+i+"Img' class='previewSide' style='display:none';/></li>"

      else
       content+="<li><a id=photo"+i+" href="+slideArr[i-1]+"  onmouseover='displayPreviewImg(this.id)'       onmouseout='removePreviewImg(this.id)'>"+i+"</a>"+"<img src="+thumbArr[i-1]+" border='0' alt='' id='photo"+i+"Img'       class='previewSide' style='display:none';/></li>"
     } 		

  if(end >= 8 && end < totalCount)
  {
   document.getElementById('rightArrow').innerHTML="<img src='/images/btn-arrow-next2.gif' onclick='next()' style='cursor:pointer'>   "
   document.getElementById('leftArrow').innerHTML="<img src='/images/btn-arrow-prev2.gif' onclick='prev();' style='cursor:pointer'>   " 
  }
  else
  {
   document.getElementById('rightArrow').innerHTML="<img src='/images/btn-arrow-next1.gif' style='cursor:arrow'>"
   document.getElementById('leftArrow').innerHTML="<img src='/images/btn-arrow-prev2.gif' onclick='prev();' style='cursor:pointer'>"
  }
 
   document.getElementById('slideshowPreviewButtons').innerHTML=content;	
 }
  document.getElementById("photo"+slide).style.backgroundColor="#D4D2C9"; 
} 
 
 

function prev()
{ 

 if(start>1)
 { 
  start--;
  end--;
  current--;
  content="";		
  for(var i=start;i<=end;i++)
  {	
   if(i<10)
	 content+="<li><a id=photo"+i+" href="+slideArr[i-1]+" onmouseover='displayPreviewImg(this.id)'  onmouseout='removePreviewImg(this.id)'>"+'<span style=padding-left:5px;padding-right:4px>'+i+'</span>'+"</a>"+"<img src="+thumbArr[i-1]+" border='0' alt='' id='photo"+i+"Img' class='previewSide' style='display:none';/></li>"

   else
	content+="<li><a id=photo"+i+" href="+slideArr[i-1]+"  onmouseover='displayPreviewImg(this.id)'    onmouseout='removePreviewImg(this.id)'>"+i+"</a>"+"<img src="+thumbArr[i-1]+" border='0' alt='' id='photo"+i+"Img'    class='previewSide' style='display:none';/></li>"
  }  
 if(end<=8 && totalCount > 8 )
 {
 document.getElementById('leftArrow').innerHTML="<img src='/images/btn-arrow-prev1.gif' style='cursor:arrow'>"
 document.getElementById('rightArrow').innerHTML="<img src='/images/btn-arrow-next2.gif' onclick='next()' style='cursor:pointer'>"
 }
 else if((end > 8) && (end <totalCount) )
 {
 document.getElementById('rightArrow').innerHTML="<img src='/images/btn-arrow-next2.gif' onclick='next()' style='cursor:pointer'>"
 }
 
  document.getElementById('slideshowPreviewButtons').innerHTML=content;
    		
 }
   document.getElementById("photo"+slide).style.backgroundColor="#D4D2C9";		 
}	  
 

function displayPreviewImg(photoId) {
	var id=photoId.split("photo");
	var a = id[1];
	if(a!=slide)
	{
	 document.getElementById(photoId + "Img").style.display = 'block';
     document.getElementById(photoId).style.backgroundColor = 'orange';
	}
}

function removePreviewImg(photoId) {
   var id=photoId.split("photo");
	var a = id[1];
	if(a!=slide)
	{
	 document.getElementById(photoId + "Img").style.display = 'none';
	 document.getElementById(photoId).style.backgroundColor = '#E8F0F2';
	}
}