var myVelocity = 0;
var maxVelocity = 3;

function showMe(caller) {
	if(typeof(caller) == 'undefined' || caller == null) return;
    var divId = caller.name;
    divID = divId.substr(2, divId.length - 2);
    var par = caller.parentNode.parentNode.parentNode.parentNode;
    var divToShow = document.getElementById(divID);
    var aNode;
    
    for(aNode = firstChildEl(par); aNode != null; aNode = nextEl(aNode)) {
        aNode.className = "tabs";
    }
    
    for(aNode = firstChildEl(divToShow.parentNode); aNode != null; aNode = nextEl(aNode)) {
        if(aNode.getAttribute("id") == divID){
            aNode.style.display = "block";
        } else {
            aNode.style.display = "none";
        }
    }
    
    caller.parentNode.parentNode.parentNode.className = "tabs on";
    
}

function firstChildEl(el){
    el = el.firstChild;
    while(el && el.nodeType != 1){
        el = el.nextSibling;
    }
    return el;
}

function nextEl_m(el, num){
    for(var k=0;k<num;k++){
       el = nextEl(el);     
    }    
    return el;
}

function nextEl(el){
    
    if(el){
         el = el.nextSibling;   
    }
    return (el && el != null && el.nodeType != 1) ? nextEl(el) : el;
}

function prevEl_m(el, num){
    for(var k=0;k<num;k++){
       el = prevEl(el);     
    }    
    return el;
}

function prevEl(el){
    el = el.previousSibling;
    return (el && el != null && el.nodeType != 1) ? prevEl(el) : el;
}

function scrollThumbnails(obj, direction){
    var domObj = document.getElementById(obj);
    var intervalID;
    myVelocity = 0;
    switch(direction){
        case 0:
            //Stop animating
            clearInterval(domObj.getAttribute("tId"));
        break;
        case -1:
        case 1:
            //Scroll Right
            intervalID = setInterval("scrollObj('"+obj+"',"+direction+")", 10);
            domObj.setAttribute("tId", intervalID);
        break;
    }

}

function scrollObj(obj, direction) {
    var domObj = document.getElementById(obj);
    myVelocity = (myVelocity < maxVelocity) ? myVelocity+.2 : myVelocity;
    
    if((domObj.offsetLeft > -1) && (direction > 0)) {
        myVelocity = 0;
    } else if ((Math.abs(domObj.offsetLeft) > (domObj.offsetWidth - domObj.parentNode.offsetWidth)) && (direction < 0)) {
        myVelocity = 0;
    }
    domObj.style.left = (domObj.offsetLeft + direction * myVelocity) + "px";
}

function demoWindow(URL) {
    day = new Date();
    id = day.getTime();
    eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=1,width=982,height=680,left = 300,top = 100');");
}