// JavaScript Document

var moveing = false; 
function $(id) { return document.getElementById(id); } 
function moveElement(elementID,final_x,final_y,interval) { 
if (!document.getElementById) return false; 
if (!document.getElementById(elementID)) return false; 
var elem = document.getElementById(elementID); 
if (elem.movement) { 
clearTimeout(elem.movement); 
} 
if (!elem.style.left) { 
elem.style.left = "0px"; 
} 
if (!elem.style.top) { 
elem.style.top = "0px"; 
} 
var xpos = parseInt(elem.style.left); 
var ypos = parseInt(elem.style.top); 
if (xpos == final_x && ypos == final_y) { 
moveing=false; 
return true; 
} 
if (xpos < final_x) { 
var dist = Math.ceil((final_x - xpos)/10);
xpos = xpos + dist; 
} 
if (xpos > final_x) { 
var dist = Math.ceil((xpos - final_x)/10); 
xpos = xpos - dist; 
} 
if (ypos < final_y) { 
var dist = Math.ceil((final_y - ypos)/10); 
ypos = ypos + dist; 
} 
if (ypos > final_y) { 
var dist = Math.ceil((ypos - final_y)/10); 
ypos = ypos - dist; 
} 
elem.style.left = xpos + "px"; 
elem.style.top = ypos + "px"; 
var repeat = "moveElement('"+elementID+"',"+final_x+","+final_y+","+interval+")"; 
elem.movement = setTimeout(repeat,interval); 
} 
function next(scrollID) { 
if(moveing) return; 
moveing = true; 
var vTop = parseInt($(scrollID).style.top); 
var vLeft = parseInt($(scrollID).style.left); 
if (vLeft <= -976) return moveing=false; 
var finalLeft = vLeft - 244; 
moveElement(scrollID,finalLeft,vTop,3); 
} 
function previous(scrollID) { 
if(moveing) return; 
moveing = true; 
var vTop = parseInt($(scrollID).style.top); 
var vLeft = parseInt($(scrollID).style.left); 
if (vLeft >= 0) return moveing=false;  
var finalLeft = vLeft + 244; 
moveElement(scrollID,finalLeft,vTop,3); 

} 
function nexttwo(scrollID) { 
if(moveing) return; 
moveing = true; 
var vTop = parseInt($(scrollID).style.top); 
var vLeft = parseInt($(scrollID).style.left); 
if (vLeft <= -600) return moveing=false; 
var finalLeft = vLeft - 200; 
moveElement(scrollID,finalLeft,vTop,3); 
} 
function previoustwo(scrollID) { 
if(moveing) return; 
moveing = true; 
var vTop = parseInt($(scrollID).style.top); 
var vLeft = parseInt($(scrollID).style.left); 
if (vLeft >= 0) return moveing=false;  
var finalLeft = vLeft + 200; 
moveElement(scrollID,finalLeft,vTop,3); 

}

function nextthree(scrollID) { 
if(moveing) return; 
moveing = true; 
var vTop = parseInt($(scrollID).style.top); 
var vLeft = parseInt($(scrollID).style.left); 
if (vTop <= -360) return moveing=false; 
var finalTop = vTop - 120; 
moveElement(scrollID,vLeft,finalTop,3); 
} 
function previousthree(scrollID) { 
if(moveing) return; 
moveing = true; 
var vTop = parseInt($(scrollID).style.top); 
var vLeft = parseInt($(scrollID).style.left); 
if (vTop >= 0) return moveing=false;  
var finalTop = vTop + 120; 
moveElement(scrollID,vLeft,finalTop,3); 

}

function nextt(scrollID) { 
if(moveing) return; 
moveing = true; 
var vTop = parseInt($(scrollID).style.top); 
var vLeft = parseInt($(scrollID).style.left); 
if (vTop <= -364) return moveing=false; 
var finalTop = vTop - 100; 
moveElement(scrollID,vLeft,finalTop,3); 
} 
function previoust(scrollID) { 
if(moveing) return; 
moveing = true; 
var vTop = parseInt($(scrollID).style.top); 
var vLeft = parseInt($(scrollID).style.left); 
if (vTop >= 0) return moveing=false;  
var finalTop = vTop + 100; 
moveElement(scrollID,vLeft,finalTop,3); 

}

function previousthree(scrollID) { 
if(moveing) return; 
moveing = true; 
var vTop = parseInt($(scrollID).style.top); 
var vLeft = parseInt($(scrollID).style.left); 
if (vTop >= 0) return moveing=false;  
var finalTop = vTop + 120; 
moveElement(scrollID,vLeft,finalTop,3); 

}


function nextco(scrollID) { 
if(moveing) return; 
moveing = true; 
var vTop = parseInt($(scrollID).style.top); 
var vLeft = parseInt($(scrollID).style.left); 
if (vTop <= -333) return moveing=false; 
var finalTop = vTop - 112; 
moveElement(scrollID,vLeft,finalTop,3); 
} 
function previousco(scrollID) { 
if(moveing) return; 
moveing = true; 
var vTop = parseInt($(scrollID).style.top); 
var vLeft = parseInt($(scrollID).style.left); 
if (vTop >= 0) return moveing=false;  
var finalTop = vTop + 112; 
moveElement(scrollID,vLeft,finalTop,3); 

}
