var $ = function ($) {return document.getElementById($)};

if (typeof window.onload == "function") {
	var oldF = window.onload;
	window.onload = function() {
		oldF;
		new initRolinImg();
	}
} else {
	window.onload = function() {
		new	initRolinImg();
	}
}



function initRolinImg() {
	//tip();
	//initSWF();
	var list = $("rolin").getElementsByTagName("IMG"); 
	var targetX = getAbsPoint($("bigImg")).x;
	var targetY = getAbsPoint($("bigImg")).y;
	var targetW = $("bigImg").width;
	var targetH = $("bigImg").height;
	var bigImgs = new Array();
	var moveInterval = 1;
	var moveImg;
	var isMove = false;
	var oldObj = $("bigImg");
	if (document.all) {
		targetX += 1;
		targetY += 1;
	}
	for (var i=0; i<list.length; i++) {
		var img = list[i];
		if (document.all) {
			img.style.filter = "gray";
			img.onmouseover = function() {
				this.style.filter = "";
			}
			img.onmouseout = function() {
				this.style.filter = "gray";
			}
		}
		img.style.cursor = "pointer";
		var bigImg = new Image();
		bigImg.src = img.name;
		bigImgs.push(bigImg);
		img.i = i;
		img.onclick = function() {
			if (bigImgs[this.i].src != '' && !isMove && oldObj.src != bigImgs[this.i].src) {
				showBigImg(this, getAbsPoint(this))
				isMove = true;
			}
		}
		
	}
	
	function showBigImg(obj,point) {
		var img = bigImgs[obj.i];
		var link = $("rolin").getElementsByTagName("a");
		img.style.position = "absolute";
		img.style.left = point.x + "px";
		img.style.top = point.y + "px";
		img.style.width = "84px";
		img.style.height = "45px";
		img.style.cursor = "pointer";		
		img.onclick = function(){
			document.location.href= link[obj.i];
		}
		setAlpha(img,70)
		document.body.appendChild(img);
		moveImg = img;
		moveInterval = setInterval(moveObj, 1);
	}
	
	
	
	function moveObj() {
		var obj = moveImg;
		var speed = 0.116;
		var range = 1;
		var tx = targetX;
		var ty = targetY;
		var tw = targetW;
		var th = targetH;
		var x = obj.style.left.replace("px","") * 1;
		var y = obj.style.top.replace("px", "") * 1;
		var w = obj.style.width.replace("px","") * 1;
		var h = obj.style.height.replace("px","") * 1;
		var vw = (tw - w) * speed;
		var vh = (th - h) * speed;
		var vx = (tx - x) * speed;
		var vy = (ty - y) * speed;
		if (Math.abs(vx) < 1) vx = vx > 0 ? 1: -1;
		if (Math.abs(vy) < 1) vy = vy > 0 ? 1: -1;
		if (Math.abs(vw) < 1) vw = vw > 0 ? 1: -1;
		if (Math.abs(vh) < 1) vh = vh > 0 ? 1: -1;
		
		if (vx > 0) vx = 0;
		if (vy > 0) vy = 0;
		if (vw < 0) vw = 0;
		if (vh < 0) vh = 0;
		x += vx;
		y += vy;
		w += vw;
		h += vh;
		
		
		if (Math.abs(tx - x) <= range && Math.abs(ty - y) <= range && Math.abs(tw - w) <= range && Math.abs(th - h) <= range) {
			
			clearInterval(moveInterval);
			x = tx;
			y = ty;
			w = tw;
			h = th;
			setAlpha(obj,100);
			oldObj.parentNode.removeChild(oldObj);
			if (document.getElementById("b1")) {
				var o1 = document.getElementById("b1");
				o1.parentNode.removeChild(o1);
			}
			
			oldObj = obj;
			isMove = false;
		}
		obj.style.left = x + "px";
		obj.style.top = y + "px";
		obj.style.width = w + "px";
		obj.style.height = h + "px";
	}
}

function  getAbsPoint(e)   
{   
    var x = e.offsetLeft, y = e.offsetTop;   
    while(e=e.offsetParent) { 
       x += e.offsetLeft;   
       y += e.offsetTop;
    } 
	return {x:x,y:y}  
}



function setAlpha(obj,alpha) {
	if (document.all) {
		obj.style.filter = "alpha(opacity="+alpha+")";
	} else {
		obj.style.opacity = alpha/100;
	}
}

function getAlpha(obj) {
	var result;
	if (document.all) {
		var reg = /opacity=.[0-9]?/i;
		result = Number(obj.style.filter.match(reg)[0].split("=").pop());
	} else if (obj.style.opacity) {
		result = obj.style.opacity*100;
	}
	return result;
}

function innerSWF(obj,oID) {
	var iid = (obj.info[0].substr(obj.info[0].indexOf("/")+1,(obj.info[0].indexOf(".")-1-obj.info[0].indexOf("/"))))
	var url = obj.info[0];
	var w = obj.info[1];
	var h = obj.info[2];
	var quality = obj.info[3];
	var tmp = ""
	tmp += ('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"  width="'+w+'" height="'+h+'" id="'+iid+'">');
	tmp += ('<param name="movie" value="'+url+'" />');
    /*tmp += ('<param name="quality" value="'+quality+'" />');*/
    tmp += ('<param name="quality" value="high" />');
    tmp += ('<param name="wmode" value="transparent" />');
    tmp += ('<param name="menu" value="false" />');
    tmp += ('<embed  src="'+url+'" wmode="transparent" quality="high"  name="'+iid+'"pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="'+w+'" height="'+h+'"></embed>');
    tmp += ('</object>');
	document.getElementById(oID).innerHTML = tmp;
	
}

function initSWF(src) {
	var obj = new Object();
	obj.info = [src,619,234];
	innerSWF(obj, "b1");
}