//Scrolling Functinality
// Parameters : scrollDiv(Type of scroll effect,divID);
// Div Should be uniquely identified.

  var divPub;
  var itimeouts;
  var iMaxWidth;
  var lnkRight;
  var lnkLeft;
function scrollDiv(type,divEleID,linkRight,linkLeft)
{
    var divID = document.getElementById(divEleID);
    var LinkRight = document.getElementById(linkRight);
    var LinkLeft = document.getElementById(linkLeft);
    
     var productCount = divID.getElementsByTagName("li").length;
    var pages = Math.ceil(productCount/3) - 1;
    
    lnkLeft = LinkLeft;
    lnkRight = LinkRight;   
    var value=document.getElementById('log').innerHTML;
    var arr=new Array();
    arr=value.split('/');
    
    divPub=divID; 
         iMaxWidth=divID.clientWidth*3;
    switch(type)
    {
        
        case 2:
        if(arr[0]<=pages)
        {
            itimeouts = divID.clientWidth/10;   
            if (((divPub.scrollWidth-divID.scrollLeft)>divID.clientWidth)  &&  divPub.scrollLeft<iMaxWidth)
            {
                for(var i=0;i<10;i++)
                {                      
                  setTimeout('ScrollOnLeft('+itimeouts+','+divID.clientWidth+')',10);
                }
                if(arr[0]==pages)
                {
                LinkLeft.style.background="url(../images/bt_right_fade.png) no-repeat center";
		        LinkLeft.style.cursor="default"; 
                }
                else
                {
                LinkRight.style.background="url(../images/bt_left.png) no-repeat center";
		        LinkRight.style.cursor= "pointer";  
                }
                
		        var val=(Number(arr[0])<= pages)	? Number(arr[0])+1 :arr[0];
		        document.getElementById('log').innerHTML=val+'/'+(pages+1);                      
            }   
            else
            {
                LinkLeft.style.background="url(../images/bt_right_fade.png) no-repeat center";
		        LinkLeft.style.cursor="default"; 
		        LinkRight.style.background="url(../images/bt_left.png) no-repeat center";
		        LinkRight.style.cursor= "pointer";
    		           
            }
            }
            break;
        
        case 4:
            itimeouts = divID.clientWidth/10;   
            iMaxWidth=divID.clientWidth*3;
            
            if (((divPub.scrollWidth-divID.scrollLeft)>divID.clientWidth))
            {
                for(var i=0;i<10;i++)
                {                      
                  setTimeout('ScrollOnLeftNegetive('+itimeouts+','+divID.clientWidth+')',10);
                }
                LinkLeft.style.background="url(../images/bt_right.png) no-repeat center";
		        LinkLeft.style.cursor= "pointer"; 
		        var val=(Number(arr[0])>=2)	? Number(arr[0])-1 :arr[0];	    
		        document.getElementById('log').innerHTML=val+'/'+(pages+1);
            }
             else
            {
                LinkLeft.style.background="url(../images/bt_right.png) no-repeat center";
		        LinkLeft.style.cursor="default"; 
		        LinkRight.style.background="url(../images/bt_left_fade.png) no-repeat center";
		        LinkRight.style.cursor= "pointer";
    		           
            }
           
            break;
    }
}

function ScrollOnLeft(iInc,iMax)
{         
    if(iInc<iMax)
    {          
        divPub.scrollLeft= divPub.scrollLeft+iInc;     
        wait(100);
    }
}

function ScrollOnLeftNegetive(iInc,iMax)
{         
    if(iInc<iMax &&  divPub.scrollLeft>iInc)
    {  
        divPub.scrollLeft= divPub.scrollLeft-iInc;             
        wait(100);       

    }
    if(divPub.scrollLeft<=iInc)
    {
        lnkRight.style.background="url(../images/bt_left_fade.png) no-repeat center";
		lnkRight.style.cursor= "default";
        divPub.scrollLeft=0;
    }
}
function wait(msecs)
{
    var start = new Date().getTime();
    var cur = start
    while(cur - start < msecs)
    {
    cur = new Date().getTime();
    }
} 