function randomnum(arraylength){
randno = Math.floor ( Math.random() * arraylength );
return randno ;
}

$(document).ready(function(){
	
    var myColors=new Array("#FFFF00","#009900","ffffff","#00CCFF","#FF00FF"); 
	
	 
    var myOptions = {
        noImages: 18,
        path: "/animation/",  // Relative path with trailing slash.
        captions: {                 
            1:'<font color="'+ myColors[randomnum(myColors.length)] +'"><b>Hole No.1</b></font>',
            2:'<font color="'+ myColors[randomnum(myColors.length)] +'"><b>Hole No.2</b></font><div style="font-size:14px;margin-top:5px;"></div>',
            3:'<font color="'+ myColors[randomnum(myColors.length)] +'"><b>Hole No.3</b></font><div style="font-size:14px;margin-top:5px;"></div>',
            4:'<font color="'+ myColors[randomnum(myColors.length)] +'"><b>Hole No.4</b></font><div style="font-size:14px;margin-top:5px;"></div>',
            5:'<font color="'+ myColors[randomnum(myColors.length)] +'"><b>Hole No.5</b></font><div style="font-size:14px;margin-top:5px;"></div>',
            6:'<font color="'+ myColors[randomnum(myColors.length)] +'"><b>Hole No.6</b></font><div style="font-size:14px;margin-top:5px;"></div>',
            7:'<font color="'+ myColors[randomnum(myColors.length)] +'"><b>Hole No.7</b></font>',
            8:'<font color="'+ myColors[randomnum(myColors.length)] +'"><b>Hole No.8</b> </font><div style="font-size:14px;margin-top:5px;"></div>',
            9:'<font color="'+ myColors[randomnum(myColors.length)] +'"><b>Hole No.9</b></font> <div style="font-size:14px;margin-top:5px;"></div>',
            10:'<font color="'+ myColors[randomnum(myColors.length)] +'"><b>Hole No.10</b></font> <div style="font-size:14px;margin-top:5px;"></div>',
            11:'<font color='+ myColors[randomnum(myColors.length)] +'"><b>Hole No.11</b></font><div style="font-size:14px;margin-top:5px;"></div>',
            12:'<font color="'+ myColors[randomnum(myColors.length)] +'"><b>Hole No.12</b></font> <div style="font-size:14px;margin-top:5px;"></div>',
            13:'<font color="'+ myColors[randomnum(myColors.length)] +'"><b>Hole No.13</b></font>',
            14:'<font color="'+ myColors[randomnum(myColors.length)] +'"><b>Hole No.14</b></font> <div style="font-size:14px;margin-top:5px;"></div>',
            15:'<font color="'+ myColors[randomnum(myColors.length)] +'"><b>Hole No.15</b> </font><div style="font-size:14px;margin-top:5px;"></div>',
            16:'<font color="'+ myColors[randomnum(myColors.length)] +'"><b>Hole No.16</b> </font><div style="font-size:14px;margin-top:5px;"></div>',
            17:'<font color="'+ myColors[randomnum(myColors.length)] +'"><b>Hole No.17</b></font><div style="font-size:14px;margin-top:5px;"></div>',
            18:'<font color="'+ myColors[randomnum(myColors.length)] +'"><b>Hole No.18</b></font> <div style="font-size:14px;margin-top:5px;"></div>'			
        },
        links: { // Each image number must be listed here, unless no links are required at all, then links option can be ommitted.
            1:"",
            2:"",
            3:"",
            4:"",
            5:"",
            6:"",
            7:"",
            8:"",
            9:"",
            10:"",
            11:"",
            12:"",
			13:"",
            14:"",
            15:"",
            16:"",
            17:"",
            18:""
	        },
        linksOpen:'newWindow',
        timerInterval: 6500, // 6500 = 6.5 seconds
	randomise: false // Start with random image?
    };

    // Woo! We have a jquery slideshow plugin!
    $('#example_1_container').easySlides(myOptions);

})
