num=1;
function changeImageData()
{
    boxid="box"+findBoxNum(parseInt(num)); 
    document.getElementById(boxid).style.backgroundImage = "url(images/featured-on.gif)"; 
    document.getElementById(boxid).style.color = "#FFF";

    document.getElementById("rotImg").src = "images/realestate/"+images[num-1];
    document.getElementById("rotLnk").href = "showproperty.php?mlsid="+ids[num-1];   
}

function decrementNum()
{
    unsetActive();

    if (num == 1)
    {
        num = totalnum;        
	if (num<5) actN=num;
    	else actN=num%4; 
	setBoxes(num+(4-actN)); 
    }
    else
        num--;

    if (num%4 == 0 && num>=4)
       setBoxes(num); 
}

function findBoxNum(mynum)
{
     if (mynum<5) return mynum;
     else
     {
	cp=mynum%4;
        if (cp == 0) return 4;
        else return cp;
     } 
}

function unsetActive()
{
    boxid="box"+findBoxNum(parseInt(num)); 
    document.getElementById(boxid).style.backgroundImage = "url(images/featured-off.gif)"; 
    document.getElementById(boxid).style.color = "#000";
}

function setBoxes(declimiter)
{
    if (totalnum>=declimiter) 
	setboxes = declimiter;
    else 
	setboxes = totalnum;

    for(x=declimiter-3; x<=setboxes; x++)
       document.getElementById("box"+findBoxNum(x)).innerHTML=x;
    for(y=setboxes+1; y<=declimiter; y++)
       document.getElementById("box"+findBoxNum(y)).innerHTML="";	
}

function incrementNum()
{
    unsetActive();
    if (num == totalnum)
    {
        num = 1;
        setBoxes(4);  
    }
    else
        num++;

    if (num % 4 == 1 && num >= 5)
    	setBoxes(num+3); 	
}

function rotateImages()
{
    incrementNum();
    changeImageData();
   
}

function manDecOne()
{
    clearInterval(runner); 
    decrementNum();
    changeImageData();
    runner = setInterval("rotateImages()",3000); 
}

function manDecGrp()
{
    if (totalnum<5) return; 
    if (num>4)
    {
	clearInterval(runner);
	unsetActive();
	num=num-(num%4)-3;
        setBoxes(num+3); 
	changeImageData();
	runner = setInterval("rotateImages()",3000); 
    }
}

function manIncOne()
{
    clearInterval(runner); 
    incrementNum();
    changeImageData();
    runner = setInterval("rotateImages()",3000); 
}

function manIncGrp()
{
    if (num<5) actN=num;
    else actN=num%4;

    if ((totalnum-actN)>0 && totalnum>4) 
    {
       clearInterval(runner);
       unsetActive();
       num=num+(4-actN)
       incrementNum();
       changeImageData();
       runner = setInterval("rotateImages()",3000);
    } 
}

function moveRight()
{
    incrementNum();
    changeImageData();
}

function moveLeft()
{
    decrementNum();
    changeImageData();
}

window.onload = function()
{
    setBoxes(4); 
    MM_preloadImages('images/btn-buying-a-home-ovr.gif','images/btn-selling-a-home-ovr.gif','images/btn-area-info-ovr.gif','images/btn-tools-tips-ovr.gif','images/btn-about-us-ovr.gif','images/btn-contact-ovr.gif','images/btn-home-ovr.gif');
    runner = setInterval("rotateImages()",3000); 
}