// JScript source code
//<!--

//SlideShow with Captions and Cross-Fade
//(C)2002 by CodeLifter.com

//Shows images and accompanying captions.
//Browsers: NS4-7,IE4-6
//Fade effect only in IE; degrades gracefully.
//NS4 shows default caption only.

//INSTRUCTIONS:

//Copy this entire script into a completely blank
//page.  Follow the commented instructions within.

////-->

//<html>

//<head>

//<!-- 
//Set up the caption font in the following style.
//Place the style script in the head of the page.
////-->

//<style>
//.Caption {
//font-family: Arial;
//font-weight: bold;
//color:      #123456;
//}
//</style>

//<!-- 
//Place the following script in the head of the page.
//Follow the set-up instructions within the script.
////-->

//<script>

// (C) 2002 www.CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this header.

// ==============================
// Set the following variables...
// ==============================

// Set the slideshow speed (in milliseconds)
var SlideShowSpeed = 5000;

// Set the duration of crossfade (in seconds)
var CrossFadeDuration = 3;


var Picture = new Array(); // don't change this
var Caption = new Array(); // don't change this
var ROPicture = new Array(); // don't change this for Rollovers
var Target      = new Array(); // don't change this for target

Caption[1]  = "app.asp?id=1051&co=SUS07";
Caption[2]  = "http://www.carepages.com/karmanos";
//Caption[2]  = "http://www.cancerwalk.org/";
//Caption[2]  = "app.asp?id=1124";
//Caption[3]  = "http://www.kci-partners.com/";
//Caption[5]  = "http://www.karmanos.org/detroitraceforthecure/index.asp?co=race";

Picture[1]  = '../images/072807/surviv_button.jpg';
Picture[2]  = '../images/072807/carepages_button.jpg';
//Picture[2]  = '../images/072807/naama_button.jpg';
//Picture[2]  = '../images/072807/annualdinner_button.jpg';
//Picture[3]  = '../images/072807/partners_button.jpg';
//Picture[5]  = '../images/072807/rftc_button.jpg';

ROPicture[1] = '../images/072807/surviv_button_yel.jpg';
ROPicture[2]  = '../images/072807/carepages_button_yel.jpg';
//ROPicture[2]  = '../images/072807/naama_button_yel.jpg';
//ROPicture[2]  = '../images/072807/annualdinner_button_yel.jpg';
//ROPicture[3]  = '../images/072807/partners_button_yel.jpg';
//ROPicture[5]  = '../images/072807/rftc_button_yel.jpg';

Target[1] = '';
Target[2]  = '_blank';
//Target[2]  = '';
//Target[3]  = '_blank';
//Target[5]  = '_blank';


// Specify the image files...
// To add more images, just continue
// the pattern, adding to the array below.
// To use fewer images, remove lines
// starting at the end of the Picture array.
// Caution: The number of Pictures *must*
// equal the number of Captions!

//Picture[1]  = '../images/072807/surviv_button.jpg';
//Picture[2]  = '../images/072807/naama_button.jpg';
//Picture[3]  = 'images/BangkokHosp.jpg';
//Picture[4]  = 'images/KCIRiverview.jpg';
//Picture[5]  = 'Image005.jpg';
//Picture[6]  = 'Image006.jpg';
//Picture[7]  = 'Image007.jpg';
//Picture[8]  = 'Image008.jpg';
//Picture[9]  = 'Image009.jpg';
//Picture[10] = 'Image010.jpg';

// Specify the Captions...
// To add more captions, just continue
// the pattern, adding to the array below.
// To use fewer captions, remove lines
// starting at the end of the Caption array.
// Caution: The number of Captions *must*
// equal the number of Pictures!

//Caption[1]  = "app.asp?id=1051&ssec=7";
//Caption[2]  = "http://www.florence.com.tr/en/piecedetail.asp?sid=2";
//Caption[3]  = "<a href='http://www.bangkokhospital.com' target='_blank'>Bangkok Hospital Medical Center, Thailand</a>";
//Caption[4]  = "<a href='http://www.karmanos.org' target='_blank'>Barbara Ann Karmanos Cancer Institute<br /> Riverview Hospital, USA</a>";
//Caption[5]  = "This is the fifth caption.";
//Caption[6]  = "This is the sixth caption.";
//Caption[7]  = "This is the seventh caption.";
//Caption[8]  = "This is the eighth caption.";
//Caption[9]  = "This is the ninth caption.";
//Caption[10] = "This is the tenth caption.";

// =====================================
// Do not edit anything below this line!
// =====================================

var tss;
var iss;

var pss = Picture.length-1;

var preLoad = new Array();
for (iss = 1; iss < pss+1; iss++)
{
preLoad[iss] = new Image();
preLoad[iss].src = Picture[iss];
}


var jss = Math.floor(Math.random()* pss+1); //GENERATE RANDOM NUMBER AND ASSIGN AS FIRST CALLOUT TO DISPLAY

//alert(Math.floor(Math.random()* pss+1));



function runSlideShow(){
    if (document.all){
        document.images.imgCallout.style.filter="blendTrans(duration=2)";
        document.images.imgCallout.style.filter="blendTrans(duration=CrossFadeDuration)";
        document.images.imgCallout.filters.blendTrans.Apply();
    }
    //alert(jss);
    document.images.imgCallout.src = preLoad[jss].src;
//if (document.getElementById) document.getElementById("Callout").innerHTML = Caption[jss];
    if (document.getElementById) 
    {
    document.getElementById("hlCallout").href   = Caption[jss];
    document.getElementById("hlCallout").target = Target[jss];
    mouseover_image4.src = ROPicture[jss];
    normal_image4.src = Picture[jss];
    }


    if (document.all) document.images.imgCallout.filters.blendTrans.Play();
    jss += 1;
    if (jss > (pss)) jss=1;
    tss = setTimeout('runSlideShow()', SlideShowSpeed);
}

//</script>

//</head>

//<!--
//Add the onload=runSlideShow() event call to the body tag.
////-->

//<body onload=runSlideShow() bgcolor=#000000>

//<!--
//The following table holds the images and captions.
//Place the table in your page where you want the slideshow
//to appear.  Follow the instructions for each table cell.
////-->

//<table border=0 cellpadding=0 cellspacing=0>
//  <tr>
//    <!--
//    The next table cell holds the images.
//    Set cell and image width and height the same.
//    The img src must have name=PictureBox in its
//    tag.  Usually the first image in the Picture
//    array in the script is used here.
//    //-->
//    <td width=350 height=280>
//    <img src=Image001.jpg name=PictureBox width=350 height=280>
//    </td>
//  </tr>
//  <tr>
//    <!-- 
//    The next table cell holds the captions.
//    This table cell must have id=CaptionBox and
//    class=Caption in its tag. The default caption
//    shows whilst loading in all browsers; NS4
//    will show only the default caption, throughout.
//    //-->
//    <td id=CaptionBox class=Caption align=center bgcolor=#fedcba>
//    This is the default caption.
//    </td>
//  </tr>
//</table>

//</body>

//</html>


