var scrollspeed = 20;

//var imagecontainer = document.getElementById('scrollimages');
//var imagecontainer2 = document.getElementById('scrollimages2');
var imagecontainer3 = document.getElementById('scrollimages3');

//imagecontainer.style.height = '250px';
//imagecontainer.style.border = '1px solid #ccc';
//imagecontainer2.style.height = '250px';
//imagecontainer2.style.border = '1px solid #ccc';
imagecontainer3.style.height = '250px';
imagecontainer3.style.border = '1px solid #ccc';

//var imageul = imagecontainer.getElementsByTagName('ul')[0];
//var imageul2 = imagecontainer2.getElementsByTagName('ul')[0];
var imageul3 = imagecontainer3.getElementsByTagName('ul')[0];

//var imagelist = imageul.getElementsByTagName('a');
//var imagelist2 = imageul2.getElementsByTagName('a');
var imagelist3 = imageul3.getElementsByTagName('a');

//var position = 0;
//var position2 = 0;
var position3 = 0;

//var isscrolling = true;
//var isscrolling2 = true;
var isscrolling3 = true;

/*for(var i=imagelist.length-1; i>=0; i--) {
    var theheight = imagelist[i].firstChild.height;
    imagelist[i].style.left = 90 - imagelist[i].firstChild.width/2 + 'px';
    imagelist[i].style.top = position + 'px';
    imagelist[i].style.position = 'absolute';
    imagecontainer.appendChild(imagelist[i]);
    if(i != 0) {
    	position = position + theheight + 20;
    } else {
    	position = position + 20;
    }
}

for(var i=imagelist2.length-1; i>=0; i--) {
    var theheight2 = imagelist2[i].firstChild.height;
    imagelist2[i].style.left = 90 - imagelist2[i].firstChild.width/2 + 'px';
    imagelist2[i].style.top = position2 + 'px';
    imagelist2[i].style.position = 'absolute';
    imagecontainer2.appendChild(imagelist2[i]);
    if(i != 0) {
    	position2 = position2 + theheight2 + 20;
    } else {
    	position2 = position2 + 20;
    }
}*/

for(var i=imagelist3.length-1; i>=0; i--) {
    var theheight3 = imagelist3[i].firstChild.height;
    imagelist3[i].style.left = 90 - imagelist3[i].firstChild.width/2 + 'px';
    imagelist3[i].style.top = position3 + 'px';
    imagelist3[i].style.position = 'absolute';
    imagecontainer3.appendChild(imagelist3[i]);
    if(i != 0) {
    	position3 = position3 + theheight3 + 20;
    } else {
    	position3 = position3 + 20;
    }
}

//imagecontainer.removeChild(imageul);
//imagecontainer2.removeChild(imageul2);
imagecontainer3.removeChild(imageul3);

//var images = imagecontainer.getElementsByTagName('a');
//var images2 = imagecontainer2.getElementsByTagName('a');
var images3 = imagecontainer3.getElementsByTagName('a');

/*if(images.length > 2) {
	imagecontainer.onmouseover = function() {isscrolling = false;};
	imagecontainer.onmouseout = function() {isscrolling = true; scrollImages();};
} else {
	isscrolling = false;
}

if(images2.length > 2) {
	imagecontainer2.onmouseover = function() {isscrolling2 = false;};
	imagecontainer2.onmouseout = function() {isscrolling2 = true; scrollImages2();};
} else {
	isscrolling2 = false;
}*/

if(images3.length > 2) {
	imagecontainer3.onmouseover = function() {isscrolling3 = false;};
	imagecontainer3.onmouseout = function() {isscrolling3 = true; scrollImages3();};
} else {
	isscrolling3 = false;
}


/*function scrollImages() {
    if(isscrolling) {
    	window.setTimeout('scrollImages()',scrollspeed);
    }
    for(var i=0; i<images.length; i++) {
    	images[i].style.top = parseInt(getStyle(images[i],'top')) - 1 + 'px';	
    	if(parseInt(getStyle(images[i],'top')) < - 140) {
    		images[i].style.top = position  +'px';
    	}
    }
}

function scrollImages2() {
    if(isscrolling2) {
    	window.setTimeout('scrollImages2()',scrollspeed);
    }
    for(var i=0; i<images2.length; i++) {
    	images2[i].style.top = parseInt(getStyle(images2[i],'top')) - 1 + 'px';	
    	if(parseInt(getStyle(images2[i],'top')) < - 140) {
    		images2[i].style.top = position2  +'px';
    	}
    }
}*/

function scrollImages3() {
    if(isscrolling3) {
    	window.setTimeout('scrollImages3()',scrollspeed);
    }
    for(var i=0; i<images3.length; i++) {
    	images3[i].style.top = parseInt(getStyle(images3[i],'top')) - 1 + 'px';	
    	if(parseInt(getStyle(images3[i],'top')) < - 140) {
    		images3[i].style.top = position3  +'px';
    	}
    }
}

//scrollImages();
//scrollImages2();
scrollImages3();




function getStyle(el,styleProp) {
    var x = el;
    if (x.currentStyle)
    	var y = x.currentStyle[styleProp];
    	if(y == 'auto') {
    		alert("GE");
    		y = 0;
    	}
    else if (window.getComputedStyle)
    	var y = document.defaultView.getComputedStyle(x,null).getPropertyValue(styleProp);
    return y;
}