$(function(){
       //クロスフェードのタイミング(ミリ秒)
       var delaytime = 6000;
       //表示するバナーの最大数
       var itemMax = 5;
       //取り込むxmlファイルのパス。表示するHTML基準
       var xmlPath = 'js/setting.xml'

       var arrObj = {};
    $('#imgMainVisual').html('').css({'position':'relative', 'width':'950px','height':'312px','overflow':'hidden'});
       var xmlhttp = false;
       if(typeof ActiveXObject != 'undefined'){ try { xmlhttp = new ActiveXObject('Microsoft.XMLHTTP'); } catch (e) { xmlhttp = false; } }
       if(!xmlhttp && typeof XMLHttpRequest != 'undefined') { xmlhttp = new XMLHttpRequest(); }
       xmlhttp.open('GET', xmlPath);

       xmlhttp.onreadystatechange = function() {
         if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
           xmlData = xmlhttp.responseXML;
           xITME     = xmlData.getElementsByTagName('linkitems');
           bnrItems = xITME[0].childNodes[0].nodeValue;
           if( bnrItems > itemMax ){bnrItems = 5;}
           xIMG      = xmlData.getElementsByTagName('img');
           xALT      = xmlData.getElementsByTagName('alt');
           genBox    = $(document.createElement('div'));
           genBox.attr('id', 'vnavImages'); 
           $('#imgMainVisual').append(genBox);
         for (var i = 0 ;i < bnrItems ;i++) {
             img_elm = $(document.createElement('img')),img_elm.attr({'src': xIMG[i].childNodes[0].nodeValue,'alt': xALT[i].childNodes[0].nodeValue});
             imgItem = $(document.createElement('div')),imgItem.attr({'id': 'vnavImg'+[i+1]}).css({'position':'absolute'}).append(img_elm);
             genBox.append(imgItem);
         }
      $('#vnavImages >div:first').css({'z-index':'1'});
         if(bnrItems!=1){
             for ( i=0; i< bnrItems ; i++){ arrObj[i]= i +1; }
             preLoad1 = setInterval(function() { cnt=2;fadeImg();clearInterval(preLoad1); },0);
             var funcObj = {};
             $.each(arrObj,function(i) {
                 funcObj[i] = function(){
                   cnt =Number(i)+1;
                     $('#vnavImages>div').stop(true, true).fadeOut(3000),
                     $('#vnavImg'+cnt).stop(true, true).fadeIn(3000).css({'z-index':'1'});
                   ++cnt;
                   if( cnt > $('#vnavImages>div').length ){cnt = 1;}
                 }
             });
             function fadeImg() { fadeTimer = setInterval(function() { j =cnt-1; funcObj[j](); }, delaytime); }
         }
      }
    },xmlhttp.send(null);

});

