/*********************************************************************************************
Dragable boxes
Copyright (C) January, 2006, DHTMLGoodies.com, Alf Magne Kalleland

This library is free software; you can redistribute it and/or
modify it under the terms of the GNU Lesser General Public
License as published by the Free Software Foundation; either
version 2.1 of the License, or (at your option) any later version.

This library is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
Lesser General Public License for more details.

You should have received a copy of the GNU Lesser General Public
License along with this library; if not, write to the Free Software
Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA

Also add information on how to contact you by electronic and paper mail.

You should also get your employer (if you work as a programmer) or your
school, if any, to sign a "copyright disclaimer" for the library, if
necessary.  Here is a sample; alter the names:

DHTMLGoodies.com., hereby disclaims all copyright interest in the
this script/library written by Alf Magne Kalleland.

Alf Magne Kalleland, 2006
*******************************************************************************************/    
    
    /* USER VARIABLES */
    
    var numberOfColumns = 3;    // Number of columns for dragable boxes
    var columnParentBoxId = 'floatingBoxParentContainer';   // Id of box that is parent of all your dragable boxes
    var src_rightImage = 'images/arrow_right.gif';
    var src_downImage = 'images/arrow_down.gif';
    var src_refreshSource = 'images/refresh.gif';
    var src_smallRightArrow = 'images/small_arrow.gif';
    
    var transparencyWhenDragging = false;
    var txt_editLink = 'Editer';
    var txt_editLink_stop = 'Valider edition';
    var autoScrollSpeed = 4;    // Autoscroll speed - Higher = faster   
    var dragObjectBorderWidth = 1;  // Border size of your RSS boxes - used to determine width of dotted rectangle
    
    var useCookiesToRememberRSSSources = true;
    
    var nameOfCookie = 'dragable_rss_boxes';    // Name of cookie
    
    /* END USER VARIABLES */
    
    
    
    var columnParentBox;
    var dragableBoxesObj;
    
    var ajaxObjects = new Array();
    
    var boxIndex = 0;   
    var autoScrollActive = false;
    var dragableBoxesArray = new Array();
    
    var dragDropCounter = -1;
    var dragObject = false;
    var dragObjectNextSibling = false;
    var dragObjectParent = false;
    var destinationObj = false;
    
    var mouse_x;
    var mouse_y;
    
    var el_x;
    var el_y;   
    
    var rectangleDiv;
    var okToMove = true;

    var documentHeight = false;
    var documentScrollHeight = false;
    var dragableAreaWidth = false;
        
    var opera = navigator.userAgent.toLowerCase().indexOf('opera')>=0?true:false;
    var cookieCounter=0;
    var cookieRSSSources = new Array();
    
    var staticObjectArray = new Array();
    
    /*
    These cookie functions are downloaded from 
    http://www.mach5.com/support/analyzer/manual/html/General/CookiesJavaScript.htm
    */  
    function Get_Cookie(name) { 
       var start = document.cookie.indexOf(name+"="); 
       var len = start+name.length+1; 
       if ((!start) && (name != document.cookie.substring(0,name.length))) return null; 
       if (start == -1) return null; 
       var end = document.cookie.indexOf(";",len); 
       if (end == -1) end = document.cookie.length; 
       return unescape(document.cookie.substring(len,end)); 
    } 
    // This function has been slightly modified
    function Set_Cookie(name,value,expires,path,domain,secure) { 
        expires = expires * 60*60*24*1000;
        var today = new Date();
        var expires_date = new Date( today.getTime() + (expires) );
        var cookieString = name + "=" +escape(value) + 
           ( (expires) ? ";expires=" + expires_date.toGMTString() : "") + 
           ( (path) ? ";path=" + path : "") + 
           ( (domain) ? ";domain=" + domain : "") + 
           ( (secure) ? ";secure" : ""); 
        document.cookie = cookieString; 
    } 

    function autoScroll(direction,yPos)
    {
        if(document.documentElement.scrollHeight>documentScrollHeight && direction>0)return;
        if(opera)return;
        window.scrollBy(0,direction);
        if(!dragObject)return;
        
        if(direction<0){
            if(document.documentElement.scrollTop>0){
                dragObject.style.top = (el_y - mouse_y + yPos + document.documentElement.scrollTop) + 'px';     
            }else{
                autoScrollActive = false;
            }
        }else{
            if(yPos>(documentHeight-50)){   
                dragObject.style.top = (el_y - mouse_y + yPos + document.documentElement.scrollTop) + 'px';         
            }else{
                autoScrollActive = false;
            }
        }
        if(autoScrollActive)setTimeout('autoScroll('+direction+',' + yPos + ')',5);
    }
        
    function initDragDropBox(e)
    {
        
        
        dragDropCounter = 1;
        if(document.all)e = event;
        
        if (e.target) source = e.target;
            else if (e.srcElement) source = e.srcElement;
            if (source.nodeType == 3) // defeat Safari bug
                source = source.parentNode;
        
        if(source.tagName.toLowerCase()=='img' || source.tagName.toLowerCase()=='a' || source.tagName.toLowerCase()=='input' || source.tagName.toLowerCase()=='td' || source.tagName.toLowerCase()=='tr' || source.tagName.toLowerCase()=='table')return;
        
    
        mouse_x = e.clientX;
        mouse_y = e.clientY;    
        var numericId = this.id.replace(/[^0-9]/g,'');
        el_x = getLeftPos(this.parentNode.parentNode)/1;
        el_y = getTopPos(this.parentNode.parentNode)/1 - document.documentElement.scrollTop;
            
        dragObject = this.parentNode.parentNode;
        
        documentScrollHeight = document.documentElement.scrollHeight + 100 + dragObject.offsetHeight;
        
        
        if(dragObject.nextSibling){
            dragObjectNextSibling = dragObject.nextSibling;
            if(dragObjectNextSibling.tagName!='DIV')dragObjectNextSibling = dragObjectNextSibling.nextSibling;
        }
        dragObjectParent = dragableBoxesArray[numericId]['parentObj'];
            
        dragDropCounter = 0;
        initDragDropBoxTimer(); 
        
        return false;
    }
    
    
    function initDragDropBoxTimer()
    {
        if(dragDropCounter>=0 && dragDropCounter<10){
            dragDropCounter++;
            setTimeout('initDragDropBoxTimer()',10);
            return;
        }
        if(dragDropCounter==10){
            mouseoutBoxHeader(false,dragObject);
        }
        
    }

    function moveDragableElement(e){
        if(document.all)e = event;
        if(dragDropCounter<10)return;
        
        if(document.all && e.button!=1 && !opera){
            stop_dragDropElement();
            return;
        }
        
        if(document.body!=dragObject.parentNode){
            dragObject.style.width = (dragObject.offsetWidth - (dragObjectBorderWidth*2)) + 'px';
            dragObject.style.position = 'absolute'; 
            dragObject.style.textAlign = 'left';
            if(transparencyWhenDragging){   
                dragObject.style.filter = 'alpha(opacity=70)';
                dragObject.style.opacity = '0.7';
            }   
            dragObject.parentNode.insertBefore(rectangleDiv,dragObject);
            rectangleDiv.style.display='block';
            document.body.appendChild(dragObject);

            rectangleDiv.style.width = dragObject.style.width;
            rectangleDiv.style.height = (dragObject.offsetHeight - (dragObjectBorderWidth*2)) + 'px'; 
            
        }
        
        if(e.clientY<50 || e.clientY>(documentHeight-50)){
            if(e.clientY<50 && !autoScrollActive){
                autoScrollActive = true;
                autoScroll((autoScrollSpeed*-1),e.clientY);
            }
            
            if(e.clientY>(documentHeight-50) && document.documentElement.scrollHeight<=documentScrollHeight && !autoScrollActive){
                autoScrollActive = true;
                autoScroll(autoScrollSpeed,e.clientY);
            }
        }else{
            autoScrollActive = false;
        }       

        
        var leftPos = e.clientX;
        var topPos = e.clientY + document.documentElement.scrollTop;
        
        dragObject.style.left = (e.clientX - mouse_x + el_x) + 'px';
        dragObject.style.top = (el_y - mouse_y + e.clientY + document.documentElement.scrollTop) + 'px';
                                

        
        if(!okToMove)return;
        okToMove = false;

        destinationObj = false; 
        rectangleDiv.style.display = 'none'; 
        
        var objFound = false;
        var tmpParentArray = new Array();
        
        if(!objFound){
            for(var no=1;no<dragableBoxesArray.length;no++){
                if(dragableBoxesArray[no]['obj']==dragObject)continue;
                tmpParentArray[dragableBoxesArray[no]['obj'].parentNode.id] = true;
                if(!objFound){
                    var tmpX = getLeftPos(dragableBoxesArray[no]['obj']);
                    var tmpY = getTopPos(dragableBoxesArray[no]['obj']);

                    if(leftPos>tmpX && leftPos<(tmpX + dragableBoxesArray[no]['obj'].offsetWidth) && topPos>(tmpY-20) && topPos<(tmpY + (dragableBoxesArray[no]['obj'].offsetHeight/2))){
                        destinationObj = dragableBoxesArray[no]['obj'];
                        destinationObj.parentNode.insertBefore(rectangleDiv,dragableBoxesArray[no]['obj']);
                        rectangleDiv.style.display = 'block';
                        objFound = true;
                        break;
                        
                    }
                    
                    if(leftPos>tmpX && leftPos<(tmpX + dragableBoxesArray[no]['obj'].offsetWidth) && topPos>=(tmpY + (dragableBoxesArray[no]['obj'].offsetHeight/2)) && topPos<(tmpY + dragableBoxesArray[no]['obj'].offsetHeight)){
                        objFound = true;
                        if(dragableBoxesArray[no]['obj'].nextSibling){
                            
                            destinationObj = dragableBoxesArray[no]['obj'].nextSibling;
                            if(!destinationObj.tagName)destinationObj = destinationObj.nextSibling;
                            if(destinationObj!=rectangleDiv)destinationObj.parentNode.insertBefore(rectangleDiv,destinationObj);
                        }else{
                            destinationObj = dragableBoxesArray[no]['obj'].parentNode;
                            dragableBoxesArray[no]['obj'].parentNode.appendChild(rectangleDiv);
                        }
                        rectangleDiv.style.display = 'block';
                        break;                  
                    }
                    
                    
                    if(!dragableBoxesArray[no]['obj'].nextSibling && leftPos>tmpX && leftPos<(tmpX + dragableBoxesArray[no]['obj'].offsetWidth)
                    && topPos>topPos>(tmpY + (dragableBoxesArray[no]['obj'].offsetHeight))){
                        destinationObj = dragableBoxesArray[no]['obj'].parentNode;
                        dragableBoxesArray[no]['obj'].parentNode.appendChild(rectangleDiv); 
                        rectangleDiv.style.display = 'block';   
                        objFound = true;                
                        
                    }
                }
                
            }
        
        }
        
        if(!objFound){
            
            for(var no=1;no<=numberOfColumns;no++){
                if(!objFound){
                    var obj = document.getElementById('dragableBoxesColumn' + no);          
                    
                        var left = getLeftPos(obj)/1;                       
                    
                        var width = obj.offsetWidth;
                        if(leftPos>left && leftPos<(left+width)){
                            destinationObj = obj;
                            obj.appendChild(rectangleDiv);
                            rectangleDiv.style.display='block';
                            objFound=true;      
                            
                        }               
                    
                }
            }       
            
        }
    

        setTimeout('okToMove=true',5);
        
    }
    
    function stop_dragDropElement()
    {
        
        if(dragDropCounter<10){
            dragDropCounter = -1
            return;
        }
        dragDropCounter = -1;
        if(transparencyWhenDragging){
            dragObject.style.filter = null;
            dragObject.style.opacity = null;
        }       
        dragObject.style.position = 'static';
        dragObject.style.width = null;
        var numericId = dragObject.id.replace(/[^0-9]/g,'');
        if(destinationObj && destinationObj.id!=dragObject.id){
            
            if(destinationObj.id.indexOf('dragableBoxesColumn')>=0){
                destinationObj.appendChild(dragObject);
                dragableBoxesArray[numericId]['parentObj'] = destinationObj;
            }else{
                destinationObj.parentNode.insertBefore(dragObject,destinationObj);
                dragableBoxesArray[numericId]['parentObj'] = destinationObj.parentNode;
            }


                            
        }else{
            if(dragObjectNextSibling){
                dragObjectParent.insertBefore(dragObject,dragObjectNextSibling);    
            }else{
                dragObjectParent.appendChild(dragObject);
            }               
            
            
        }
    

        
        autoScrollActive = false;
        rectangleDiv.style.display = 'none'; 
        dragObject = false;
        dragObjectNextSibling = false;
        destinationObj = false;
        
        if(useCookiesToRememberRSSSources)setTimeout('saveCookies()',100);

        documentHeight = document.documentElement.clientHeight; 
    }

    function saveCookies()
    {
        cookieCounter = 0;
        var tmpUrlArray = new Array();
        for(var no=1;no<=numberOfColumns;no++)
        {
            var parentObj = document.getElementById('dragableBoxesColumn' + no);
            
            var items = parentObj.getElementsByTagName('DIV');
            if(items.length==0)continue;
            
            var item = items[0];
            
            var tmpItemArray = new Array();
            while(item){
                var boxIndex = item.id.replace(/[^0-9]/g,'');
                if(item.id!='rectangleDiv'){
                    tmpItemArray[tmpItemArray.length] = boxIndex;
                }   
                item = item.nextSibling;            
            }
            
            var columnIndex = no;
            
            for(var no2=tmpItemArray.length-1;no2>=0;no2--){
                var boxIndex = tmpItemArray[no2];
                var url = dragableBoxesArray[boxIndex]['rssUrl'];
                var heightOfBox = dragableBoxesArray[boxIndex]['heightOfBox'];
                var maxRssItems = dragableBoxesArray[boxIndex]['maxRssItems'];
                var minutesBeforeReload = dragableBoxesArray[boxIndex]['minutesBeforeReload'];
                var uniqueIdentifier = dragableBoxesArray[boxIndex]['uniqueIdentifier'];
                var state = dragableBoxesArray[boxIndex]['boxState'];
                if(!tmpUrlArray[url]){
                    tmpUrlArray[url] = true;
                    
                    Set_Cookie(nameOfCookie + cookieCounter,url + '#;#' + columnIndex + '#;#' + maxRssItems + '#;#' + heightOfBox + '#;#' + minutesBeforeReload + '#;#' + uniqueIdentifier + '#;#' + state ,60000);
                    cookieRSSSources[url] = cookieCounter;
                    cookieCounter++;    
                
                }else{
                    
                    Set_Cookie(nameOfCookie + cookieCounter,'' + '#;#' + columnIndex + '#;#' + '' + '#;#' + heightOfBox + '#;#' + '' + '#;#' + uniqueIdentifier ,60000);
                    cookieCounter++;
                }       
                
            }
        }
    }
    
    
    function getTopPos(inputObj)
    {       
      var returnValue = inputObj.offsetTop;
      while((inputObj = inputObj.offsetParent) != null){
        if(inputObj.tagName!='HTML')returnValue += inputObj.offsetTop;
      }
      return returnValue;
    }
    
    function getLeftPos(inputObj)
    {
      var returnValue = inputObj.offsetLeft;
      while((inputObj = inputObj.offsetParent) != null){
        if(inputObj.tagName!='HTML')returnValue += inputObj.offsetLeft;
      }
      return returnValue;
    }
        
    
    function createColumns()
    {
        if(!columnParentBoxId){
            alert('No parent box defined for your columns');
            return;
        }
        columnParentBox = document.getElementById(columnParentBoxId);
        var columnWidth = Math.floor(100/numberOfColumns);
        var sumWidth = 0;
        for(var no=0;no<numberOfColumns;no++){
            var div = document.createElement('DIV');
            if(no==(numberOfColumns-1))columnWidth = 99 - sumWidth;
            sumWidth = sumWidth + columnWidth;
            div.style.cssText = 'float:left;width:'+columnWidth+'%;padding:0px;margin:0px;';
            div.style.height='100%';
            div.style.styleFloat='left';
            div.style.width = columnWidth + '%';
            div.style.padding = '0px';
            div.style.margin = '0px';

            div.id = 'dragableBoxesColumn' + (no+1);
            columnParentBox.appendChild(div);
            
            var clearObj = document.createElement('HR');    
            clearObj.style.clear = 'both';
            clearObj.style.visibility = 'hidden';
            div.appendChild(clearObj);
        }
        
        
        
        var clearingDiv = document.createElement('DIV');
        columnParentBox.appendChild(clearingDiv);
        clearingDiv.style.clear='both';
        
    }
    
    function mouseoverBoxHeader()
    {
        if(dragDropCounter==10)return;
        var id = this.id.replace(/[^0-9]/g,'');
        document.getElementById('dragableBoxExpand' + id).style.visibility = 'visible';     
        document.getElementById('dragableBoxRefreshSource' + id).style.visibility = 'visible';      
        document.getElementById('dragableBoxCloseLink' + id).style.visibility = 'visible';
 //       if(document.getElementById('dragableBoxEditLink' + id))document.getElementById('dragableBoxEditLink' + id).style.visibility = 'visible';
        
    }
    function mouseoutBoxHeader(e,obj)
    {
        if(!obj)obj=this;
        
        var id = obj.id.replace(/[^0-9]/g,'');
        document.getElementById('dragableBoxExpand' + id).style.visibility = 'hidden';      
        document.getElementById('dragableBoxRefreshSource' + id).style.visibility = 'hidden';       
        document.getElementById('dragableBoxCloseLink' + id).style.visibility = 'hidden';       
 //       if(document.getElementById('dragableBoxEditLink' + id))document.getElementById('dragableBoxEditLink' + id).style.visibility = 'hidden';
        
    }
    
    function refreshRSS()
    {
        reloadRSSData(this.id.replace(/[^0-9]/g,''));
        setTimeout('dragDropCounter=-5',5);
    }
    
    function showHideBoxContent(e,inputObj)
    {
        if(document.all)e = event;
        if(!inputObj)inputObj=this;
        
        var numericId = inputObj.id.replace(/[^0-9]/g,'');
        var obj = document.getElementById('dragableBoxContent' + numericId);
        
        obj.style.display = inputObj.src.indexOf(src_rightImage)>=0?'none':'block';
        inputObj.src = inputObj.src.indexOf(src_rightImage)>=0?src_downImage:src_rightImage
        
        dragableBoxesArray[numericId]['boxState'] = obj.style.display=='block'?1:0;
        saveCookies();
        setTimeout('dragDropCounter=-5',5);
    }
    
    function mouseover_CloseButton()
    {
        this.className = 'closeButton_over';    
        setTimeout('dragDropCounter=-5',5);
    }
    
    function highlightCloseButton()
    {
        this.className = 'closeButton_over';    
    }
    
    function mouseout_CloseButton()
    {
        this.className = 'closeButton'; 
    }
    
    function closeDragableBox(e,inputObj)
    {
        if(!inputObj)inputObj = this;
        var numericId = inputObj.id.replace(/[^0-9]/g,'');
        document.getElementById('dragableBox' + numericId).style.display='none';    
        
        Set_Cookie(nameOfCookie + cookieRSSSources[dragableBoxesArray[numericId]['rssUrl']],'none' ,60000);

        setTimeout('dragDropCounter=-5',5);
        
    }
    
    function editRSSContent()
    {
        var numericId = this.id.replace(/[^0-9]/g,'');
        var obj = document.getElementById('dragableBoxEdit' + numericId);
        if(obj.style.display=='none'){
            obj.style.display='block';
            this.innerHTML = txt_editLink_stop;
            document.getElementById('dragableBoxHeader' + numericId).style.height = '135px';
        }else{
            obj.style.display='none';
            this.innerHTML = txt_editLink;
            document.getElementById('dragableBoxHeader' + numericId).style.height = '20px';
        }
        setTimeout('dragDropCounter=-5',5);
    }
    
    
    function showStatusBarMessage(numericId,message)
    {
        document.getElementById('dragableBoxStatusBar' + numericId).innerHTML = message;
        
    }
    
    function addBoxHeader(parentObj,externalUrl,notDrabable)
    {
        var div = document.createElement('DIV');
        div.className = 'dragableBoxHeader';
        
        div.id = 'dragableBoxHeader' + boxIndex;
        div.onmouseover = mouseoverBoxHeader;
        div.onmouseout = mouseoutBoxHeader;
        if(!notDrabable){
            div.onmousedown = initDragDropBox;
            div.style.cursor = 'move';
        }
        
        var image = document.createElement('IMG');
        image.id = 'dragableBoxExpand' + boxIndex;
        image.src = src_rightImage;
        image.style.visibility = 'hidden';  
        image.style.cursor = 'pointer';
        image.onmousedown = showHideBoxContent; 
        div.appendChild(image);
        
        var textSpan = document.createElement('SPAN');
        textSpan.id = 'dragableBoxHeader_txt' + boxIndex;
        div.appendChild(textSpan);
                
        parentObj.appendChild(div); 

        var closeLink = document.createElement('A');
        closeLink.style.cssText = 'float:right';
        closeLink.style.styleFloat = 'right';
        closeLink.id = 'dragableBoxCloseLink' + boxIndex;
        closeLink.innerHTML = 'x';
        closeLink.className = 'closeButton';
        closeLink.onmouseover = mouseover_CloseButton;
        closeLink.onmouseout = mouseout_CloseButton;
        closeLink.style.cursor = 'pointer';
        closeLink.style.visibility = 'hidden';
        closeLink.onmousedown = closeDragableBox;
        div.appendChild(closeLink);

            
        var image = document.createElement('IMG');
        image.src = src_refreshSource;
        image.id = 'dragableBoxRefreshSource' + boxIndex;
        image.style.cssText = 'float:right';
        image.style.styleFloat = 'right';
        image.style.visibility = 'hidden';
        image.onclick = refreshRSS;
        image.style.cursor = 'pointer';
        if(!externalUrl)image.style.display='none';
        div.appendChild(image);
        
    
        

        

    }
    
    function saveFeed(boxIndex)
    {
        var heightOfBox = dragableBoxesArray[boxIndex]['heightOfBox'] = document.getElementById('heightOfBox[' + boxIndex + ']').value;
        var intervalObj = dragableBoxesArray[boxIndex]['intervalObj'];
        if(intervalObj)clearInterval(intervalObj);
        
        if(heightOfBox && heightOfBox>40){
            var contentObj = document.getElementById('dragableBoxContent' + boxIndex);
            contentObj.style.height = heightOfBox + 'px';
            contentObj.setAttribute('heightOfBox',heightOfBox);
            contentObj.heightOfBox = heightOfBox;   
            if(document.all)contentObj.style.overflowY = 'auto';else contentObj.style.overflow='-moz-scrollbars-vertical;';
            if(opera)contentObj.style.overflow='auto';          
            
        }
        
        dragableBoxesArray[boxIndex]['rssUrl'] = document.getElementById('rssUrl[' + boxIndex + ']').value;
        dragableBoxesArray[boxIndex]['heightOfBox'] = heightOfBox;
        dragableBoxesArray[boxIndex]['maxRssItems'] = document.getElementById('maxRssItems[' + boxIndex + ']').value;
        dragableBoxesArray[boxIndex]['heightOfBox'] = document.getElementById('heightOfBox[' + boxIndex + ']').value;
        dragableBoxesArray[boxIndex]['minutesBeforeReload'] = document.getElementById('minutesBeforeReload[' + boxIndex + ']').value;
        
        if(dragableBoxesArray[boxIndex]['minutesBeforeReload'] && dragableBoxesArray[boxIndex]['minutesBeforeReload']>5){
            var tmpInterval = setInterval("reloadRSSData(" + boxIndex + ")",(dragableBoxesArray[boxIndex]['minutesBeforeReload']*1000*60)); 
            dragableBoxesArray[boxIndex]['intervalObj'] = tmpInterval;
        }
        reloadRSSData(boxIndex);
        
        if(useCookiesToRememberRSSSources)setTimeout('saveCookies()',100);
        
    }
    
    function addRSSEditContent(parentObj)
    {

        var editLink = document.createElement('A');
        editLink.href = '#';
        editLink.onclick = cancelEvent;
        editLink.style.cssText = 'float:right';
        editLink.style.styleFloat = 'right';
        editLink.id = 'dragableBoxEditLink' + boxIndex;
        editLink.innerHTML = txt_editLink;
        editLink.className = 'dragableBoxEditLink';
        editLink.style.cursor = 'pointer';
        editLink.style.visibility = 'hidden';
        editLink.onmousedown = editRSSContent;
        parentObj.appendChild(editLink);    
                
        var editBox = document.createElement('DIV');
        editBox.style.clear='both';
        editBox.id = 'dragableBoxEdit' + boxIndex;
        editBox.style.display='none';
        
        var content = '<form><table cellpadding="1" cellspacing="1"><tr><td>Source:<\/td><td><input type="text" id="rssUrl[' + boxIndex + ']" value="' + dragableBoxesArray[boxIndex]['rssUrl'] + '" size="25" maxlength="255"><\/td><\/tr>'
        + '<tr><td>Nombre de titres :<\/td><td width="30"><input type="text" id="maxRssItems[' + boxIndex + ']" onblur="this.value = this.value.replace(/[^0-9]/g,\'\');if(!this.value)this.value=' + dragableBoxesArray[boxIndex]['maxRssItems'] + '" value="' + dragableBoxesArray[boxIndex]['maxRssItems'] + '" size="2" maxlength="2"><\/td><\/tr><tr><td>Hauteur de boîte:<\/td><td><input type="text" id="heightOfBox[' + boxIndex + ']" onblur="this.value = this.value.replace(/[^0-9]/g,\'\');if(!this.value)this.value=' + dragableBoxesArray[boxIndex]['heightOfBox'] + '" value="' + dragableBoxesArray[boxIndex]['heightOfBox'] + '" size="2" maxlength="3"><\/td><\/tr><tr>'
        +'<tr><td>Rafraichir toutes les :<\/td><td width="30"><input type="text" id="minutesBeforeReload[' + boxIndex + ']" onblur="this.value = this.value.replace(/[^0-9]/g,\'\');if(!this.value || this.value/1<5)this.value=' + dragableBoxesArray[boxIndex]['minutesBeforeReload'] + '" value="' + dragableBoxesArray[boxIndex]['minutesBeforeReload'] + '" size="2" maxlength="3">&nbsp;minute(s)<\/td><\/tr>'
        +'<tr><td><input type="button" onclick="saveFeed(' + boxIndex + ')" value="Save"><\/td><\/tr><\/table><\/form>';
        editBox.innerHTML = content;
        
        parentObj.appendChild(editBox);     
        
    }
    
    
    function addBoxContentContainer(parentObj,heightOfBox)
    {
        var div = document.createElement('DIV');
        div.className = 'dragableBoxContent';
        if(opera)div.style.clear='none';
        div.id = 'dragableBoxContent' + boxIndex;
        parentObj.appendChild(div);         
        if(heightOfBox && heightOfBox/1>40){
            div.style.height = heightOfBox + 'px';
            div.setAttribute('heightOfBox',heightOfBox);
            div.heightOfBox = heightOfBox;  
            if(document.all)div.style.overflowY = 'auto';else div.style.overflow='-moz-scrollbars-vertical;';
            if(opera)div.style.overflow='auto';
        }       
    }
    
    function addBoxStatusBar(parentObj)
    {
        var div = document.createElement('DIV');
        div.className = 'dragableBoxStatusBar';
        div.id = 'dragableBoxStatusBar' + boxIndex;
        parentObj.appendChild(div); 
        
        
    }
    
    function createABox(columnIndex,heightOfBox,externalUrl,uniqueIdentifier,notDragable)
    {
        boxIndex++;
        
        var maindiv = document.createElement('DIV');
        maindiv.className = 'dragableBox';
        maindiv.id = 'dragableBox' + boxIndex;
        
        var div = document.createElement('DIV');
        div.className='dragableBoxInner';
        maindiv.appendChild(div);
        
        
        addBoxHeader(div,externalUrl,notDragable);
        addBoxContentContainer(div,heightOfBox);
        addBoxStatusBar(div);
        
        var obj = document.getElementById('dragableBoxesColumn' + columnIndex);     
        var subs = obj.getElementsByTagName('DIV');
        if(subs.length>0){
            obj.insertBefore(maindiv,subs[0]);
        }else{
            obj.appendChild(maindiv);
        }
        
        dragableBoxesArray[boxIndex] = new Array();
        dragableBoxesArray[boxIndex]['obj'] = maindiv;
        dragableBoxesArray[boxIndex]['parentObj'] = maindiv.parentNode;
        dragableBoxesArray[boxIndex]['uniqueIdentifier'] = uniqueIdentifier;
        dragableBoxesArray[boxIndex]['heightOfBox'] = heightOfBox;
        dragableBoxesArray[boxIndex]['boxState'] = 1;   // Expanded
        
        staticObjectArray[uniqueIdentifier] = boxIndex;
        
        return boxIndex;
        
    }
    
   var contentArray = new Array();
   var descriptionDiv = false;
   
   function closeDescriptionDiv()
   {
      descriptionDiv.style.display='none';
      
   }
   function addContentBox(contentIndex)
   {
      if(!descriptionDiv){
         descriptionDiv = document.createElement('DIV');
         descriptionDiv.style.position = 'absolute';
         descriptionDiv.style.zIndex = 100000000;
         descriptionDiv.style.backgroundColor='#FFF';
         descriptionDiv.style.padding = '2px';
         descriptionDiv.style.border = '1px solid #000';   
         var innerDiv = document.createElement('DIV');
         innerDiv.style.textAlign = 'left';
         descriptionDiv.appendChild(innerDiv);
         descriptionDiv.style.left = '100px';
         descriptionDiv.style.top = '100px';
         var closeDiv = document.createElement('DIV');
         closeDiv.style.textAlign = 'center';
         closeDiv.innerHTML = '<a href="#" onclick="closeDescriptionDiv();return false">Close</a>';   
         descriptionDiv.appendChild(closeDiv);
         document.body.appendChild(descriptionDiv);
         descriptionDiv.style.width = '200px';

      }
      descriptionDiv.style.display='block';
      
      descriptionDiv.getElementsByTagName('DIV')[0].innerHTML  = contentArray[contentIndex]

      
   }
   /*
   function showRSSData(ajaxIndex,boxIndex)
   {
      var rssContent = ajaxObjects[ajaxIndex].response;
      tokens = rssContent.split(/\n\n/g);
      
      
      var headerTokens = tokens[0].split(/\n/g);
      if(headerTokens[0]=='0'){
         headerTokens[1] = '';
         headerTokens[0] = 'Invalid source';
         closeDragableBox(false,document.getElementById('dragableBoxHeader_txt' + boxIndex));
         return;
      }
      document.getElementById('dragableBoxHeader_txt' + boxIndex).innerHTML = '<span>' + headerTokens[0] + '&nbsp;<\/span><span class="rssNumberOfItems">(' + headerTokens[1] + ')<\/span>';   // title
      
      var string = '<table cellpadding="1" cellspacing="0">';
      for(var no=1;no<tokens.length;no++){   // Looping through RSS items
         var itemTokens = tokens[no].split(/##/g);         
         itemTokens[2] = itemTokens[2].replace(/<[^>]*>/gi,'');
         var tmpIndex = contentArray.length;
         contentArray[tmpIndex] = itemTokens[2];
         string = string + '<tr><td><img src="' + src_smallRightArrow + '"><td><p class=\"boxItemHeader\"><a class=\"boxItemHeader\" href="#" onclick="addContentBox(' + tmpIndex + ');return false">' + itemTokens[0] + '<\/a><\/p><\/td><\/tr>';      
      }
      string = string + '<\/table>';
     document.getElementById('dragableBoxContent' + boxIndex).innerHTML = string;
      showStatusBarMessage(boxIndex,'');
      ajaxObjects[ajaxIndex] = false;
   }
  */
  function showRSSData(ajaxIndex,boxIndex)
    {
        var rssContent = ajaxObjects[ajaxIndex].response;
        tokens = rssContent.split(/\n\n/g);
        
        
        var headerTokens = tokens[0].split(/\n/g);
        if(headerTokens[0]=='0'){
            headerTokens[1] = '';
            headerTokens[0] = 'Invalid source';
            closeDragableBox(false,document.getElementById('dragableBoxHeader_txt' + boxIndex));
            return;         
        }
        document.getElementById('dragableBoxHeader_txt' + boxIndex).innerHTML = '<span>' + headerTokens[0] + '&nbsp;<\/span><span class="rssNumberOfItems">(' + headerTokens[1] + ')<\/span>';  // title
        
        var string = '<table cellpadding="1" cellspacing="0">';
        for(var no=1;no<tokens.length;no++){    // Looping through RSS items
            var itemTokens = tokens[no].split(/##/g);         
            itemTokens[2] = itemTokens[2].replace(/<[^>]*>/gi,'');
            var tmpIndex = contentArray.length;
            contentArray[tmpIndex] = itemTokens[2];
            string = string + '<tr><td><img src="' + src_smallRightArrow + '"><td><p class=\"boxItemHeader\"><a class=\"boxItemHeader\" href="' + itemTokens[3] + '" title"addContentBox(' + tmpIndex + ');return false" onclick="var w = window.open(this.href);return false">' + itemTokens[0] + '<\/a><\/p><\/td><\/tr>';
        }
        string = string + '<\/table>';
        document.getElementById('dragableBoxContent' + boxIndex).innerHTML = string;
        showStatusBarMessage(boxIndex,'');
        ajaxObjects[ajaxIndex] = false;
    }
    
   function reloadRSSData(numericId)
    {
        var ajaxIndex = ajaxObjects.length;
        ajaxObjects[ajaxIndex] = new sack();
        showStatusBarMessage(numericId,'Loading data...');
        ajaxObjects[ajaxIndex].requestFile = 'readRSS.php?rssURL=' + escape(dragableBoxesArray[numericId]['rssUrl']) + '&maxRssItems=' + dragableBoxesArray[numericId]['maxRssItems'];  // Specifying which file to get
        ajaxObjects[ajaxIndex].onCompletion = function(){ showRSSData(ajaxIndex,numericId); };  // Specify function that will be executed after file has been found
        ajaxObjects[ajaxIndex].runAJAX();       // Execute AJAX function            
        
    }
        
    function createARSSBox(url,columnIndex,heightOfBox,maxRssItems,minutesBeforeReload,uniqueIdentifier,state)
    {

        if(!heightOfBox)heightOfBox = '0';
        if(!minutesBeforeReload)minutesBeforeReload = '0';

            
        var tmpIndex = createABox(columnIndex,heightOfBox,true);

        if(useCookiesToRememberRSSSources)
        {
            if(!cookieRSSSources[url]){
                cookieRSSSources[url] = cookieCounter;      
                Set_Cookie(nameOfCookie + cookieCounter,url + '#;#' + columnIndex + '#;#' + maxRssItems + '#;#' + heightOfBox + '#;#' + minutesBeforeReload + '#;#' + uniqueIdentifier + '#;#' + state  ,60000);
                cookieCounter++;
            }
        }       
        
        dragableBoxesArray[tmpIndex]['rssUrl'] = url;
        dragableBoxesArray[tmpIndex]['maxRssItems'] = maxRssItems?maxRssItems:100;
        dragableBoxesArray[tmpIndex]['minutesBeforeReload'] = minutesBeforeReload;
        dragableBoxesArray[tmpIndex]['heightOfBox'] = heightOfBox;
        dragableBoxesArray[tmpIndex]['uniqueIdentifier'] = uniqueIdentifier;
        dragableBoxesArray[tmpIndex]['state'] = state;

        if(state==0){
            showHideBoxContent(false,document.getElementById('dragableBoxExpand' + tmpIndex));
        }
        
        staticObjectArray[uniqueIdentifier] = tmpIndex;
        
        var tmpInterval = false;
        if(minutesBeforeReload && minutesBeforeReload>0){
            var tmpInterval = setInterval("reloadRSSData(" + tmpIndex + ")",(minutesBeforeReload*1000*60));
        }

        dragableBoxesArray[tmpIndex]['intervalObj'] = tmpInterval;
            
        addRSSEditContent(document.getElementById('dragableBoxHeader' + tmpIndex))
            
        if(!document.getElementById('dragableBoxContent' + tmpIndex).innerHTML)document.getElementById('dragableBoxContent' + tmpIndex).innerHTML = 'loading RSS data';

        if(url.length>0 && url!='undefined'){
            
            var ajaxIndex = ajaxObjects.length;
            ajaxObjects[ajaxIndex] = new sack();
            if(!maxRssItems)maxRssItems = 100;
            ajaxObjects[ajaxIndex].requestFile = 'readRSS.php?rssURL=' + escape(url) + '&maxRssItems=' + maxRssItems;   // Specifying which file to get
            ajaxObjects[ajaxIndex].onCompletion = function(){ showRSSData(ajaxIndex,tmpIndex); };   // Specify function that will be executed after file has been found
            ajaxObjects[ajaxIndex].runAJAX();       // Execute AJAX function
        }else{
            hideHeaderOptionsForStaticBoxes(tmpIndex);
        }           
    }
    
    function createHelpObjects()
    {
        /* Creating rectangle div */
        rectangleDiv = document.createElement('DIV');
        rectangleDiv.id='rectangleDiv';
        rectangleDiv.style.display='none';
        document.body.appendChild(rectangleDiv);
        
         
    }
    
    function cancelSelectionEvent(e)
    {
        if(document.all)e = event;
        
        if (e.target) source = e.target;
            else if (e.srcElement) source = e.srcElement;
            if (source.nodeType == 3) // defeat Safari bug
                source = source.parentNode;
        if(source.tagName.toLowerCase()=='input')return true;
                        
        if(dragDropCounter>=0)return false; else return true;   
        
    }
    
    function cancelEvent()
    {
        return false;
    }
    
    function initEvents()
    {
        document.body.onmousemove = moveDragableElement;
        document.body.onmouseup = stop_dragDropElement;
        document.body.onselectstart = cancelSelectionEvent;

        document.body.ondragstart = cancelEvent;    
        
        documentHeight = document.documentElement.clientHeight; 
        
    }
    
    
    function createFeed(formObj)
    {
        var url = formObj.rssUrl.value;
        var items = formObj.items.value;
        var height = formObj.height.value;
        var reloadInterval = formObj.reloadInterval.value;
        if(isNaN(height) || height/1<40)height = false; 
        if(isNaN(reloadInterval) || reloadInterval/1<5)reloadInterval = false;
        createARSSBox(url,1,height,items,reloadInterval);   
    }
    
    function createRSSBoxesFromCookie()
    {
        var tmpArray = new Array();
        var cookieValue = Get_Cookie(nameOfCookie + '0');
        while(cookieValue && cookieValue!=''){
            var items = cookieValue.split('#;#');
            var index = items[0];
            if(!items[0])index = items[5];
            if(items.length>1 && !tmpArray[index]){
                tmpArray[index] = true;
                createARSSBox(items[0],items[1],items[3],items[2],items[4],items[5],items[6]);
                cookieRSSSources[items[0]]=cookieCounter;
            }else{
                cookieCounter++;
            }
            var cookieValue = Get_Cookie(nameOfCookie + cookieCounter);
        }       
    }

    
    /* Clear cookies */
    
    function clearCookiesForDragableBoxes()
    {
        var cookieValue = Get_Cookie(nameOfCookie);
        while(cookieValue && cookieValue!=''){
            Set_Cookie(nameOfCookie + cookieCounter,'',-500);
            cookieCounter++;
            var cookieValue = Get_Cookie(nameOfCookie + cookieCounter);
        }       
        
    }
    
    /* Delete all boxes */
    
    function deleteAllDragableBoxes()
    {
        var divs = document.getElementsByTagName('DIV');
        for(var no=0;no<divs.length;no++){
            if(divs[no].className=='dragableBox')closeDragableBox(false,divs[no]);  
        }
            
    }
    
    /* Reset back to default settings */
    
    function resetDragableBoxes()
    {
        cookieCounter = 0;
        clearCookiesForDragableBoxes();
        
        deleteAllDragableBoxes();
        cookieCounter = 0;
        cookieRSSSources = new Array();
        createDefaultBoxes();
    }
    
    function hideHeaderOptionsForStaticBoxes(boxIndex)
    {
        if(document.getElementById('dragableBoxRefreshSource' + boxIndex))document.getElementById('dragableBoxRefreshSource' + boxIndex).style.display='none';
        if(document.getElementById('dragableBoxCloseLink' + boxIndex))document.getElementById('dragableBoxCloseLink' + boxIndex).style.display='none';      
        if(document.getElementById('dragableBoxEditLink' + boxIndex))document.getElementById('dragableBoxEditLink' + boxIndex).style.display='none';        
    }
    
    
    
    /* You customize this function */
    function createDefaultBoxes()
    {               
        if(cookieCounter==0){
            createARSSBox('http://affordance.typepad.com/mon_weblog/rss.xml',1,false,5,10);
            createARSSBox('http://urfistinfo.blogs.com/urfist_info/index.rdf',1,false,5,10);
            createARSSBox('http://www.outilsfroids.net/index.rdf',1,false,5,10);
            createARSSBox('http://www.homo-numericus.net/backend.php3',1,false,5,10);
            createARSSBox('http://xfruits.com/willyten/?id=19589',1,true,5,10);
            createARSSBox('http://www.internetactu.net/wp-atom.php',1,false,5,10);
            createARSSBox('http://www.nicolasmorin.com/blog/?feed=rss2',2,false,5,10);
            createARSSBox('http://marlenescorner.blogspirit.com/atom.xml',2,false,5,10);
            createARSSBox('http://feeds.feedburner.com/bibliobsession/TKHz',2,false,5,10);
            createARSSBox('http://blogues.ebsi.umontreal.ca/jms/rss.php',2,false,5,10);
            createARSSBox('http://blogbbf.enssib.fr/rss.php',2,false,5,10);
            createARSSBox('http://www.xaviergalaup.fr/blog/feed/',2,false,5,10);
            createARSSBox('http://xfruits.com/willyten/?id=29207',2,false,5,10);
            createARSSBox('http://www.bibliofrance.org/index.php?option=com_rss&feed=RSS0.91&no_html=1',2,false,5,10);
            createARSSBox('http://www.vagabondages.org/feed/rss2',2,false,5,10);
            createARSSBox('http://feeds.feedburner.com/lafeuillerss',3,false,5,10);
            createARSSBox('http://www.zazieweb.fr/site/rss.php?numForum=1',3,false,5,10);
            createARSSBox('http://www.agoradeslivres.com/smartfeed.php?feed_type=RSS2.0&limit=15',3,false,5,10);
            createARSSBox('http://www.lemonde.fr/rss/sequence/0,2-3260,1-0,0.xml',3,false,5,10);
            createARSSBox('http://www.tierslivre.net/spip/spip.php?page=backend',3,false,5,10);
            createARSSBox('http://xfruits.com/willyten/?id=19571',3,false,5,10);

        }
        
        /* Create static boxes
        
        var htmlContentOfNewBox = '<DIV>This is a static box created from the function createDefaultBoxes().</div>';    // HTML content of new box
        var titleOfNewBox = 'This is a static box';
        if(!staticObjectArray['staticObject1']){    // The box is not stored in cookie - we need to create it.
            var newIndex = createABox(1,100,false,'staticObject1');
            document.getElementById('dragableBoxContent' + newIndex).innerHTML = htmlContentOfNewBox;       
            document.getElementById('dragableBoxHeader_txt' + newIndex).innerHTML = titleOfNewBox;      
        }else{  // Box is stored in cookie - all we have to do is to move content into it.
            document.getElementById('dragableBoxContent' + staticObjectArray['staticObject1']).innerHTML = htmlContentOfNewBox; 
            document.getElementById('dragableBoxHeader_txt' + staticObjectArray['staticObject1']).innerHTML = titleOfNewBox;    
            
        }
        hideHeaderOptionsForStaticBoxes(staticObjectArray['staticObject1']);
        
        var htmlContentOfNewBox = 'Répertoire de blogs axé bibliothèques, sciences de l\'information et de la documentation...<br />Vous pouvez sur cette page rajouter les flux que vous souhaitez et créer ainsi une page dédiée aux biblioblogs et personnalisée. Vous pouvez également déplacer les blocs (sauf celui-ci ;) afin d\'obtenir l\'agencement que vous préférez. L\'activation des cookies est obligatoire';    // HTML content of new box
        var titleOfNewBox = '<DIV>BIBLIOBLOG-FR</div>';
        if(!staticObjectArray['staticObject2']){    // The box is not stored in cookie - we need to create it.
            var newIndex = createABox(1,false,false,'staticObject2',true);    // true as last argument indicates that this box is not dragable
            document.getElementById('dragableBoxContent' + newIndex).innerHTML = htmlContentOfNewBox;       
            document.getElementById('dragableBoxHeader_txt' + newIndex).innerHTML = titleOfNewBox;      
        }else{  // Box is stored in cookie - all we have to do is to move content into it.
            document.getElementById('dragableBoxContent' + staticObjectArray['staticObject2']).innerHTML = htmlContentOfNewBox; 
            document.getElementById('dragableBoxHeader_txt' + staticObjectArray['staticObject2']).innerHTML = titleOfNewBox;
            disableBoxDrag( staticObjectArray['staticObject2']);    // Not dragable

        }
        hideHeaderOptionsForStaticBoxes(staticObjectArray['staticObject2']);     */   
        
    }
        
    /* Disable drag for a box */
    function disableBoxDrag(boxIndex)
    {
            document.getElementById('dragableBoxHeader' + boxIndex).onmousedown = '';
            document.getElementById('dragableBoxHeader' + boxIndex).style.cursor = 'default';       
        
    }
    
    
    function initDragableBoxesScript()
    {
        createColumns();    // Always the first line of this function
        createHelpObjects();    // Always the second line of this function
        initEvents();   // Always the third line of this function
        
        if(useCookiesToRememberRSSSources)createRSSBoxesFromCookie();   // Create RSS boxes from cookies
        createDefaultBoxes();   // Create default boxes.


        
    }

    
    
    
    window.onload = initDragableBoxesScript;