var changingImages = function(control) {
	if (control.nodeType == 1) {
		this.control = control;
	}
	else {
		this.control = document.getElementById(control);
	}
	this.is_changing = false;
	this.children = null;
	this.time_delay = 6000;
	this.time_timer = null;
	this.time_timer_pause = 100;
	this.mouseover = false;
	this.init();
}

changingImages.prototype.welcomeInit = function() {
    this.welcomeSubImg1 = null;
    this.welcomeSubImg2 = null;
    this.welcomeSubImg3 = null;
}

changingImages.prototype.init = function() {
	this.control.style.position = 'relative';
	this.control.style.overflow = 'hidden';
	this.control.idx = 1;
	var children = this.control.childNodes;
	for (var i = (children.length - 1); 0 <= i; i--) {
		if (children[i].nodeType == 1) {
			children[i].style.position = 'relative';
		} else {
			this.control.removeChild(children[i]);
		}
	}
	var control = this;
	this.control.onmouseover = function() {
		control.mouseover = true;
		if (!control.time_timer_pause) {
			control.pause();
		}
	}
	this.control.onmouseout = function() {
		control.mouseover = false;
		if (!control.time_timer_pause) {
			control.resume();
		}
	}
}
changingImages.prototype.change = function() {
	if (this.is_changing) {
		for (var i = 0; i < this.control.children.length; i++) {
			if (i == this.control.idx) {
				this.control.children[i].onclick();
			}
		}
		if (this.control.idx == this.control.children.length - 1) {
			this.control.idx = 0;
		}
		else {
			this.control.idx++;
		}
	}
}
changingImages.prototype.start = function() {
	var control = this;
	this.stop();
	this.is_changing = true;
	var act = function() {
		if (control.is_changing) {
			control.change();
		}
	}
	this.control.time_timer = setInterval(act, this.time_delay);
}
changingImages.prototype.pause = function() {
	this.is_changing = false;
}
changingImages.prototype.resume = function() {
	if (!this.mouseover) {
		this.is_changing = true;
	}
}
changingImages.prototype.stop = function() {
	this.is_changing = false;
	if (!this.time_timer) {
		clearInterval(this.time_timer);
	}
	this.time_timer = null
}

function ChangeImage(controlName, imgSrc, linkUrl, imgNum) {
	//alert(controlName + ':' + imgSrc + ':' + linkUrl + ':' + imgNum);
	var imageControl = document.getElementById(controlName);
	if (navigator.appName.indexOf("Microsoft") > -1) {
		if (controlName == 'imgChoiceBanner') {
			imageControl.style.filter = "blendTrans(duration=0.3)";
		}
		else {
			imageControl.style.filter = "blendTrans(duration=1)";
		}
		imageControl.filters.blendTrans(duration = 0.1).Apply();
		//alert(imgSrc);
		imageControl.src = imgSrc;
		imageControl.onclick = function() { document.location.href = linkUrl; }
		imageControl.style.display = 'block';
		imageControl.filters.blendTrans.Play();
	}
	else {
		imageControl.src = imgSrc
		if (controlName == 'imgChoiceBanner') {
			opacity(controlName, 0, 100, 300);
		}
		else {
			opacity(controlName, 0, 100, 1000);
		}
		imageControl.onclick = function() { document.location.href = linkUrl; }
	}
	if (imgNum) {
		var choice1 = document.getElementById('imgChoiceBannerTitle1');
		var choice2 = document.getElementById('imgChoiceBannerTitle2');
		var choice3 = document.getElementById('imgChoiceBannerTitle3');
		var choice4 = document.getElementById('imgChoiceBannerTitle4');
		
		var mainFlash1 = document.getElementById('imgMainFlashNumber01');
		var mainFlash2 = document.getElementById('imgMainFlashNumber02');
		var mainFlash3 = document.getElementById('imgMainFlashNumber03');
		var mainFlash4 = document.getElementById('imgMainFlashNumber04');
		
		var welcome1 = document.getElementById('imgWelcome001');
		var welcome2 = document.getElementById('imgWelcome002');
		var welcome3 = document.getElementById('imgWelcome003');

		var welcomeLink = document.getElementById('mainWelcomeLink');
		
		switch (imgNum) {
		
		    case '001':
		        mainWelcome.control.idx = 0;		        		        
		        welcomeLink.href = linkUrl;
		        
		        if (welcome1) { welcome1.src = welcome1.src.toString().replace(/on.gif/gi, "").replace(/off.gif/gi, "") + "on.gif";  }
		        if (welcome2) { welcome2.src = welcome2.src.toString().replace(/on.gif/gi, "").replace(/off.gif/gi, "") + "off.gif"; }
		        if (welcome3) { welcome3.src = welcome3.src.toString().replace(/on.gif/gi, "").replace(/off.gif/gi, "") + "off.gif"; }
		        break;

		    case '002':
		        mainWelcome.control.idx = 1;
		        welcomeLink.href = linkUrl;
		        if (welcome1) { welcome1.src = welcome1.src.toString().replace(/on.gif/gi, "").replace(/off.gif/gi, "") + "off.gif";  }
		        if (welcome2) { welcome2.src = welcome2.src.toString().replace(/on.gif/gi, "").replace(/off.gif/gi, "") + "on.gif";   }
		        if (welcome3) { welcome3.src = welcome3.src.toString().replace(/on.gif/gi, "").replace(/off.gif/gi, "") + "off.gif";  }
		        break;

		    case '003':
		        mainWelcome.control.idx = 2;
		        welcomeLink.href = linkUrl;
		        if (welcome1) { welcome1.src = welcome1.src.toString().replace(/on.gif/gi, "").replace(/off.gif/gi, "") + "off.gif";  }
		        if (welcome2) { welcome2.src = welcome2.src.toString().replace(/on.gif/gi, "").replace(/off.gif/gi, "") + "off.gif";  }
		        if (welcome3) { welcome3.src = welcome3.src.toString().replace(/on.gif/gi, "").replace(/off.gif/gi, "") + "on.gif";   }
		        break;     
		
			case '1':
				choiceBanner.control.idx = 0;
				if (choice1) { choice1.src = '/Html/2008/Images/KidsNewimg/main_num02_01on.gif'; }
				if (choice2) { choice2.src = '/Html/2008/Images/KidsNewimg/main_num02_02.gif'; }
				if (choice3) { choice3.src = '/Html/2008/Images/KidsNewimg/main_num02_03.gif'; }
				if (choice4) { choice4.src = '/Html/2008/Images/KidsNewimg/main_num02_04.gif'; }
				break;
			case '2':
				choiceBanner.control.idx = 1;
				if (choice1) { choice1.src = '/Html/2008/Images/KidsNewimg/main_num02_01.gif'; }
				if (choice2) { choice2.src = '/Html/2008/Images/KidsNewimg/main_num02_02on.gif'; }
				if (choice3) { choice3.src = '/Html/2008/Images/KidsNewimg/main_num02_03.gif'; }
				if (choice4) { choice4.src = '/Html/2008/Images/KidsNewimg/main_num02_04.gif'; }
				break;
			case '3':
				choiceBanner.control.idx = 2;
				if (choice1) { choice1.src = '/Html/2008/Images/KidsNewimg/main_num02_01.gif'; }
				if (choice2) { choice2.src = '/Html/2008/Images/KidsNewimg/main_num02_02.gif'; }
				if (choice3) { choice3.src = '/Html/2008/Images/KidsNewimg/main_num02_03on.gif'; }
				if (choice4) { choice4.src = '/Html/2008/Images/KidsNewimg/main_num02_04.gif'; }
				break;
			case '4':
				choiceBanner.control.idx = 3;
				if (choice1) { choice1.src = '/Html/2008/Images/KidsNewimg/main_num02_01.gif'; }
				if (choice2) { choice2.src = '/Html/2008/Images/KidsNewimg/main_num02_02.gif'; }
				if (choice3) { choice3.src = '/Html/2008/Images/KidsNewimg/main_num02_03.gif'; }
				if (choice4) { choice4.src = '/Html/2008/Images/KidsNewimg/main_num02_04on.gif'; }
				break;
				
			case '01':
				mainFlash.control.idx = 0;
				if (mainFlash1) { mainFlash1.src = '/Html/2008/Images/KidsNewimg/tab_num01on.png'; }
				if (mainFlash2) { mainFlash2.src = '/Html/2008/Images/KidsNewimg/tab_num02off.png'; }
				if (mainFlash3) { mainFlash3.src = '/Html/2008/Images/KidsNewimg/tab_num03off.png'; }
				if (mainFlash4) { mainFlash4.src = '/Html/2008/Images/KidsNewimg/tab_num04off.png'; }
				break;
			case '02':
				mainFlash.control.idx = 1;
				if (mainFlash1) { mainFlash1.src = '/Html/2008/Images/KidsNewimg/tab_num01off.png'; }
				if (mainFlash2) { mainFlash2.src = '/Html/2008/Images/KidsNewimg/tab_num02on.png'; }
				if (mainFlash3) { mainFlash3.src = '/Html/2008/Images/KidsNewimg/tab_num03off.png'; }
				if (mainFlash4) { mainFlash4.src = '/Html/2008/Images/KidsNewimg/tab_num04off.png'; }
				break;
			case '03':
				mainFlash.control.idx = 2;
				if (mainFlash1) { mainFlash1.src = '/Html/2008/Images/KidsNewimg/tab_num01off.png'; }
				if (mainFlash2) { mainFlash2.src = '/Html/2008/Images/KidsNewimg/tab_num02off.png'; }
				if (mainFlash3) { mainFlash3.src = '/Html/2008/Images/KidsNewimg/tab_num03on.png'; }
				if (mainFlash4) { mainFlash4.src = '/Html/2008/Images/KidsNewimg/tab_num04off.png'; }
				break;
			case '04':
				mainFlash.control.idx = 3;
				if (mainFlash1) { mainFlash1.src = '/Html/2008/Images/KidsNewimg/tab_num01off.png'; }
				if (mainFlash2) { mainFlash2.src = '/Html/2008/Images/KidsNewimg/tab_num02off.png'; }
				if (mainFlash3) { mainFlash3.src = '/Html/2008/Images/KidsNewimg/tab_num03off.png'; }
				if (mainFlash4) { mainFlash4.src = '/Html/2008/Images/KidsNewimg/tab_num04on.png'; }
				break;			
		}
	}
}
function opacity(id, opacStart, opacEnd, millisec) {
	//speed for each frame
	var speed = Math.round(millisec / 100);
	var timer = 0;

	//determine the direction for the blending, if start and end are the same nothing happens
	if (opacStart > opacEnd) {
		for (i = opacStart; i >= opacEnd; i--) {
			setTimeout("changeOpac(" + i + ",'" + id + "')", (timer * speed));
			timer++;
		}
	} else if (opacStart < opacEnd) {
		for (i = opacStart; i <= opacEnd; i++) {
			setTimeout("changeOpac(" + i + ",'" + id + "')", (timer * speed));
			timer++;
		}
	}
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
	var object = document.getElementById(id).style;
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}

function shiftOpacity(id, millisec) {
	//if an element is invisible, make it visible, else make it ivisible
	if (document.getElementById(id).style.opacity == 0) {
		opacity(id, 0, 100, millisec);
	} else {
		opacity(id, 100, 0, millisec);
	}
}

function blendimage(divid, imageid, imagefile, millisec) {
	var speed = Math.round(millisec / 100);
	var timer = 0;

	//set the current image as background
	document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";

	//make image transparent
	changeOpac(0, imageid);

	//make new image
	document.getElementById(imageid).src = imagefile;

	//fade in image
	for (i = 0; i <= 100; i++) {
		setTimeout("changeOpac(" + i + ",'" + imageid + "')", (timer * speed));
		timer++;
	}
}

function currentOpac(id, opacEnd, millisec) {
	//standard opacity is 100
	var currentOpac = 100;

	//if the element has an opacity set, get it
	if (document.getElementById(id).style.opacity < 100) {
		currentOpac = document.getElementById(id).style.opacity * 100;
	}

	//call for the function that changes the opacity
	opacity(id, currentOpac, opacEnd, millisec)
}