var menuTimer = null;
var menuTimeout = 700;	// Timeout setting for menu disappearing.
var currentMenu = null;

function menuOpen(a) {
	clearTimeout(menuTimer);
	if (currentMenu) {
		currentMenu.style.visibility="hidden";
		currentMenu = null;
	}

	obj = document.getElementById(a); 
	if(obj){
		obj.style.visibility="visible";
		currentMenu = obj;
	}
}
function menuClose(a) {
	obj = document.getElementById(a); 
	if(obj){
		clearTimeout(menuTimer);
		menuTimer = setTimeout(function(){obj.style.visibility = "hidden"}, menuTimeout);
	}
}
	var imagelist = new Array();
	imagelist[0] = "1.jpg";
	imagelist[1] = "2.jpg";

	// Amount of ms to let the whole transition take.
	var total_transition = 1000;
	var cycle_delay = 10000;
	// End of user variables

	var imagecount = 1;
	var timer;
	var step_delay = 50;
	var total_steps = total_transition/step_delay;
	var loading = 0;
	var imageObj = new Image();

	function preload(imageurl) {
		// Preload the image, and set a variable to let begin() know
		// if we have the image ready or not.
		imageObj.src = imageurl;
		imageObj.onLoad = done_loading();
	}

	function swap() {
		document.getElementById("mzSlideBottom").id = "mzTemp";
		document.getElementById("mzSlideTop").id = "mzSlideBottom";
		document.getElementById("mzTemp").id = "mzSlideTop";
		document.getElementById("mzSlideTop").style.zIndex = 2;
		document.getElementById("mzSlideBottom").style.zIndex = 1;
	}

	function begin() {
		if (loading == 1) {
			// We're not done preloading yet, start as soon as we're done.
			imageObj.onLoad = begin();
			return;
		} 
		// Hide the div so we can initialize.
//		document.getElementById("mzSlideBottom").style.display = "none";
//              document.getElementById("mzSlideBottom").style.visibility = "hidden";

		// BONKERS: IE sets the width of child elements in a
		// display-none div to 0, so we can't use those values
		// anymore.

		// BONKERS: Mozilla negates visibility hidden sometimes,
		// rendering an image for a split-second before hiding it
		// again, causing the screen to flicker.

		// BONKERS SOLUTION: place the div outside of view, then
		// replace the old "left" value when we're done.

		var oldleft = document.getElementById("mzSlideBottom").style.left;
		document.getElementById("mzSlideBottom").style.left = "-10000px";

		// Put the new image in the bottom div
		document.getElementById("mzSlideBottom").innerHTML="<img src="+imagelist[imagecount]+" border=0 style='position: relative; left: -10000px;'>";

		// BONKERS: If the image isn't fully loaded, the width and
		// height are set to something completely different.

//		document.getElementById("mzSlide").style.width = document.getElementById("mzSlideBottom").getElementsByTagName("IMG")[0].width;
//		document.getElementById("mzSlide").style.height = document.getElementById("mzSlideBottom").getElementsByTagName("IMG")[0].height;
		// Initialize the fade transition
		fade_begin();
//		openingdoor_horizontal_begin();
//		openingdoor_vertical_begin();
//		slidein_horizontal_begin();
//		slidein_vertical_begin();
//		zoom_begin();
		// Values initialized, bottom div should now not be visible.
		// Put it in front and let it slide/fade in.

		// See BONKERS messages above...
//		document.getElementById("mzSlideBottom").style.display = "";
//              document.getElementById("mzSlideBottom").style.visibility = "visible";
		document.getElementById("mzSlideBottom").style.left = oldleft;
		swap();

		// Start the transition.
		timer = setTimeout("step(0)", step_delay);
	}

	function step(step_num) {
		fade_step(step_num);
//		openingdoor_horizontal_step(step_num);
//		openingdoor_vertical_step(step_num);
//		slidein_horizontal_step(step_num);
//		slidein_vertical_step(step_num);
//		zoom_step(step_num);

		step_num++;

		if (step_num > total_steps) {
			end();
		} else {
			timer=setTimeout("step(" + step_num + ")",step_delay);
		}
	}

	function end() {
		fade_end();
//		openingdoor_horizontal_end();
//		openingdoor_vertical_end();
//		slidein_horizontal_end();
//		slidein_vertical_end();
//		zoom_end();

		// Delete the bottom div
		document.getElementById("mzSlideBottom").parentNode.removeChild(document.getElementById("mzSlideBottom"));

		// Make the bottom div a copy of the top div.
		var slideBottom = document.getElementById("mzSlideTop").cloneNode(true);
		slideBottom.id = "mzSlideBottom";
		document.getElementById("mzSlideTop").parentNode.appendChild(slideBottom);

                // Next imagecount
                imagecount++;
                if (imagecount >= imagelist.length) {
                        imagecount=0
                };
		timer=setTimeout("start()", cycle_delay);
	}

	function start(images, fadetrans, delay) {
//		try() {
			if (images) {
				imagelist=images;
			}
			if (fadetrans) {
				total_transition=fadetrans;
			}
			if (delay) {
				cycle_delay=delay;
			}
//		} catch(e) {
//		}
		if (!(document.getElementById("mzSlide"))) {
			return;
		}

		var loading = 1;
		preload(imagelist[imagecount]);

                // Start it again, with a new picture.
                timer=setTimeout("begin()",1000)
	}

	function loading() {
		loading = 1;
	}

	function done_loading() {
		loading = 0;
	}

	var fade_max_step; 
	var fade_min_step;
	var fade_step_size;
	function setOpacity(object, opacity) {
		if (opacity >= 100) {
			// BONKERS: Mozilla doesn't handle 100% opacity
			opacity = 99.9999;
		}
		if (opacity < 0) {
			opacity = 0;
		}

		object.style.filter = "alpha(opacity=" + opacity + ")";
		object.style.MozOpacity = opacity/100;
		object.style.KHTMLOpacity = opacity/100;
		object.style.opacity = opacity/100;
	}

	function fade_begin() {
		fade_max_step = 100;
		fade_min_step = 0;
		fade_step_size = (fade_max_step - fade_min_step)/total_steps;

		// Make the bottom div fully transparant
		setOpacity(document.getElementById("mzSlideBottom"), 0);
		document.getElementById("mzSlideBottom").getElementsByTagName('IMG')[0].style.left='0px';
	}

	function fade_step(step_num) {
		var fade_value = fade_min_step + (step_num * fade_step_size);
		setOpacity(document.getElementById("mzSlideTop"), fade_value);
	}

	function fade_end() {
		// Make the top div totally visible
		setOpacity(document.getElementById("mzSlideTop"), 100);
	}

	var zoom_max_step; 
	var zoom_min_step;
	var zoom_step_size;
	var zoom_max_height;
	function setZoom(object, zoom) {
		object.getElementsByTagName("IMG")[0].style.width = zoom;
		object.style.left = (zoom_max_step - zoom)/2;

		object.style.top = (zoom_max_height - (zoom*zoom_max_height/zoom_max_step))/2;
	}

	function zoom_begin() {
		zoom_max_step = parseInt(document.getElementById("mzSlideBottom").getElementsByTagName("IMG")[0].width);
		zoom_max_height = parseInt(document.getElementById("mzSlideBottom").getElementsByTagName("IMG")[0].height);
		zoom_min_step = 0;

		zoom_step_size = (zoom_max_step - zoom_min_step)/total_steps;

		// Make the bottom div fully transparant
		setZoom(document.getElementById("mzSlideBottom"), zoom_min_step);
	}

	function zoom_step(step_num) {
		var zoom_value = zoom_min_step + (step_num * zoom_step_size);
		setZoom(document.getElementById("mzSlideTop"), zoom_value);
	}

	function zoom_end() {
		// Make the top div totally visible
		setZoom(document.getElementById("mzSlideTop"), zoom_max_step);
	}

	var openingdoor_horizontal_max_step;
	var openingdoor_horizontal_min_step;
	var openingdoor_horizontal_step_size;
	function openingdoor_horizontal_begin() {
		openingdoor_horizontal_max_step = document.getElementById("mzSlideBottom").getElementsByTagName("IMG")[0].width/2;
		openingdoor_horizontal_min_step = 0;
		openingdoor_horizontal_step_size = (openingdoor_horizontal_max_step - openingdoor_horizontal_min_step)/total_steps;

                document.getElementById("mzSlideBottom").style.left = openingdoor_horizontal_max_step; //document.getElementById("mzSlideBottom").getElementsByTagName("IMG")[0].width/2;
                document.getElementById("mzSlideBottom").style.width = openingdoor_horizontal_min_step; // 0

		document.getElementById("mzSlideBottom").getElementsByTagName("IMG")[0].style.position = "relative";
		document.getElementById("mzSlideBottom").getElementsByTagName("IMG")[0].style.left = -openingdoor_horizontal_max_step;
	}

	function openingdoor_horizontal_step(step_num) {
		document.getElementById("mzSlideTop").style.left = openingdoor_horizontal_max_step - (step_num * openingdoor_horizontal_step_size)
		document.getElementById("mzSlideTop").style.width = openingdoor_horizontal_min_step + (step_num * 2 *openingdoor_horizontal_step_size);
		document.getElementById("mzSlideTop").getElementsByTagName("IMG")[0].style.left = -openingdoor_horizontal_max_step + (step_num * openingdoor_horizontal_step_size);
	}

	function openingdoor_horizontal_end() {
        	document.getElementById("mzSlideTop").style.left = 0;
                document.getElementById("mzSlideTop").style.width = document.getElementById("mzSlideTop").getElementsByTagName("IMG")[0].width;
		document.getElementById("mzSlideTop").getElementsByTagName("IMG")[0].style.left = openingdoor_horizontal_min_step;
	}

	var openingdoor_vertical_max_step;
	var openingdoor_vertical_min_step;
	var openingdoor_vertical_step_size;
	function openingdoor_vertical_begin() {
		openingdoor_vertical_max_step = document.getElementById("mzSlideBottom").getElementsByTagName("IMG")[0].height/2;

		// BONKERS: Setting the image height to 0 does not work in IE
		// if center_image_vertical is also used, it doesn't matter though

		openingdoor_vertical_min_step = 0;
		openingdoor_vertical_step_size = (openingdoor_vertical_max_step - openingdoor_vertical_min_step)/total_steps;

                document.getElementById("mzSlideBottom").style.top = openingdoor_vertical_max_step; 
                document.getElementById("mzSlideBottom").style.height = openingdoor_vertical_min_step;

		document.getElementById("mzSlideBottom").getElementsByTagName("IMG")[0].style.position = "relative";
		document.getElementById("mzSlideBottom").getElementsByTagName("IMG")[0].style.top = -openingdoor_vertical_max_step;
	}

	function openingdoor_vertical_step(step_num) {
		document.getElementById("mzSlideTop").style.top = openingdoor_vertical_max_step - (step_num * openingdoor_vertical_step_size)
		document.getElementById("mzSlideTop").style.height = openingdoor_vertical_min_step + (step_num * 2 *openingdoor_vertical_step_size);
		document.getElementById("mzSlideTop").getElementsByTagName("IMG")[0].style.top = -openingdoor_vertical_max_step + (step_num * openingdoor_vertical_step_size);
	}

	function openingdoor_vertical_end() {
        	document.getElementById("mzSlideTop").style.top = 0;
                document.getElementById("mzSlideTop").style.height = document.getElementById("mzSlideTop").getElementsByTagName("IMG")[0].height;
		document.getElementById("mzSlideTop").getElementsByTagName("IMG")[0].style.top = openingdoor_vertical_min_step;
	}

	var slidein_horizontal_max_step;
	var slidein_horizontal_min_step;
	var slidein_horizontal_step_size;
	function slidein_horizontal_begin() {
		slidein_horizontal_max_step = -document.getElementById("mzSlideBottom").getElementsByTagName("IMG")[0].width;
		slidein_horizontal_min_step = 0;
		slidein_horizontal_step_size = (slidein_horizontal_max_step - slidein_horizontal_min_step)/total_steps;

		document.getElementById("mzSlideBottom").style.left = -slidein_horizontal_max_step;
	}

	function slidein_horizontal_step(step_num) {
		document.getElementById("mzSlideTop").style.left = -slidein_horizontal_max_step + (step_num * slidein_horizontal_step_size);
	}

	function slidein_horizontal_end() {
		document.getElementById("mzSlideTop").style.left = slidein_horizontal_min_step;
	}

	var slidein_vertical_max_step;
	var slidein_vertical_min_step;
	var slidein_vertical_step_size;
	function slidein_vertical_begin() {
		slidein_vertical_max_step = -document.getElementById("mzSlideBottom").getElementsByTagName("IMG")[0].height;
		slidein_vertical_min_step = 0;
		slidein_vertical_step_size = (slidein_vertical_max_step - slidein_vertical_min_step)/total_steps;

		document.getElementById("mzSlideBottom").style.top = -slidein_vertical_max_step;
	}

	function slidein_vertical_step(step_num) {
		document.getElementById("mzSlideTop").style.top = -slidein_vertical_max_step + (step_num * slidein_vertical_step_size);
	}

	function slidein_vertical_end() {
		document.getElementById("mzSlideTop").style.top = slidein_vertical_min_step;
	}


	function stop() {
		clearTimeout(timer);
//<div id="mzSlide" style="position:relative; overflow:hidden; height: 600px; width: 800px; border: 1px solid black">

	}

	var center_image_horizontal_max_step;
	var center_image_horizontal_min_step;
	var center_image_horizontal_step_size;
	function center_image_horizontal_begin() {
		center_image_horizontal_max_step = -document.getElementById("mzSlideBottom").getElementsByTagName("IMG")[0].width/2;
		center_image_horizontal_min_step = 0;
		center_image_horizontal_step_size = (center_image_horizontal_max_step - center_image_horizontal_min_step)/total_steps;
		document.getElementById("mzSlideBottom").getElementsByTagName("IMG")[0].style.position = "relative";
		document.getElementById("mzSlideBottom").getElementsByTagName("IMG")[0].style.left = -center_image_horizontal_max_step; //-(document.getElementById("mzSlideBottom").getElementsByTagName("IMG")[0].width/2);
	}

	function center_image_horizontal_step(step_num) {
		document.getElementById("mzSlideTop").getElementsByTagName("IMG")[0].style.left = -center_image_horizontal_max_step + (step_num * center_image_horizontal_step_size);
	}

	function center_image_horizontal_end() {
		document.getElementById("mzSlideTop").getElementsByTagName("IMG")[0].style.left = center_image_horizontal_min_step;
	}

	var center_image_vertical_max_step;
	var center_image_vertical_min_step;
	var center_image_vertical_step_size;
	function center_image_vertical_begin() {
		center_image_vertical_max_step = -document.getElementById("mzSlideBottom").getElementsByTagName("IMG")[0].height/2;
		center_image_vertical_min_step = 0;
		center_image_vertical_step_size = (center_image_vertical_max_step - center_image_vertical_min_step)/total_steps;
		document.getElementById("mzSlideBottom").getElementsByTagName("IMG")[0].style.position = "relative";
		document.getElementById("mzSlideBottom").getElementsByTagName("IMG")[0].style.top = -center_image_vertical_max_step;
	}

	function center_image_vertical_step(step_num) {
		document.getElementById("mzSlideTop").getElementsByTagName("IMG")[0].style.top = -center_image_vertical_max_step + (step_num * center_image_vertical_step_size);
	}

	function center_image_vertical_end() {
		document.getElementById("mzSlideTop").getElementsByTagName("IMG")[0].style.top = center_image_vertical_min_step;
	}var timer;
var scrollsize = 20;
var scrolltimer = 100;
var scrolltarget = 'content';
var scrollcontrol = 'scroller';

function mzScrollUp(id) {
	var elm = document.getElementById(id);
	mzScrollBy(elm, -(scrollsize));
}
		
function mzScrollDown(id) {
	var elm = document.getElementById(id);
	mzScrollBy(elm, scrollsize);
}
		
function mzScrollBy(elm, amount) {
	if (elm) {
		elm.scrollTop = elm.scrollTop + amount;
	}
}
		
function scrollUpLoop() {
	mzScrollUp(scrolltarget);
	timer = setTimeout(scrollUpLoop, scrolltimer);
}

function scrollDownLoop() {
	mzScrollDown(scrolltarget);
	timer = setTimeout(scrollDownLoop, scrolltimer);
}
		
function stopLoop() {
	clearTimeout(timer);
}

function scrollInit() {
	var elm = document.getElementById(scrolltarget);
	if (elm) {
		elm.style.overflow = "hidden";
	}

	elm = document.getElementById(scrollcontrol);
	if (elm) {
		elm.style.display = "block";
	}
}


// Extra handling for scroll wheel.

/** This is high-level function.
 * It must react to delta being more/less than zero.
 */
function scrollWheelHandle(delta) {
	if (delta > 0) {
		mzScrollUp(scrolltarget);
	} else {
		mzScrollDown(scrolltarget);
	}
}

/** Event handler for mouse wheel event.
 */
function scrollWheel(event){
        var delta = 0;
        if (!event) /* For IE. */
                event = window.event;
        if (event.wheelDelta) { /* IE/Opera. */
                delta = event.wheelDelta/120;
                /** In Opera 9, delta differs in sign as compared to IE.
                 */
                if (window.opera)
                        delta = -delta;
        } else if (event.detail) { /** Mozilla case. */
                /** In Mozilla, sign of delta is different than in IE.
                 * Also, delta is multiple of 3.
                 */
                delta = -event.detail/3;
        }
        /** If delta is nonzero, handle it.
         * Basically, delta is now positive if wheel was scrolled up,
         * and negative, if wheel was scrolled down.
         */
        if (delta)
                scrollWheelHandle(delta);
        /** Prevent default actions caused by mouse wheel.
         * That might be ugly, but we handle scrolls somehow
         * anyway, so don't bother here..
         */
        if (event.preventDefault)
                event.preventDefault();
	event.returnValue = false;
}

/** Initialization code. 
 * If you use your own event management code, change it as required.
 */
if (window.addEventListener)
        /** DOMMouseScroll is for mozilla. */
        window.addEventListener('DOMMouseScroll', scrollWheel, false);
/** IE/Opera. */
window.onmousewheel = document.onmousewheel = scrollWheel;


var scrollspeed=cache=1
var dataobj;
var copyobj;

var thelength;
function marqueeInitialize() {
	dataobj=document.all? document.all.verticalmarquee : document.getElementById("verticalmarquee");
	copyobj = dataobj.cloneNode(true);
	dataobj.parentNode.appendChild(copyobj);

	thelength=dataobj.offsetHeight;	
	if( thelength < 355 ) {
		thelength = 355;
	}
	dataobj.style.top=0+"px";
	copyobj.style.top=thelength-10 + "px";

	marqueeScroll();
}

function marqueeScroll(){
	dataobj.style.top=(parseInt(dataobj.style.top)-scrollspeed)+"px" 
	copyobj.style.top=(parseInt(copyobj.style.top)-scrollspeed)+"px";

	if (parseInt(dataobj.style.top)<thelength*(-1)) {
		dataobj.style.top=(thelength-20)+"px";
	}
	if (parseInt(copyobj.style.top)<thelength*(-1)) {
		copyobj.style.top=(thelength-20)+"px";
	}
	setTimeout("marqueeScroll()",20);
}