/*var ctr=0;
function openpopup(popurl){
var winName = "win_"+(ctr++);
winpops=window.open(popurl,winName,"width=990,height=360,location=no,status=no,scrollbars=no")
}*/

var FIRST_ARTICLE_ID = "ac0";
var DRAG_CONTAINER_ID = "dragContainer";
var COLUMN_WIDTH = 160;
var TOTAL_BORDER = 137;
var MOUSE_MIN_OFFSET = 1; // Mouse offset to be valid for opening the window.
var IS_IE = document.all && typeof opera == 'undefined';
var HEIGHT_OFFSET = 50; // IE Value for the offset (top & bottom to the total height) * was 50
var SCROLL_SPEED_UP = 12;
var SCROLL_SPEED_DOWN = -12;
var SCROLL_MULTIPLIER = 3;
var OFFSET_DOUBLECLICK = 200;
var BREAK_MULTIPLICATOR = 10;
var BOTTOM_CONTENT_CROP = 3;

/**
 * Internal Holders
 */
var elem = null; // Article source
var cont = null; // Article container
var dragCont = null; // DragContainer (container for drag content)
var columns = []; // Columns in a array
var columnsContents = []; // Columnscontent in a array 
var countedColumns = null; // Contains the last counted columns
var currentPos = 0; // Current position of the content
var minPos = 0; // Minimal position available
var startDragMousePos = 2; // y-Position of the mouse by starting to drag
var startDragMousePosX = 2; // xPosition of the mouse by starting to drag
var startDragPos = null; // Position of the content by starting to drag
var isDragging = false;
var isScrolling = false;
var scrollSpeed = 0;
var allowedSelectedTags = "input|textarea|select"; // Allow those tags
var scrollMultiplier = 0;
var tooSmallEntries = 0;
var columnCount = 0;
var columnBin = 1;
var specColumnPos = [160,160];
var keyScrolling = false;
var searchFocus = false;


function getContainer() {
  if(!cont) cont = getFirstElement().parentNode;
  return cont;
}

function getDragContainer() {
  if(!dragCont) dragCont = document.getElementById(DRAG_CONTAINER_ID);
  return dragCont;
}

function countColumns(width) {
  countedColumns = Math.ceil(width/COLUMN_WIDTH);
  return countedColumns;
}

function getFirstElement() {
  if(!elem) elem = document.getElementById(FIRST_ARTICLE_ID);
  return elem;
}

function getPosition(obj) {
  var pos = {x:0,y:0};
  while (obj.offsetParent){
    pos.x += obj.offsetLeft;
    pos.y += obj.offsetTop;
    obj = obj.offsetParent;
  }
  return pos;
}

function addColumn(column) {
  var pos = getPosition(column);
  
  column.yPosition = pos.y;
  column.xPosition = pos.x;
  column.uid = columnCount++;
  columnBin = columnBin*2;
  column.bin = columnBin;
  column.childNodes[0].formerPos = 0;
  columns.push(column);
}

function createNeededColumns(count) {
  if(columns.length == 0) {
    var col = getFirstElement();    
    col.style.height = "";
    col.style.overflow = "";
    addColumn(col);
  }
  if(columns.length < count) {
    var pos = columns.length * COLUMN_WIDTH;
    for (i=columns.length; i < count; i++, pos+=COLUMN_WIDTH) {
      var col = elem.cloneNode(true);
      col.id = "ac"+i;
      col.className = "artCol";
      col.style.left = pos+"px";
      cont.appendChild(col);
      addColumn(col);
    }
  }
}

// IE Specific Code
//var updateMinPos;
var updatePosition;
//if(IS_IE) {
//  updatePosition = function() {
//    var windowHeight = getDragContainer().offsetHeight;
//    var pos = currentPos;

//    for (var i = 0; i< countedColumns; i++) {
//      var column = columns[i];
//      if((tooSmallEntries & column.bin) <= 0) {
//        var elem = column.childNodes[0];
//        var curPos = elem.formerPos;
//        //alert('curPos:'+ curPos + ' pos:'+ pos +' column.breakSpeed:'+ column.breakSpeed +' effectivePos:' +effectivePos);
//        var effectivePos = curPos+(pos-curPos)/column.breakSpeed;       
//        elem.formerPos = effectivePos;
//        elem.style.top = effectivePos+"px";        
//        //alert('windowHeight:' + windowHeight + ' column.yPosition:'+ column.yPosition + ' HEIGHT_OFFSET:'+HEIGHT_OFFSET);
//        pos -= (windowHeight);        
//      }
//    }
//  }
//} else {

    updatePosition = function() {
        //console.log('updatePosition');
        var windowHeight = getDragContainer().offsetHeight;
        var pos = currentPos;
        for (var i = 0; i< countedColumns; i++) {
            var column = columns[i];
            if((tooSmallEntries & column.bin) <= 0) {
                var elem = column.childNodes[0];
                var curPos = elem.formerPos;
                var effectivePos = curPos + (pos-curPos) / column.breakSpeed;
                elem.formerPos = effectivePos;
                elem.style.top = effectivePos + 'px';
                pos -= (windowHeight);
            }
        }
    }
  
//This function is only used on init, its used to animate the elements into there start position  
//before we used the updatePosition without any animation
function placeElements(){
    var windowHeight = getDragContainer().offsetHeight;
    var pos = currentPos;
    window['animationCount'] = 1;
    
    for (var i = 0; i< countedColumns; i++) {
        var column = columns[i];
        if((tooSmallEntries & column.bin) <= 0) {
            var elem = column.childNodes[0];
            var curPos = elem.formerPos;            
            var effectivePos = curPos + (pos-curPos) / column.breakSpeed;
            elem.formerPos = effectivePos;
            
            //the newly created jquery animation
            $(elem).animate({
                top: effectivePos
            }, ((countedColumns - i) * 500), function() {                

                //we need to add the window repeater, but not until the animation is done.. otherwise we f!£$ it up..                
                if(parseInt(window['animationCount']) == i){
                    window.setInterval("update();", 13);
                }
                window['animationCount'] = parseInt(window['animationCount']) + 1;
                
            });
            pos -= (windowHeight);
        }
    }
}


function updateSize() {
      //console.log('updateSize');
    //  alert('windowWidth: '+ getDragContainer().offsetTop);
      
      var windowWidth = getDragContainer().offsetWidth;
      
      createNeededColumns(countColumns(windowWidth));
      startDragMousePos = 0;
      startDragMousePosX = COLUMN_WIDTH;
      setPosition(currentPos);
      updateDragBreak(true);
      //updatePosition();
    //updateMinPos();
}

function setPosition(pos) {
  //if(pos < minPos) {
  //  pos = minPos;
  //}
  if(pos > 0) {
    pos = 0;
  }
  if(pos != currentPos) {
    currentPos = pos;
  }
}

function getColumnBreak(pos)  {
  if(!startDragMousePos) return 1;
  return Math.abs((Math.round((Math.abs(startDragMousePosX-pos-COLUMN_WIDTH/2))/COLUMN_WIDTH))*BREAK_MULTIPLICATOR)+1;
}
/*
function getColumnBreak(pos)  {
  if(!startDragMousePos) return 1;
  return Math.abs((Math.round((Math.abs(startDragMousePosX-pos-COLUMN_WIDTH/2))/COLUMN_WIDTH))*BREAK_MULTIPLICATOR)+1;
}*/


function updateDragBreak() {
  var offset = getDragContainer().offsetLeft;
  for(var i = 0; i < countedColumns; i++) {
    columns[i].breakSpeed = getColumnBreak(columns[i].offsetLeft+offset);
  }
}

function startDrag(e) {
  if(!isScrolling) {
    startDragPos = currentPos;
    startDragMousePos = e ? e.clientY : event.clientY;
    startDragMousePosX = e ? e.clientX : event.clientX;
    isDragging = true;
    updateDragBreak(false);
  }
}

function stopDrag() {
  isDragging = false;
}

function startScrollUp() {
  if(!isDragging) {
    stopScrollMultiplicator();
    startDragMousePosX = 2;
    startDragMousePos = 2;
    scrollSpeed = SCROLL_SPEED_UP;
    isScrolling = true;
  }
}

function startScrollMultiplicator() {
  scrollMultiplier = SCROLL_MULTIPLIER;
}

function stopScrollMultiplicator() {
  scrollMultiplier = 1;
}

function startScrollDown() {
  if(!isDragging) {
    stopScrollMultiplicator();
    startDragMousePos = 2;
    startDragMousePosX = 2;
    scrollSpeed = SCROLL_SPEED_DOWN;
    isScrolling = true;
  }
}

function stopScroll() {
  isScrolling = false;
}

function drag(e) {
  e = e ? e : event;
  var mousePos = e.clientY;
  if(isDragging) {  
    if(typeof e.button != "undefined" && e.button == 0 && document.all) {
      stopDrag();
    } else {
      setPosition(startDragPos+mousePos-startDragMousePos);
    }
  }
}

function init() {
  if(typeof document.getElementById != "undefined" && getFirstElement() != null) {

    getContainer().style.top = "0px";
    window.onresize = updateSize;
    document.body.onmousemove = drag;
    
    document.body.onmousewheel = function(delta) {
      setPosition(currentPos-event.wheelDelta);
    }
    document.body.ondrag = document.body.onstartdrag = document.onselectstart = function() {
      return false;
    }
    document.onmousedown = function(e) {
      startDrag(e);
      if (typeof e != 'undefined' && allowedSelectedTags.indexOf(e.target.tagName.toLowerCase())==-1)
        return false;
    }
    document.onmouseup = function(e) { 
      stopDrag();
      return true;
    }
    
    
    updateSize();
    placeElements();
    updateDragBreak(false);
    
    
    // Safari position actualisation.
    // window.setTimeout("updateMinPos();", 50);
    
    
    if( document.captureEvents ) {
        //non IE
        if( Event.KEYUP ) {
            //NS 4, NS 6+, Mozilla 0.9+
            document.captureEvents( Event.KEYUP );
        }
    }
    /* this next line tells the browser to detect a keyup
    event over the whole document and when it detects it,
    it should run the event handler function 'alertkey' */
    document.onkeyup = alertkey;
  }
}

function initLink(that, id) {
  that.onmouseover = new Function("");
  that.startX = -1;
  that.startY = -1;
  that.doOpen = false;
  that.onclick = function() {
    return false;
  }
  that.onmousedown = function(e) {
    this.startX = e ? e.clientX : event.clientX;
    this.startY = e ? e.clientY : event.clientY;
    this.doOpen = true;
    return false;
  }
  that.onmousemove = function(e) {
    var ev = e ? e : event;
    var x = ev.clientX;
    var y = ev.clientY;
    if((    this.startX + MOUSE_MIN_OFFSET < x || this.startX - MOUSE_MIN_OFFSET > x 
         || this.startY + MOUSE_MIN_OFFSET < y || this.startY - MOUSE_MIN_OFFSET > y)
       && this.startX != -1 && this.startY != -1){
      this.doOpen = false;
    }
  }
  that.onstopdrag = that.ondrag = that.onstartdrag = function() {
    return false;
  }
  that.onmouseup = function(e) {
    var ev = e ? e : event;
    if(this.doOpen && ev.button != 2) {
      openContent(this, id);
    }
    stopDrag();
    this.startX = -1;
    this.startY = -1;
    return false;
  }
}

function update() {
  if(isScrolling) {
    setPosition(currentPos-(scrollSpeed*scrollMultiplier));
  }
  updatePosition();
}

function openContent(obj, name) {
  var win = window.open(obj.getAttribute('href'), name, "location=no,status=no,scrollbars=yes,resizable=no, width=990,height=751");
  if(win) {
    // Popup Blocker should not cause a error
    win.focus();
  }
  return false;
}


//NOW CREATE THE EVENT HANDLER FUNCTION TO PROCESS THE EVENT
function alertkey(e) {
    if( !e ) {
        //if the browser did not pass the event information to the
        //function, we will have to obtain it from the event register
        if( window.event ) {
            //DOM
            e = window.event;
        } else {
            //TOTAL FAILURE, WE HAVE NO WAY OF REFERENCING THE EVENT
            return;
        }
    }
    if( typeof( e.which ) == 'number' ) {
        //NS 4, NS 6+, Mozilla 0.9+, Opera
        e = e.which;
    } else if( typeof( e.keyCode ) == 'number'  ) {
        //IE, NS 6+, Mozilla 0.9+
        e = e.keyCode;
    } else if( typeof( e.charCode ) == 'number'  ) {
        //also NS 6+, Mozilla 0.9+
        e = e.charCode;
    } else {
        //TOTAL FAILURE, WE HAVE NO WAY OF OBTAINING THE KEY CODE
        return;
    }
    
    if(e==32 && !searchFocus) {
        if(keyScrolling) {
            stopScroll();
            keyScrolling = false;
        } else {
            startScrollUp();
            keyScrolling = true;
        }
    }    
}

function setSearchFocus (par) {
    searchFocus = par;
}

function refresh()
{
    window.location.reload( false );
}