var m_showcases = new Array();
m_showcases[0] = new showcase('', 'emx_showcase.png', 'emx.aspx', '');
m_showcases[1] = new showcase('', 'odyssey_showcase.png', 'odyssey.aspx', '');
m_showcases[2] = new showcase('', 'delivery_showcase.png', 'delivery.aspx', '');
m_showcases[3] = new showcase('', 'workingWith_showcase.png', 'workingWithInfracast.aspx', '');
m_showcases[4] = new showcase('', 'salesReporter_showcase.png', 'salesReporter.aspx', '');

// Used to store the array indicies of already-selected showcases
var m_pickedShowcases = new Array();

function featureShowcases(numberOfShowcases)
{   
    var showcaseNumber;
    var pickedShowcase;
    var html = '';
    
    html += ('<ul>');

    for (var i=0; i<3; i++)
    {    
        showcaseNumber = pickShowcase();
        m_pickedShowcases[m_pickedShowcases.length+1] = showcaseNumber;
        pickedShowcase = m_showcases[showcaseNumber];
        
        // Render the showcase
        html += ('<li>');
        html += ('<a href="' + pickedShowcase.href + '"><img class="shadow" src="images/productShowcase/' + pickedShowcase.img + '" height="100" width="310" alt="' + pickedShowcase.title + '" /></a>');
        html += ('<div>');
        html += ('<h1>' + pickedShowcase.title + '</h1>');
        html += ('<a href="' + pickedShowcase.href + '">' + pickedShowcase.blurb + '</a>');
        html += ('</div>');
        html += ('</li>');
    }
    
	html += ('<li>');
	html += ('<img src="images/scrollRight.png" onclick="alert(\'clicked\');javascript:featureShowcases(3);" style="cursor:hand">' );
	html += ('</li>');
    
    // Inject the HTML for the showcase content into the right place   
    
    var panel = document.getElementById('home-showcase-panel');
    panel.innerHTML = html + panel.innerHTML;
    
    /*
    document.write(html);
    */
}

function pickShowcase()
{
    var alreadyPicked = true;
    var showcaseNumber;

    // Generate a random number between 0 and #showcases
    while(alreadyPicked)
    {
        showcaseNumber = (Math.round((Math.random()*(m_showcases.length-1))));
        alreadyPicked = false;
        for(var i=0; i<m_pickedShowcases.length; i++)
        {
            if (showcaseNumber == m_pickedShowcases[i])
            {
                alreadyPicked = true;
            }
        }
    }
    
    return showcaseNumber;
}

// Class definition for a showcase
function showcase(_title, _img, _href, _blurb)
{
    this.title = _title;
    this.blurb = _blurb;
    this.img = _img;
    this.href = _href;
}