function createDiv1(margin) // Fleet Management
{
    return '<div id="prdiv1" class="flotLeft productItem" style="' + margin + '"><div class="flotLeft"><a href="tracking.aspx" class="link"><img src="images/fleet.gif" alt="Fleet Management [Tracer]" title="Fleet Management [Tracer]" /></a></div><div class="text"><div class="whiteTitle"><a href="tracking.aspx" class="link"><font color="#ffffff">Fleet Management [Tracer]</font></a></div>Tracer is a location detection unit mountable on vehicles.<br /><div style="padding-top: 4px;"><a href="tracking.aspx" class="link"><font color="#99ccff" style="font-family: Tahoma;font-size: 11px; line-height: 15px; margin: 2px">read more..</font></a></div></div></div>';
}

function createDiv2(margin) // Live Support
{
    return '<div id="prdiv2" class="flotLeft productItem" style="' + margin + '"><div class="flotLeft"><a href="livesupport.aspx" class="link"><img src="images/livechat.gif" width="100" height="59" alt="Live Support Center" title="Live Support Center" /></a></div><div class="text"><div class="whiteTitle"><a href="livesupport.aspx" class="link"><font color="#ffffff">Live Support Center</font></a></div>Live Support Specially designed for prompt support &amp; close sales online.<br /><div style="padding-top: 4px;"><a href="livesupport.aspx" class="link"><font color="#99ccff" style="font-family: Tahoma;font-size: 11px; line-height: 15px; margin: 2px">read more..</font></a></div></div></div>';
}

function createDiv3(margin) // Security Monitor
{
    return '<div id="prdiv3" class="flotLeft productItem" style="' + margin + '"><div class="flotLeft"><a href="securitymonitor.aspx" class="link"><img src="images/security2.gif" width="100" height="59" alt="Real Time Monitor" title="Real Time Monitor" /></a></div><div class="text"><div class="whiteTitle"><a href="securitymonitor.aspx" class="link"><font color="#ffffff">Real Time Monitor</font></a></div>Monitor employees activity usage in real time of each application.<br /><div style="padding-top: 4px;"><a href="securitymonitor.aspx" class="link"><font color="#99ccff" style="font-family: Tahoma;font-size: 11px; line-height: 15px; margin: 2px">read more..</font></a></div></div></div>';   
}

function createDiv4(margin) // Connect-Email
{
    return '<div id="prdiv4" class="flotLeft productItem" style="' + margin + '"><div class="flotLeft"><a href="/connect-email/" target="_blank" class="link"><img src="images/Connect-Email.png" width="100" height="59" alt="Connect-Email" title="Connect-Email" /></a></div><div class="text"><div class="whiteTitle"><a href="/connect-email/" target="_blank" class="link"><font color="#ffffff">Connect Email</font></a></div>Bulk Newsletter application with Integration to any application.<br /><div style="padding-top: 4px;"><a href="/connect-email/" target="_blank" class="link"><font color="#99ccff" style="font-family: Tahoma;font-size: 11px; line-height: 15px; margin: 2px">read more..</font></a></div></div></div>';
}

function createDiv5(margin) // Connect SMS
{
    return '<div id="prdiv5" class="flotLeft productItem" style="' + margin + '"><div class="flotLeft"><a href="/connect-sms/" target="_blank" class="link"><img src="images/Connect-SMS.png" width="100" height="59" alt="Connect SMS" title="Connect SMS" /></a></div><div class="text"><div class="whiteTitle"><a href="/connect-sms/" target="_blank" class="link"><font color="#ffffff">Connect SMS</font></a></div>SMS Broadcasting with Bulk SMS sending integration and tracking.<br /><div style="padding-top: 4px;"><a href="/connect-sms/" target="_blank" class="link"><font color="#99ccff" style="font-family: Tahoma;font-size: 11px; line-height: 15px; margin: 2px">read more..</font></a></div></div></div>';
}

function createDiv6(margin) // PRMS
{
return '<div id="prdiv4" class="flotLeft productItem" style="' + margin + '"><div class="flotLeft"><a href="/prms/" target="_blank" class="link"><img src="images/PRMS.png" width="100" height="59" alt="PRMS" title="PRMS" /></a></div><div class="text"><div class="whiteTitle"><a href="/prms/" target="_blank" class="link"><font color="#ffffff">Property Managment System</font></a></div>PRMS is for Building Associations, Landlords & other related services.<br /><div style="padding-top: 4px;"><a href="/prms/" target="_blank" class="link"><font color="#99ccff" style="font-family: Tahoma;font-size: 11px; line-height: 15px; margin: 2px">read more..</font></a></div></div></div>';
}

function createDiv7(margin) // IAPPS
{
    return '<div id="prdiv4" class="flotLeft productItem" style="' + margin + '"><div class="flotLeft"><a href="iapps.aspx" class="link"><img src="images/iapps.png" width="100" height="59" alt="IAPPS" title="IAPPS" /></a></div><div class="text"><div class="whiteTitle"><a href="iapps.aspx" class="link"><font color="#ffffff">Intranet Application Portal</font></a></div>iAPPS - A complete intranet management application portal.<br /><div style="padding-top: 4px;"><a href="iapps.aspx" class="link"><font color="#99ccff" style="font-family: Tahoma;font-size: 11px; line-height: 15px; margin: 2px">read more..</font></a></div></div></div>';
}

var inc=0;
function pWrite()
{
    var pText = document.getElementById('productStripDiv').innerHTML;
    if(inc == 0)
        pText += createDiv4('margin-left: 40px;');
    else if(inc == 1)
       pText += createDiv5('margin-left: 40px;');
    else if(inc == 2)
        pText += createDiv6('margin-left: 40px;');
    else if(inc == 3)
        pText += createDiv7('margin-left: 40px;');
    else if(inc == 4)
        pText += createDiv1('margin-left: 40px;');
    else if(inc == 5)
        pText += createDiv2('margin-left: 40px;');
    else if(inc == 6)
        pText += createDiv3('margin-left: 40px;');
    document.getElementById('productStripDiv').innerHTML = pText;
    var pWid = parseInt(document.getElementById('productStripDiv').style.width);
    document.getElementById('productStripDiv').style.width = (pWid + 330) + 'px';
    inc = inc >= 6 ? 0 : inc + 1;
    if(document.getElementById('productStripDiv').innerHTML.length > 9999999)
    {
        document.getElementById('productStripDiv').innerHTML = "";
        init();
        inc=0;
        numberOfSlides = 100;
        document.getElementById('productStripDiv').style.width = '1650px';
    }
}

var inc=0;
var addinc=0;
var numberOfSlides = 100;
function moveItem(direction) 
{
    var increment = 5;
    var slideWidth = 330;   
    var slideStyle = document.getElementById('productStripDiv').style;
    var currentPosition = Number(slideStyle.left.replace('px', ''));

    direction == 'right' ? increment = increment * -1 : increment = increment;
    direction == 'right' ? slideWidth = slideWidth * -1 : slideWidth = slideWidth + increment;

    var stopSlidePosition = currentPosition % slideWidth;
    if(addinc == 0)
    {
        pWrite();
        addinc=1;
    }
    if (direction == 'right' && currentPosition > slideWidth * (numberOfSlides - 2) || direction == 'left' && currentPosition != 0) 
    {
        slideStyle.left = currentPosition + increment + 'px';
        animate = setTimeout('moveItem(\'' + direction + '\')', 15);
        if (stopSlidePosition == 0 && currentPosition != 0)
        {
            addinc=0;
            numberOfSlides++;
            clearTimeout(animate);
            
        }
    }
}

function init()
{
    document.getElementById('productStripDiv').innerHTML = createDiv1('') + createDiv2('margin-left: 40px;') + createDiv3('margin-left: 40px;');
}

function rotate()
{
    moveItem('right');
    setTimeout("rotate()", 5000);
}