var ZappingArray = new Array();
    var delai = 5000;
    var timeout = 'ZappingTimer';
    
    function AddElementToArray(item)
    {
        if(ZappingArray != null)
        {
            ZappingArray = new Array();
        }
        ZappingArray.push(item.toString().split('@@@@@@ '));
        DisplayInfo(0, false);
        //declaration
        var img;
        var zap;
        var zapArray;
        // image 1
        img = document.getElementById('_imgdetail1');
        zap = ZappingArray[0][0];
        zapArray = zap.toString().split('||');
        img.src = zapArray[0];
        // image 2
        img = document.getElementById('_imgdetail2');
        zap = ZappingArray[0][1];
        zapArray = zap.toString().split('||');
        img.src = zapArray[0];
        // image 3
        img = document.getElementById('_imgdetail3');
        zap = ZappingArray[0][2];
        zapArray = zap.toString().split('||');
        img.src = zapArray[0];
        // image 4
        img = document.getElementById('_imgdetail4');
        zap = ZappingArray[0][3];
        zapArray = zap.toString().split('||');
        img.src = zapArray[0];
        // image 4
        img = document.getElementById('_imgdetail5');
        zap = ZappingArray[0][4];
        zapArray = zap.toString().split('||');
        img.src = zapArray[0];
        // image 4
        img = document.getElementById('_imgdetail6');
        zap = ZappingArray[0][5];
        zapArray = zap.toString().split('||');
        img.src = zapArray[0];
        // image 4
        img = document.getElementById('_imgdetail7');
        zap = ZappingArray[0][6];
        zapArray = zap.toString().split('||');
        img.src = zapArray[0];
        // image 4
        img = document.getElementById('_imgdetail8');
        zap = ZappingArray[0][7];
        zapArray = zap.toString().split('||');
        img.src = zapArray[0];
        // image 4
        img = document.getElementById('_imgdetail9');
        zap = ZappingArray[0][8];
        zapArray = zap.toString().split('||');
        img.src = zapArray[0];
    }
    
    function DisplayInfo(pos, stop)
    {
        // reset borders
        InitializeStyleForImages();
        
        // set selected
        var div = document.getElementById('_divDetail' + (pos + 1));
        div.style.borderWidth = '1px';
        div.style.borderColor = '#64CEFF';        
        
        var imgBig = document.getElementById('_img');
        var zap = ZappingArray[0][pos];
        var zapArray = zap.toString().split('||');
        imgBig.src = zapArray[0].toString();
        
        // Titre
        var titre = document.getElementById('_divTitre');
        titre.innerHTML = zapArray[1].toString();
        
        // Description
        var description = document.getElementById('_divDescription');
        description.innerHTML = zapArray[2].toString();
        
        // Publication Name
        var publication = document.getElementById('_divPublication');
        publication.innerHTML = zapArray[3].toString();
        publication.href = zapArray[9].toString();
        
        // Date Parution
        var dateparution = document.getElementById('_divDate');
        dateparution.innerHTML = zapArray[5].toString();
        
        // Page
        var page = document.getElementById('_divPage');
        page.innerHTML = zapArray[6].toString();
        page.href = zapArray[9].toString();
        
        // couverture
        var couverture = document.getElementById('_imgCouv');
        couverture.src = zapArray[8].toString();
        
        // Page
        var suite = document.getElementById('_lnkSuite');
        suite.href = zapArray[9].toString();
        
        div = document.getElementById('_divContentDetail');
        div.style.width = (page.offsetWidth + publication.offsetWidth + dateparution.offsetWidth + 10).toString() + 'px';
        
        if(stop)
            clearTimeout(timeout);
        else
        {
            if(pos == 8)
                pos = 0;
            else 
                pos = pos + 1;
            timeout = setTimeout('DisplayInfo(' + (pos) + ', ' + stop + ')', delai);
        }
    }
    
    function RedirectToPage(pos)
    {        
        var zap = ZappingArray[0][pos];
        var zapArray = zap.toString().split('||');
        document.location.href = zapArray[zapArray.length - 1].toString();
    }
    
    function InitializeStyleForImages()
    {
        var div;
        div = document.getElementById('_divDetail1');
        div.style.borderWidth = 'thin';
        div.style.borderColor = '#FFFFFF';
        div.style.cursor = 'pointer';
        div = document.getElementById('_divDetail2');
        div.style.borderWidth = 'thin';
        div.style.borderColor = '#FFFFFF';
        div.style.cursor = 'pointer';
        div = document.getElementById('_divDetail3');
        div.style.borderWidth = 'thin';
        div.style.borderColor = '#FFFFFF';
        div.style.cursor = 'pointer';
        div = document.getElementById('_divDetail4');
        div.style.borderWidth = 'thin';
        div.style.borderColor = '#FFFFFF';
        div.style.cursor = 'pointer';
        div = document.getElementById('_divDetail5');
        div.style.borderWidth = 'thin';
        div.style.borderColor = '#FFFFFF';
        div.style.cursor = 'pointer';
        div = document.getElementById('_divDetail6');
        div.style.borderWidth = 'thin';
        div.style.borderColor = '#FFFFFF';
        div.style.cursor = 'pointer';
        div = document.getElementById('_divDetail7');
        div.style.borderWidth = 'thin';
        div.style.borderColor = '#FFFFFF';
        div.style.cursor = 'pointer';
        div = document.getElementById('_divDetail8');
        div.style.borderWidth = 'thin';
        div.style.borderColor = '#FFFFFF';
        div.style.cursor = 'pointer';
        div = document.getElementById('_divDetail9');
        div.style.borderWidth = 'thin';
        div.style.borderColor = '#FFFFFF';
        div.style.cursor = 'pointer';
    }