var count = 0;
var nd = 0;
var ndIMG1_names = new Array();
var ndIMG2_names = new Array();
var ndIMG1 = new Array();
var ndIMG2 = new Array();
var ndPOSx = new Array();
var ndPOSy = new Array();
var ndPOSmx = new Array();
var ndPOSmy = new Array();
var NewImg = new Array();
var NewImgDIV = new Array();
var sx = 0;
var sy = 0;
var twCOUNT;
var ActN = 0;

waitimg = new Image();
waitimg.src="../imgs/wait.gif";
waitimg2 = new Image();
waitimg2.src="../imgs/wait2.gif";
ximg = new Image();
ximg.src="../imgs/x.gif";

function apost(vals, divs, code) {
	rndv=Math.random();
	$(divs).set('html','<img style="margin:10px;" src="../imgs/x.gif" id="wimg'+rndv+'">');
	$('wimg'+rndv).set('src',waitimg2.src);
	nww = new Request.HTML({
		async: false,
		method: 'post',
		data: "do=" + vals,
		url: '../inc/javaset.php', 
		onSuccess: function(responseTree, responseElements, responseHTML, responseJavaScript) {
			$(divs).set('html',responseHTML);
			if (code) { eval(code); }
		}
	}).send();
}

function bpost(vals, divs, code) {
	rndv=Math.random();
	$(divs).set('html','<img style="margin:10px;" src="../imgs/x.gif" id="wimg'+rndv+'">');
	$('wimg'+rndv).set('src',waitimg2.src);
	nww = new Request.HTML({
		async: true,
		method: 'post',
		data: "do=" + vals,
		url: '../inc/javaset.php', 
		onSuccess: function(responseTree, responseElements, responseHTML, responseJavaScript) {
			$(divs).set('html',responseHTML);
			if (code) { eval(code); }
		}
	}).send();
}

function xpost(vals, code) {
	nww = new Request.HTML({
		method: 'post',
		data: "do=" + vals,
		url: '../inc/javaset.php', 
		onSuccess: function(responseTree, responseElements, responseHTML, responseJavaScript) {
			if (code) { eval(code); }
		}
	}).send();
}

function jpost(vals, divs, code) {
	if (divs) {
		rndv=Math.random();
		$(divs).set('html','<img style="margin:10px;" src="../imgs/x.gif" id="wimg'+rndv+'">');
		$('wimg'+rndv).set('src',waitimg2.src);
	}

	nww = new Request.HTML({
		async: false,
		method: 'post',
		data: "do=" + vals,
		url: '../inc/javaset.php', 
		onSuccess: function(responseTree, responseElements, responseHTML, responseJavaScript) {
			if (responseHTML != "") { eval(responseHTML); }
			if (code) { eval(code); }
			$('CD').set('html',responseHTML);
		}
	}).send();
}

function POPcreate(winX,winY,POPname,topContent,params,CloseFunc) {
	if ($(POPname+'['+count+']')) { RemoveDiv(POPname+'['+count+']'); }
	count++;
	ForOpen = "true";
	for (i=0;i < count; i++) {
		if (document.getElementById(POPname + "[" + i + "]") != null) {
			ForOpen = "false";
		}
	}

	popID = POPname + '[' + count + "]";

	if (ForOpen == "true") {
		desc_content = '';
		var popWin = new dWindow({
			id:popID,
			content: desc_content,
			width: winX,
			height: winY,
			minWidth: 180,
			minHeight: 160,
			left: 200,
			top: 100,
			topContent: topContent,
			NewCount: count,
			params: params,
			CloseFunc: CloseFunc
		}).open($(document.body));
	}
}

function RemoveDiv(divs){
	var h2 = document.getElementById(divs);
	var el;
	el=h2;
	while(true){
		if(el.tagName=="DIV"){
			el.parentNode.removeChild(el);
			return;
		}
		el = el.parentNode;
	}
}

function CloseDivEvent(RemoveDivID,CloseFunc) {
	eval(CloseFunc);
	RemoveDiv(RemoveDivID);
}

function OverLib(n) {
	if (n != twCOUNT) {
		fx = new Fx.Morph($('xIMG[' + n + ']'), { transition: Fx.Transitions.Linear, duration: 100, link: 'chain' });
		fx.start({
			'width': 50,
			'height': 50,
			'margin': '-5px 0px -5px -5px'
		});
	}
}

function OutLib(n) {
	if (n != twCOUNT) {
		fx = new Fx.Morph($('xIMG[' + n + ']'), { transition: Fx.Transitions.Linear, duration: 100, link: 'chain' });
		fx.start({
			'width': 40,
			'height': 40,
			'margin': '0px'
		});
	}
}

function OnLoadFunc() {
	var size = $('SpbNuBody').getSize();
	sx = size.x;
	sy = size.y;
	jpost("OnLoadFunc&sx=" + sx + "&sy=" + sy, "", "CompleteTopTray(1);");	
}

function CompleteTopTray(n) {
	if (ndIMG1_names[n]) {
		var NID = new Element('div', {
			id: 'xDIV[' + n + ']',
			styles: {
				width: 40,
				height: 40,
				position: 'absolute',
				top: -40,
				left: ndPOSx[n],
				cursor: 'pointer'
			}
		}).addEvents({
			mouseover: function() { OverLib(n); },
			mouseout: function() { OutLib(n); },
			click: function() { GetTWIK(n); }
		});

		var NI = new Element('img', {
			id: 'xIMG[' + n + ']',
			src: ndIMG1[n].src,
			styles: {
				width: 40,
				height: 40
			}
		});

		NewImgDIV[n] = NID;
		NewImg[n] = NI;

		NewImgDIV[n].grab(NewImg[n]);

		GetTopProceed(n);
	} else {
		StartAnimation();
	}
}

function StartAnimation(randImg) {
	if (randImg) {
//alert(randImg);
	}

	AllImg = ndIMG1_names.length;
	randImg = Math.floor(Math.random() * AllImg);
	randTime = Math.floor((Math.random() * 7000) + 3000);
	setTimeout("StartAnimation(" + randImg + ");",randTime);
}

function GetTopProceed(n) {
	if (ndIMG1_names.length > n) {

		$('topDIV').grab(NewImgDIV[n]);

		var MO = new Fx.Morph(NewImgDIV[n], {
			duration: 300,
			transition: Fx.Transitions.Bounce.easeOut,
			link: 'chain',
			fps: 300
		});
		MO.set({'background-color': '#FFFFFF'});
		MO.start({
			'position': 'absolute',
			'top': ndPOSy[n]
		});
		setTimeout("CompleteTopTray(" + (n+1) + ");", 200);
	}
}

function LoadBigImgFunc(n) {
	NewImg[n].src = waitimg2.src;
}

function GetTWIK(n) {
	OutLib(n);

	var size = $('SpbNuBody').getSize();
	var sx = size.x;
	var sy = size.y;
	var moveX = (sx / 2) - 400 - (ndPOSmx[n] / 2);
	var moveY = (sy / 2) - 102 - (ndPOSmy[n] / 2);

	var MRE1 = NewImgDIV[n];

	MRE1.setStyle('z-index', '10001');

	var MRO1 = new Fx.Morph(MRE1, {link: 'chain'});
	MRO1.addEvents({
	    start: function(TWE) {
			ndIMG2[n] = Asset.image(ndIMG2_names[n],{
				onStart: 'LoadBigImgFunc(' + n + ');'
			});

			if (twCOUNT && twCOUNT != n) { GetUnTWIK(twCOUNT); }
		},

		complete: function(TWE){
			NewImg[n].setStyle('margin', '10px 0px 0px 10px');
			NewImgDIV[n].removeEvents('mouseover');
			NewImgDIV[n].removeEvents('mouseout');
			NewImgDIV[n].removeEvents('click');
			MRE1.addEvents({ click: function() { GetUnTWIK(twCOUNT); } });

			NewImg[n].src = ndIMG2[n].src;
			var MRE2 = NewImg[n];
			var MRO2 = new Fx.Morph(MRE2, {link: 'chain'});
			MRO2.start({
				'width': ndPOSmx[n],
				'height': ndPOSmy[n]
			});
			twCOUNT = n;
		}
	});

	MRO1.set({'background-color': '#FFFFFF'});
	MRO1.start({
		'position': 'absolute',
		'left': moveX + 'px',
		'top': moveY + 'px',
		'background-color': '#7799BB',
		'width': ndPOSmx[n] + 20 + 'px',
		'height': ndPOSmy[n] + 40 + 'px'
	});
}

function GetUnTWIK(m) {
	var MRE1 = NewImg[m];
	var MRO1 = new Fx.Morph(MRE1, {link: 'chain'});

	MRO1.addEvents({
	    start: function() {
			var MRE2 = NewImgDIV[m];
			var MRO2 = new Fx.Morph(MRE2, {link: 'chain'});
			MRO2.start({
				'position': 'absolute',
				'left': ndPOSx[m] + 'px',
				'top': ndPOSy[m] + 'px',
				'background-color': '#7799BB',
				'width': 40,
				'height': 40
			});
		},

		complete: function(TWE) {
			TWE.src = ndIMG1[m].src;
			NewImgDIV[m].setStyle('cursor', 'pointer');
			NewImgDIV[m].addEvents({
				mouseover: function() { eval('OverLib(' + m + ')'); },
				mouseout: function() { eval('OutLib(' + m + ')'); },
				click: function() { eval('GetTWIK(' + m + ')'); }
			});
		}
	});

	MRO1.start({
		'width': 40,
		'height': 40,
		'margin': 0
	});
}