/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

$(document).ready(function() {
    // Handler for .ready() called.
    // Tells us how many images we have available.
    var numberOfImages    = 20;
    var randomNumber        = getRandom(numberOfImages);    
    // Create an array to hold the names of all images.
    var path = '/css/images/emotiva/';
    var image = new Array(numberOfImages);
    image[0]="emotiva001.jpg";
    image[1]="emotiva002.jpg";
    image[2]="emotiva003.jpg";
    image[3]="emotiva004.jpg";
    image[4]="emotiva005.jpg";
    image[5]="emotiva006.jpg";
    image[6]="emotiva007.jpg";
    image[7]="emotiva008.jpg";
    image[8]="emotiva009.jpg";
    image[9]="emotiva010.jpg";
    image[10]="emotiva011.jpg";
    image[11]="emotiva012.jpg";
    image[12]="emotiva013.jpg";
    image[13]="emotiva014.jpg";
    image[14]="emotiva015.jpg";
    image[15]="emotiva016.jpg";
    image[16]="emotiva017.jpg";
    image[17]="emotiva018.jpg";
    image[18]="emotiva019.jpg";
    image[19]="emotiva020.jpg";
    image[20]="emotiva021.jpg";

    $('div#header').css('background-image','url('+path+image[randomNumber]+')');
});


function getRandom(nums)
{
    var ranNum= Math.round(Math.random()*nums);    
    return ranNum;

}