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

// constant
var _TK_IMGGAP_ = 2;

// global variables
var scriptLoaded2522=false;
var signedIn = false;
var tickerMarOffset2522=0; // ticker margin offset, scrolling offset
var tkWidth2522=680;
var tkItemsWidth2522=0; // tkDiv2522 grows by this much for each item
var skipImages2522=5; // replace every 5, eventually will replace all
var tickerStarted2522=false;
var primality2522=false;
var movedImages2522=0;
var imagePreloads2522=new Array();
var queue2522=new Array();
var tkIds2522=new Array();
var tkItems2522=new Array() ;
var tkBaseURL2522="http://www.hellob.com";
var tkDiv2522;
var tkContainer2522;
var tkStatus2522;
var tkTimer2522=null;
var tkRunning2522=false;
var tkPaused2522=false;
var tickTime2522=50; // scrolling speed
var gettingIds2522=false;
var primalityNumber2522=31;
var transferDone2522=false;
var tickerLoadImageCount2522=0; // tracking current loaded image
var fadeTimer2522=null;
var ie=(document.all) ? true : false;
var externalTicker2522=true;
var tkslidebg2522="slide_bg0.png";
var tkDivID2522="2522";

// preloads
for (var i = 1; i < 10; i++) {
    imagePreloads2522[i] = document.createElement("img");
    imagePreloads2522[i].src = tkBaseURL2522 + "/images/prev_img" + i + ".png";
}
imagePreloads2522[10] = document.createElement("img");
imagePreloads2522[10].src =  tkBaseURL2522 + "/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 tickerPause2522(pause) {
	tkPaused2522=pause;
}

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

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

function getImageLinkId2522(n) {
	return "ticklnk2522" + n;
}

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

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

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

	if( ie && self.externalTicker2522 ) {
		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";
	tkContainer2522=createElement(tickerBase, "div");
	tkContainer2522.id="tkContainer2522";
	tkContainer2522.style.position="absolute";
	tkContainer2522.style.border="0px";
	tkContainer2522.style.width=(tkWidth2522-60)+"px";
	tkContainer2522.style.height="90px";
	tkContainer2522.style.overflow = "hidden";

	tkStatus2522=createElement(tkContainer2522, "img");
	tkStatus2522.id="tkStatus2522";
	tkStatus2522.style.position="absolute";
	tkStatus2522.style.margin = "16px 0px 0px "+(tkWidth2522-150)/2+"px";

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

function initializeTicker2522() {
	//~ trace("initializeTicker2522()");
	if (tkTimer2522) {
		clearTimeout(tkTimer2522);
	}
	var tickerBase = _ge(tkDivID2522);
	if (!tickerBase) {
		trace("no ticker base, no ticker");
		return ; // no ticker base, no ticker
	}
	trimArray(tkItems2522);
	layoutTicker2522(tickerBase);

	if( !tkItems2522.length ) {
		tkStatus2522.src=tkBaseURL2522 + "/images/ticker_noitems.gif";
		return;
	}
	tkStatus2522.src=tkBaseURL2522 + "/images/ticker_loading.gif";
	transferDone2522=false;
	
	for (var i=0; i< tkItems2522.length; i++) {
		addTickerItem2522(tkDiv2522, i);
	}
	if( !transferDone2522 ) transferImages2522();
}

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

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

function transferImages2522() {
	//~ trace("transferImages2522()");
	//~ trace("tickerLoadImageCount2522:"+tickerLoadImageCount2522);
	if( !transferDone2522 ) {
		//~ trace("transferImages2522:loading image...");
		var item = tkItems2522[tickerLoadImageCount2522];
		if (item.image == null) {
			item.image=makeImage(item.id, item.img_url);
		}
		else if ( !item.transferred ) {
			if( item.image.complete ){
				setTickerItem2522(tickerLoadImageCount2522, item);
				tkItemsWidth2522 += (item.image.width+_TK_IMGGAP_);
				item.transferred=true;
				tkIds2522['id' + item.id]=item;
				if( tickerLoadImageCount2522 < tkItems2522.length-1 ) {
					tickerLoadImageCount2522++;
				}
				else {
					//~ trace("tkItemsWidth2522:"+tkItemsWidth2522);
					tkDiv2522.style.width=tkItemsWidth2522 + "px";
					transferDone2522=true;
				}
			}
		}
		setTimeout("transferImages2522()", 500); // check and load next image
	}
	else {
		//~ trace("transferImages2522:all images loaded");
		if( !tickerStarted2522 && transferDone2522 ) {
			tickerStarted2522=true;
			tkContainer2522.removeChild(tkStatus2522);
			if( !(ie && self.externalTicker2522) ) FadeIn("tkDiv2522", 0);
		}
		// 5 seconds to start scrolling
		setTimeout("startTick2522()", 100);
	}
}

function addNewImages2522(newItems) {	
	for (var i = 0; i < newItems.length; i++) {
		tkIds2522['id' + newItems[i].id] = newItems[i];
		queue2522.push(newItems[i]);
	}
}

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

function doTick2522() {
	//~ trace("doTick2522()");
	if( !tkPaused2522 ) {
		if( tkRunning2522 ) tick2522();
	}
	if( tkRunning2522 ) tkTimer2522=setTimeout("doTick2522()", tickTime2522);
}

function startTick2522() {
	if(!self.staticTicker2522) {
		tkRunning2522 = true;
	}
	doTick2522();
}

//
// scrolling ticker
//
function tick2522() {
	//~ trace("tick2522()");
	tickerMarOffset2522++;
	//~ trace("tickerMarOffset2522:"+tickerMarOffset2522);
	//~ trace("tkDiv2522.firstChild.offsetWidth:"+tkDiv2522.firstChild.offsetWidth);
	if( tickerMarOffset2522 >= tkDiv2522.firstChild.offsetWidth ) {
		//~ trace("primality2522:"+primality2522);
		//~ trace("grow number of images to achieve primality2522");
		// grow number of images to achieve primality2522
		if( !primality2522 ){
			//~ trace("queue2522:"+queue2522.length);
			if (queue2522.length > 0 && tickerLoadImageCount2522 < primalityNumber2522) {
				newTickerItem = popqueue2522();
				tickerLoadImageCount2522++;
				addTickerItem2522(tkDiv2522, tickerLoadImageCount2522);
				setTickerItem2522(tickerLoadImageCount2522, newTickerItem);
				// we have achieved primality
				if (tickerLoadImageCount2522 >= primalityNumber2522) { 
					primality2522=true;
				}
			}
		}
		//~ trace("movedImages2522:"+movedImages2522);
		// if queue2522 has images, add them every skipImages2522
		if( movedImages2522 == skipImages2522 &&
				primality2522 &&
				queue2522.length > 0 ) {
			newTickerItem=popqueue2522();
			tickerLoadImageCount2522++;
			addTickerItem2522(tkDiv2522, tickerLoadImageCount2522);
			setTickerItem2522(tickerLoadImageCount2522, newTickerItem);
			movedImages2522=0; // reset image counter
			tkDiv2522.removeChild(tkDiv2522.firstChild); // get rid of image
		}
		else {
			//~ trace("swap first image");
			firstImage2522=tkDiv2522.firstChild;
			tkDiv2522.appendChild(tkDiv2522.removeChild(firstImage2522));
		}
		movedImages2522++;
		tickerMarOffset2522 = -2;

		if (movedImages2522 == (skipImages2522 * 4)) {
			movedImages2522=0;
			gettingIds2522=false;
		}
	}
	tkDiv2522.style.marginLeft = -tickerMarOffset2522 + "px";
}

//
// create <a href=""><img></a> image tag
//
function addTickerItem2522(parent, index) {
	//~ trace("addTickerItem2522()");
	var a=createElement(parent, "a");
	a.id=getImageLinkId2522(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.staticTicker2522) a.href="#";
	a.style.backgroundColor="transparent";
	var img=createElement(a, "img");
	img.src=tkBaseURL2522 + "/images/blank.gif";
	img.style.cssFloat="left";
	img.style.styleFloat="left";
	img.style.border="0px";
	img.style.width="1px";
	img.style.height="1px";	
}

function setTickerItem2522(index, item) {
	//~ trace("setTickerItem2522()");
	if( self.scriptLoaded2522 ) {
		var a = _ge(getImageLinkId2522(index));
		if (a != undefined) {
			if (!self.staticTicker2522) {
				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.externalTicker2522) img.style.margin="1px 0px 1px 0px";
			//~ trace("setTickerItem2522():load image:"+item.id);
			img.src=item.img_url;
			img.onmouseover = function (e) { if (self.tickerPause2522) tickerPause2522(true) } ;
			img.onmouseout =  function (e) { if (self.tickerPause2522) tickerPause2522(false) } ;
		}
	}
}

function loadTicker2522() {
	tkItems2522=[
new TickerItem(
"080430-58014-51815",
"http://www.hellob.com/cache/080430-58014-51815_s1.jpg",
"http://www.hellob.com/image/080430-58014-51815"),

new TickerItem(
"080430-58014-83386",
"http://www.hellob.com/cache/080430-58014-83386_s1.jpg",
"http://www.hellob.com/image/080430-58014-83386"),
];
	//~ addNewImages2522(tkItems2522);
	initializeTicker2522();
}

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