/* ---------------------------------------
	backToTop
--------------------------------------- */
function backToTop() {
    var x1 = x2 = x3 = 0;
    var y1 = y2 = y3 = 0;

    if (document.documentElement) {
        x1 = document.documentElement.scrollLeft || 0;
        y1 = document.documentElement.scrollTop || 0;
    }

    if (document.body) {
        x2 = document.body.scrollLeft || 0;
        y2 = document.body.scrollTop || 0;
    }

    x3 = window.scrollX || 0;
    y3 = window.scrollY || 0;

    var x = Math.max(x1, Math.max(x2, x3));
    var y = Math.max(y1, Math.max(y2, y3));

    window.scrollTo(Math.floor(x / 2), Math.floor(y / 2));

    if (x > 0 || y > 0) {
        window.setTimeout("backToTop()", 25);
    }
}



/* ---------------------------------------
	rollover (for image, input(image) Elements)
--------------------------------------- */
function rollover() {
	if (!document.getElementById) return;
	
	// variable init
	var imagePreload = new Array();
	var targetCode   = new Array();
	var temp;
	
	// get imgElements
	imgArray     = document.getElementsByTagName('img');
	inputArray   = document.getElementsByTagName('input');
	
	// set targetCode
	for(var i=0; i<imgArray.length; i++){
		var classNameArray = imgArray[i].className.split(" ");
		for(var j=0; j<classNameArray.length; j++){
			if(classNameArray[j] == "rollover"){
				targetCode.push(imgArray[i]);
			}
		}
	}

	for(var i=0 ;i<inputArray.length; i++){
		if(inputArray[i].type == "image"){
			var classNameArray = inputArray[i].className.split(" ");
			for(var j=0; j<classNameArray.length; j++){
				if(classNameArray[j] == "rollover"){
					targetCode.push(inputArray[i]);
				}
			}
			
		}
	}

	// setEvent for targetCode
	for (var i=0; i < targetCode.length; i++) {
		var src       = targetCode[i].getAttribute('src');
		var suffix    = src.substring(src.lastIndexOf('.'), src.length);
		var srcOver   = src.replace(suffix, '_over' + suffix);

		targetCode[i].setAttribute('srcOver', srcOver);
		
		imagePreload[i] = new Image();
		imagePreload[i].src = srcOver;
		
		targetCode[i].onmouseover = function() {
			temp = this.getAttribute('src');
			this.setAttribute('src', this.getAttribute('srcOver'));
		}	
		
		targetCode[i].onmouseout = function() {
			if (!temp){
				temp = this.getAttribute('src').replace('_over' + suffix, suffix);
			}
			this.setAttribute('src', temp);
		}
	}
}

window.onload = rollover;