var mycarouselMC_itemList = [
    // these are dummy values right now
    // all we need is the array to have 21
    {url: '', title: '0'},
    {url: '', title: '1'},
    {url: '', title: '2'},
    {url: '', title: '3'},
    {url: '', title: '4'},
    {url: '', title: '5'},
    {url: '', title: '6'},
    {url: '', title: '7'},
    {url: '', title: '8'},
    {url: '', title: '9'},
    {url: '', title: '10'},
    {url: '', title: '11'},
    {url: '', title: '12'},
    {url: '', title: '13'},
    {url: '', title: '14'},
    {url: '', title: '15'},
    {url: '', title: '16'},
    {url: '', title: '17'},
    {url: '', title: '18'},
    {url: '', title: '19'},
    {url: '', title: '20'}
];


function handleJquery(){

    /*
    // TOUR
    jQuery('#mycarouselMC').jcarousel({
        wrap: 'circular',
        //itemVisibleInCallback: {onBeforeAnimation: mycarouselMC_itemVisibleInCallback},
        //itemVisibleOutCallback: {onAfterAnimation: mycarouselMC_itemVisibleOutCallback},
        scroll: 3,
        buttonPrevHTML: null,
        buttonNextHTML: '<div id="nextphotos"><img src="/site/i/mc-nav/mc-nav_r1_c8.gif" id="nextphotosimg" title="Click to view more photos." alt="Next Photos" border="0" onmouseover="document.images[\'nextphotosimg\'].src=\'/site/i/mc-nav/mc-nextphotos-f2.gif\';"  onmouseout="document.images[\'nextphotosimg\'].src=\'/site/i/mc-nav/mc-nav_r1_c8.gif\';" onmousedown="document.images[\'nextphotosimg\'].src=\'/site/i/mc-nav/mc-nextphotos-f2.gif\';" /></div>'
    });
*/

    // TOUR
    $('#mycarousel').jcarousel({
        buttonPrevHTML: '<div id="prevcarousel"><</div>',
        buttonNextHTML: '<div id="nextcarousel">></div>'
    });
    
    // highslide
    hs.graphicsDir = '/tep-user/themes/ootra/js/highslide/graphics/';
    
    // Identify a caption for all images. 
    // This can also be set inline for each image.
    hs.captionId = 'the-caption';
    hs.outlineType = 'rounded-white';
    hs.align = 'center';
    hs.showCredits = 0;

};



/* Item html creation helper. */
function mycarouselMC_getItemHTML(url){
    caption = 'CAPTION';
    
    if (url == '0'){
        caption = 'BUILDING DETAIL';
    };

    if (url == '1'){
        caption = 'METCENTER SUBSTATION';
    };
    
    if (url == '2'){
        caption = 'HIKE &amp; BIKE TRAILS';
    };
    
    if (url == '3'){
        caption = 'ENTRANCE MARKERS';
    };
    
    if (url == '4'){
        caption = 'BUILDING DETAIL';
    };

    if (url == '5'){
        caption = 'SPORTS COMPLEX';
    };
    
    if (url == '6'){
        caption = 'GREENBELT';
    };

    if (url == '7'){
        caption = 'GREENBELT';
    };

    if (url == '8'){
        caption = 'LA QUINTA INN &amp; SUITES';
    };

    if (url == '9'){
        caption = 'LANDSCAPE DETAIL';
    };

    if (url == '10'){
        caption = 'HIKE &amp; BIKE TRAILS';
    };
        
    if (url == '11'){
        caption = 'DESIGN DETAIL';
    };
    
    if (url == '12'){
        caption = 'DESIGN DETAIL';
    };
    
    if (url == '13'){
        caption = 'TENANT IDENTITY';
    };

    if (url == '14'){
        caption = 'DESIGN DETAIL';
    };
    
    if (url == '15'){
        caption = 'ERCOT &amp; HOLIDAY INN';
    };

    if (url == '16'){
        caption = 'LANDSCAPE DETAIL';
    };

    if (url == '17'){
        caption = 'DESIGN DETAIL';
    };
    
    if (url == '18'){
        caption = 'TENANT IDENTITY';
    };

    if (url == '19'){
        caption = 'METROCENTER DRIVE';
    };
    
    if (url == '20'){
        caption = 'BUILDING DETAIL';
    };
    
    return '<div id="mc' + url + '"><a id="thumb' + url + '" href="/site/i/mc-tour/mc-tour-big-' + url + '.jpg" class="highslide" onclick="return hs.expand(this)"><img src="/site/i/mc-tour/mc-tour-' + url + '.jpg" width="131" height="131" alt="' + caption + '" /></a><div class="highslide-caption" id="caption-for-thumb' + url + '"><a href="#" onclick="return hs.close(this)" id="closecontrol"  class="control">CLOSE</a>' + caption + '</div></div>';
};


function mycarouselMC_itemVisibleInCallback(carousel, item, i, state, evt){
    // The index() method calculates the index from a
    // given index who is out of the actual item range.
    //var idx = carousel.index(i, mycarouselMC_itemList.length);
    //carousel.add(i, mycarouselMC_getItemHTML(idx - 1));

    // Auto scroll to Amenities
    //jQuery('li#amenitieslink').bind('click', function() {
    //    carousel.scroll(jQuery.jcarousel.intval(6));
    //    return false;
    //});
};

function mycarouselMC_itemVisibleOutCallback(carousel, item, i, state, evt){
    //carousel.remove(i);
};