var httpRequest;
var bannerType = 1;
var imgList;
var imgs = new Array();
var pnt;
var px;
var upper;
var lower;

window.onload = function() {
	if (window.onLoad != null) {
		onLoad();
	} 
	var metaTags = document.getElementsByTagName('META');
	if (metaTags) {
		for (i = 0; i < metaTags.length; i++) {
			if (metaTags[i].getAttribute('name') == 'bannerType') {
				bannerType = metaTags[i].getAttribute('content');
				break;
			}
		}
	}
	getImgList(bannerType);
}

function getImgList(bannerType) {
	httpRequest = createXmlHttp();
	if (httpRequest) {
		if (bannerType == 1) {
			httpRequest.open('get', 'css/banner.php', true);
		} else {
			httpRequest.open('get', 'css/banner2.php', true);
		}
		httpRequest.onreadystatechange = httpGetData;
		httpRequest.send(null);
	}
}

function createXmlHttp() {
	var request = null;
	if (window.XMLHttpRequest) {
		// mozzilla
		request = new XMLHttpRequest();
	} else if (typeof ActiveXObject != undefined) {
		// IE
		request = new ActiveXObject('Microsoft.XMLHTTP');
	}
	return request;
}

function httpGetData() {
	if (httpRequest.readyState == 4) {
		var responseText = httpRequest.responseText.replace(/\r/g, '');
		responseText     = responseText.replace(/\n$/, '');
		imgList = responseText.split('\n');
		for (var i = 0; i < imgList.length; i++) {
			var fields = imgList[i].split('\t');
			imgs[i] = new img(fields[0], fields[1], fields[2]); 
		}
		pnt = 0;
		preLoadImages();
	}
}

function preLoadImages() {
	if (imgList[pnt]) {
		var fields = imgList[pnt].split('\t');
		imgs[pnt].img.src = 'css/' + fields[0];
	} else {
		upper = document.getElementById('upper');
		lower = document.getElementById('lower');
		pnt = parseInt(getCookie('imgPnt'));
		if (! pnt) {
			pnt = 0;
		} else {
			pnt %= imgs.length;
		}
		initImgs();
		setTimeout('scroll()', 500);
	}
}

function img(src, height, pos) {
	this.height     = height;
	this.pos        = pos;
	this.img        = new Image();
	this.img.onload = function() {
		pnt++;
		preLoadImages();
	};
}

function initImgs() {
	setCookie('imgPnt', pnt);
	if (imgs[pnt].pos == 'up') {
		upper.style.top = '0px';
		upper.style.bottom = '';
	} else {
		upper.style.top = '';
		upper.style.bottom = '0px';
	}
	upper.childNodes[0].src = imgs[pnt].img.src;

	var pnt2 = (pnt + 1) % imgs.length;
	if (imgs[pnt2].pos == 'up') {
		lower.style.top = '0px';
		lower.style.bottom = '';
	} else {
		lower.style.top = '';
		lower.style.bottom = '0px';
	}
	lower.childNodes[0].src = imgs[pnt2].img.src;

	px = 0;
}

function scroll() {
	px ++;
	if (imgs[pnt].pos == 'up') {
		upper.style.top = '-' + px + 'px';
	} else {
		upper.style.bottom = '-' + px + 'px';
	}
	if (px < imgs[pnt].height) {
		setTimeout('scroll()', 15);
	} else {
		pnt = (pnt + 1) % imgs.length;
		initImgs();
		setTimeout('scroll()', 1500);
	}
}

function getCookie(name) {
	var aCookie = document.cookie.split('; ');
	for (var i = 0; i < aCookie.length; i++) {
		var aCrumb = aCookie[i].split('=');
		if (name == aCrumb[0]) return aCrumb[1]
	}
	return '';
}

function setCookie(name, value, expire_add) {
	if (expire_add) {
		var expires = new Date();
		expires.setTime(expires.getTime() + expire_add);
		document.cookie = name + "=" + escape(value) + ";expires=" + expires.toUTCString();
	} else {
		document.cookie = name + "=" + escape(value);
	}
}