document.write('<script src="http://www.hellob.com/js/basics.js"></script>');

// constant
var _TK_IMGGAP_ = 2;

// global variables
var scriptLoaded2502=false;
var signedIn = false;
var tickerMarOffset2502=0; // ticker margin offset, scrolling offset
var tkWidth2502=680;
var tkItemsWidth2502=0; // tkDiv2502 grows by this much for each item
var skipImages2502=5; // replace every 5, eventually will replace all
var tickerStarted2502=false;
var primality2502=false;
var movedImages2502=0;
var imagePreloads2502=new Array();
var queue2502=new Array();
var tkIds2502=new Array();
var tkItems2502=new Array() ;
var tkBaseURL2502="http://www.hellob.com";
var tkDiv2502;
var tkContainer2502;
var tkStatus2502;
var tkTimer2502=null;
var tkRunning2502=false;
var tkPaused2502=false;
var tickTime2502=50; // scrolling speed
var gettingIds2502=false;
var primalityNumber2502=31;
var transferDone2502=false;
var tickerLoadImageCount2502=0; // tracking current loaded image
var fadeTimer2502=null;
var ie=(document.all) ? true : false;
var externalTicker2502=true;
var tkslidebg2502="slide_bg0.png";
var tkDivID2502="2502";

// preloads
for (var i = 1; i < 10; i++) {
    imagePreloads2502[i] = document.createElement("img");
    imagePreloads2502[i].src = tkBaseURL2502 + "/images/prev_img" + i + ".png";
}
imagePreloads2502[10] = document.createElement("img");
imagePreloads2502[10].src =  tkBaseURL2502 + "/images/seemore_btn.gif";

function TickerItem(id, img_url, url) {
	this.id=id;
	this.img_url=img_url;
	this.url=url;
	this.image=null;
	this.transferred=false;
}

function tickerPause2502(pause) {
	tkPaused2502=pause;
}

function clearDiv(d) {
	d = _ge(d);	  
	while (d.childNodes[0]) {
		d.removeChild(d.childNodes[0]);
	}
}

function getImageId(n) {
	return "tickimg" + n;
}

function getImageLinkId2502(n) {
	return "ticklnk2502" + n;
}

function createElement(parent, tagname) {
	var elem = document.createElement(tagname);
	parent.appendChild(elem);
	return elem;
}

function layoutTicker2502(tickerBase) {
	clearDiv(tickerBase);
	tickerBase.style.backgroundRepeat = "no-repeat";

	if(!ie) {
		tickerBase.style.backgroundImage = "url('" + tkBaseURL2502 + "/images/" + tkslidebg2502 + "')";
	} else {
		tickerBase.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + tkBaseURL2502 + "/images/" + tkslidebg2502 + "', sizingMethod='crop');"
	}

	if( ie && self.externalTicker2502 ) {
		tickerBase.style.height = "110px";
	} else {
		tickerBase.style.height = "100px";
	}
	tickerBase.style.padding="0px 0px 10px 20px";
	tickerBase.style.border="0px solid #000";
	tickerBase.style.textAlign="left";
	tkContainer2502=createElement(tickerBase, "div");
	tkContainer2502.id="tkContainer2502";
	tkContainer2502.style.position="absolute";
	tkContainer2502.style.border="0px";
	tkContainer2502.style.width=(tkWidth2502-60)+"px";
	tkContainer2502.style.height="90px";
	tkContainer2502.style.overflow = "hidden";

	tkStatus2502=createElement(tkContainer2502, "img");
	tkStatus2502.id="tkStatus2502";
	tkStatus2502.style.position="absolute";
	tkStatus2502.style.margin = "16px 0px 0px "+(tkWidth2502-150)/2+"px";

	tkDiv2502=createElement(tkContainer2502, "div");
	tkDiv2502.id="tkDiv2502";
	tkDiv2502.style.position="absolute";
	tkDiv2502.style.border="1px";
	tkDiv2502.style.top="0px";
	tkDiv2502.style.height="75px";
	tkDiv2502.style.padding="16px";
}

function initializeTicker2502() {
	//~ trace("initializeTicker2502()");
	if (tkTimer2502) {
		clearTimeout(tkTimer2502);
	}
	var tickerBase = _ge(tkDivID2502);
	if (!tickerBase) {
		trace("no ticker base, no ticker");
		return ; // no ticker base, no ticker
	}
	trimArray(tkItems2502);
	layoutTicker2502(tickerBase);

	if( !tkItems2502.length ) {
		tkStatus2502.src=tkBaseURL2502 + "/images/ticker_noitems.gif";
		return;
	}
	tkStatus2502.src=tkBaseURL2502 + "/images/ticker_loading.gif";
	transferDone2502=false;
	
	for (var i=0; i< tkItems2502.length; i++) {
		addTickerItem2502(tkDiv2502, i);
	}
	if( !transferDone2502 ) transferImages2502();
}

function positionOf(elem) {
	return GetElementPosition(elem).left;
}

function makeImage(id, src) {
	var rv = new Image();
	//~ trace("makeImage:"+id);
	rv.src = src;
	return rv;
}

function transferImages2502() {
	//~ trace("transferImages2502()");
	//~ trace("tickerLoadImageCount2502:"+tickerLoadImageCount2502);
	if( !transferDone2502 ) {
		//~ trace("transferImages2502:loading image...");
		var item = tkItems2502[tickerLoadImageCount2502];
		if (item.image == null) {
			item.image=makeImage(item.id, item.img_url);
		}
		else if ( !item.transferred ) {
			if( item.image.complete ){
				setTickerItem2502(tickerLoadImageCount2502, item);
				tkItemsWidth2502 += (item.image.width+_TK_IMGGAP_);
				item.transferred=true;
				tkIds2502['id' + item.id]=item;
				if( tickerLoadImageCount2502 < tkItems2502.length-1 ) {
					tickerLoadImageCount2502++;
				}
				else {
					//~ trace("tkItemsWidth2502:"+tkItemsWidth2502);
					tkDiv2502.style.width=tkItemsWidth2502 + "px";
					transferDone2502=true;
				}
			}
		}
		setTimeout("transferImages2502()", 500); // check and load next image
	}
	else {
		//~ trace("transferImages2502:all images loaded");
		if( !tickerStarted2502 && transferDone2502 ) {
			tickerStarted2502=true;
			tkContainer2502.removeChild(tkStatus2502);
			if( !(ie && self.externalTicker2502) ) FadeIn("tkDiv2502", 0);
		}
		// 5 seconds to start scrolling
		setTimeout("startTick2502()", 100);
	}
}

function addNewImages2502(newItems) {	
	for (var i = 0; i < newItems.length; i++) {
		tkIds2502['id' + newItems[i].id] = newItems[i];
		queue2502.push(newItems[i]);
	}
}

function popqueue2502() {
	trace("popqueue2502()");
	var element = queue2502.pop();
	// if we popped the last element, reset flag.
	// This causes a new request to go to the server
	if(queue2502.length == 0) gettingIds2502=false;
	return element;
}

function doTick2502() {
	//~ trace("doTick2502()");
	if( !tkPaused2502 ) {
		if( tkRunning2502 ) tick2502();
	}
	if( tkRunning2502 ) tkTimer2502=setTimeout("doTick2502()", tickTime2502);
}

function startTick2502() {
	if(!self.staticTicker2502) {
		tkRunning2502 = true;
	}
	doTick2502();
}

//
// scrolling ticker
//
function tick2502() {
	//~ trace("tick2502()");
	tickerMarOffset2502++;
	//~ trace("tickerMarOffset2502:"+tickerMarOffset2502);
	//~ trace("tkDiv2502.firstChild.offsetWidth:"+tkDiv2502.firstChild.offsetWidth);
	if( tickerMarOffset2502 >= tkDiv2502.firstChild.offsetWidth ) {
		//~ trace("primality2502:"+primality2502);
		//~ trace("grow number of images to achieve primality2502");
		// grow number of images to achieve primality2502
		if( !primality2502 ){
			//~ trace("queue2502:"+queue2502.length);
			if (queue2502.length > 0 && tickerLoadImageCount2502 < primalityNumber2502) {
				newTickerItem = popqueue2502();
				tickerLoadImageCount2502++;
				addTickerItem2502(tkDiv2502, tickerLoadImageCount2502);
				setTickerItem2502(tickerLoadImageCount2502, newTickerItem);
				// we have achieved primality
				if (tickerLoadImageCount2502 >= primalityNumber2502) { 
					primality2502=true;
				}
			}
		}
		//~ trace("movedImages2502:"+movedImages2502);
		// if queue2502 has images, add them every skipImages2502
		if( movedImages2502 == skipImages2502 &&
				primality2502 &&
				queue2502.length > 0 ) {
			newTickerItem=popqueue2502();
			tickerLoadImageCount2502++;
			addTickerItem2502(tkDiv2502, tickerLoadImageCount2502);
			setTickerItem2502(tickerLoadImageCount2502, newTickerItem);
			movedImages2502=0; // reset image counter
			tkDiv2502.removeChild(tkDiv2502.firstChild); // get rid of image
		}
		else {
			//~ trace("swap first image");
			firstImage2502=tkDiv2502.firstChild;
			tkDiv2502.appendChild(tkDiv2502.removeChild(firstImage2502));
		}
		movedImages2502++;
		tickerMarOffset2502 = -2;

		if (movedImages2502 == (skipImages2502 * 4)) {
			movedImages2502=0;
			gettingIds2502=false;
		}
	}
	tkDiv2502.style.marginLeft = -tickerMarOffset2502 + "px";
}

//
// create <a href=""><img></a> image tag
//
function addTickerItem2502(parent, index) {
	//~ trace("addTickerItem2502()");
	var a=createElement(parent, "a");
	a.id=getImageLinkId2502(index);
	a.style.display="inline";
	a.style.height="75px";
	a.style.border="0px";
	a.style.marginRight=2+"px";
	a.style.padding="0px";
	a.style.cssFloat="left";
	a.style.styleFloat="left";
	if (!self.staticTicker2502) a.href="#";
	a.style.backgroundColor="transparent";
	var img=createElement(a, "img");
	img.src=tkBaseURL2502 + "/images/blank.gif";
	img.style.cssFloat="left";
	img.style.styleFloat="left";
	img.style.border="0px";
	img.style.width="1px";
	img.style.height="1px";	
}

function setTickerItem2502(index, item) {
	//~ trace("setTickerItem2502()");
	if( self.scriptLoaded2502 ) {
		var a = _ge(getImageLinkId2502(index));
		if (a != undefined) {
			if (!self.staticTicker2502) {
				a.href = item.url;
			}
			a.removeChild(a.firstChild);
			var img=createElement(a, "img");
			img.style.border="0px";
			img.style.cssFloat="left";
			img.style.styleFloat="left";
			if (ie && self.externalTicker2502) img.style.margin="1px 0px 1px 0px";
			//~ trace("setTickerItem2502():load image:"+item.id);
			img.src=item.img_url;
			img.onmouseover = function (e) { if (self.tickerPause2502) tickerPause2502(true) } ;
			img.onmouseout =  function (e) { if (self.tickerPause2502) tickerPause2502(false) } ;
		}
	}
}

function loadTicker2502() {
	tkItems2502=[
new TickerItem(
"080414-55818-72409",
"http://www.hellob.com/cache/080414-55818-72409_s1.jpg",
"http://www.hellob.com/image/080414-55818-72409"),

new TickerItem(
"080422-39258-85928",
"http://www.hellob.com/cache/080422-39258-85928_s1.jpg",
"http://www.hellob.com/image/080422-39258-85928"),

new TickerItem(
"080414-54816-10929",
"http://www.hellob.com/cache/080414-54816-10929_s1.jpg",
"http://www.hellob.com/image/080414-54816-10929"),
];
	//~ addNewImages2502(tkItems2502);
	initializeTicker2502();
}

document.write('<div style="height:110px;width:680" id="2502"></div>');
playID=setTimeout('loadTicker2502()',1000)
scriptLoaded2502 = true;