$(function() {
  
    $.ajax({
           type: "GET",
           url: "RIFlash/RIcontent.xml",
           dataType: "xml",
           success: function(xml) {
               $(xml).find('Item').each(function(){         
                  var imageAlt = $(this).attr('alt');
                  var imageWidth = $(this).attr('width');
                  var imageHeight = $(this).attr('height');
                  var imageSrc = $(this).attr('src'); 
                  var imageLink = $(this).attr('link'); 
                  var imageClass = $(this).attr('class');
                      if((imageClass == 'img1')||(imageClass == 'img6'))
                      {
                         $("#image_wrap").append('<a href="'+imageLink+'"><img src="'+imageSrc+'" alt="'+imageAlt+'" width="'+imageWidth+'" height="'+imageHeight+'" /></a>');}
                    else 
                    {
                        $("#image_wrap").append('<a><img src="'+imageSrc+'" alt="'+imageAlt+'" width="'+imageWidth+'" height="'+imageHeight+'" /></a>');
                    }
               }); //close each(
           } //close success
       }); //close $.ajax
       loadSmallImages();     
     $(".scrollable").scrollable();
      
});//close document.ready

function loadSmallImages()
{
   
                $('#image_wrap').ajaxComplete(function(even, request, settings) {
                    $('#image_wrap').cycle({
                    speed:    1500, 
                    fx:      'fade', 
                    timeout:  5000,
                    next: '.next',
                    prev: '.prev',
	                pause: 		true,
	                pauseOnPagerHover: true,
	                pager: "#innerFlashBox ",
	                pagerAnchorBuilder: function(idx, slide) {
		                return '<a><img src="RIFlash/smallPic/img0' + (idx+1) +'_t.png" alt=""/></a>';}
            		    
                  });//close cycle
           
             });  //   close $.ajaxComplete           
}