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

// constant
var _TK_IMGGAP_ = 2;

// global variables
var scriptLoaded2524=false;
var signedIn = false;
var tickerMarOffset2524=0; // ticker margin offset, scrolling offset
var tkWidth2524=680;
var tkItemsWidth2524=0; // tkDiv2524 grows by this much for each item
var skipImages2524=5; // replace every 5, eventually will replace all
var tickerStarted2524=false;
var primality2524=false;
var movedImages2524=0;
var imagePreloads2524=new Array();
var queue2524=new Array();
var tkIds2524=new Array();
var tkItems2524=new Array() ;
var tkBaseURL2524="http://www.hellob.com";
var tkDiv2524;
var tkContainer2524;
var tkStatus2524;
var tkTimer2524=null;
var tkRunning2524=false;
var tkPaused2524=false;
var tickTime2524=50; // scrolling speed
var gettingIds2524=false;
var primalityNumber2524=31;
var transferDone2524=false;
var tickerLoadImageCount2524=0; // tracking current loaded image
var fadeTimer2524=null;
var ie=(document.all) ? true : false;
var externalTicker2524=true;
var tkslidebg2524="slide_bg0.png";
var tkDivID2524="2524";

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

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

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

function getImageLinkId2524(n) {
	return "ticklnk2524" + n;
}

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

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

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

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

	tkStatus2524=createElement(tkContainer2524, "img");
	tkStatus2524.id="tkStatus2524";
	tkStatus2524.style.position="absolute";
	tkStatus2524.style.margin = "16px 0px 0px "+(tkWidth2524-150)/2+"px";

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

function initializeTicker2524() {
	//~ trace("initializeTicker2524()");
	if (tkTimer2524) {
		clearTimeout(tkTimer2524);
	}
	var tickerBase = _ge(tkDivID2524);
	if (!tickerBase) {
		trace("no ticker base, no ticker");
		return ; // no ticker base, no ticker
	}
	trimArray(tkItems2524);
	layoutTicker2524(tickerBase);

	if( !tkItems2524.length ) {
		tkStatus2524.src=tkBaseURL2524 + "/images/ticker_noitems.gif";
		return;
	}
	tkStatus2524.src=tkBaseURL2524 + "/images/ticker_loading.gif";
	transferDone2524=false;
	
	for (var i=0; i< tkItems2524.length; i++) {
		addTickerItem2524(tkDiv2524, i);
	}
	if( !transferDone2524 ) transferImages2524();
}

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

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

function transferImages2524() {
	//~ trace("transferImages2524()");
	//~ trace("tickerLoadImageCount2524:"+tickerLoadImageCount2524);
	if( !transferDone2524 ) {
		//~ trace("transferImages2524:loading image...");
		var item = tkItems2524[tickerLoadImageCount2524];
		if (item.image == null) {
			item.image=makeImage(item.id, item.img_url);
		}
		else if ( !item.transferred ) {
			if( item.image.complete ){
				setTickerItem2524(tickerLoadImageCount2524, item);
				tkItemsWidth2524 += (item.image.width+_TK_IMGGAP_);
				item.transferred=true;
				tkIds2524['id' + item.id]=item;
				if( tickerLoadImageCount2524 < tkItems2524.length-1 ) {
					tickerLoadImageCount2524++;
				}
				else {
					//~ trace("tkItemsWidth2524:"+tkItemsWidth2524);
					tkDiv2524.style.width=tkItemsWidth2524 + "px";
					transferDone2524=true;
				}
			}
		}
		setTimeout("transferImages2524()", 500); // check and load next image
	}
	else {
		//~ trace("transferImages2524:all images loaded");
		if( !tickerStarted2524 && transferDone2524 ) {
			tickerStarted2524=true;
			tkContainer2524.removeChild(tkStatus2524);
			if( !(ie && self.externalTicker2524) ) FadeIn("tkDiv2524", 0);
		}
		// 5 seconds to start scrolling
		setTimeout("startTick2524()", 100);
	}
}

function addNewImages2524(newItems) {	
	for (var i = 0; i < newItems.length; i++) {
		tkIds2524['id' + newItems[i].id] = newItems[i];
		queue2524.push(newItems[i]);
	}
}

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

function doTick2524() {
	//~ trace("doTick2524()");
	if( !tkPaused2524 ) {
		if( tkRunning2524 ) tick2524();
	}
	if( tkRunning2524 ) tkTimer2524=setTimeout("doTick2524()", tickTime2524);
}

function startTick2524() {
	if(!self.staticTicker2524) {
		tkRunning2524 = true;
	}
	doTick2524();
}

//
// scrolling ticker
//
function tick2524() {
	//~ trace("tick2524()");
	tickerMarOffset2524++;
	//~ trace("tickerMarOffset2524:"+tickerMarOffset2524);
	//~ trace("tkDiv2524.firstChild.offsetWidth:"+tkDiv2524.firstChild.offsetWidth);
	if( tickerMarOffset2524 >= tkDiv2524.firstChild.offsetWidth ) {
		//~ trace("primality2524:"+primality2524);
		//~ trace("grow number of images to achieve primality2524");
		// grow number of images to achieve primality2524
		if( !primality2524 ){
			//~ trace("queue2524:"+queue2524.length);
			if (queue2524.length > 0 && tickerLoadImageCount2524 < primalityNumber2524) {
				newTickerItem = popqueue2524();
				tickerLoadImageCount2524++;
				addTickerItem2524(tkDiv2524, tickerLoadImageCount2524);
				setTickerItem2524(tickerLoadImageCount2524, newTickerItem);
				// we have achieved primality
				if (tickerLoadImageCount2524 >= primalityNumber2524) { 
					primality2524=true;
				}
			}
		}
		//~ trace("movedImages2524:"+movedImages2524);
		// if queue2524 has images, add them every skipImages2524
		if( movedImages2524 == skipImages2524 &&
				primality2524 &&
				queue2524.length > 0 ) {
			newTickerItem=popqueue2524();
			tickerLoadImageCount2524++;
			addTickerItem2524(tkDiv2524, tickerLoadImageCount2524);
			setTickerItem2524(tickerLoadImageCount2524, newTickerItem);
			movedImages2524=0; // reset image counter
			tkDiv2524.removeChild(tkDiv2524.firstChild); // get rid of image
		}
		else {
			//~ trace("swap first image");
			firstImage2524=tkDiv2524.firstChild;
			tkDiv2524.appendChild(tkDiv2524.removeChild(firstImage2524));
		}
		movedImages2524++;
		tickerMarOffset2524 = -2;

		if (movedImages2524 == (skipImages2524 * 4)) {
			movedImages2524=0;
			gettingIds2524=false;
		}
	}
	tkDiv2524.style.marginLeft = -tickerMarOffset2524 + "px";
}

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

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

function loadTicker2524() {
	tkItems2524=[
new TickerItem(
"080430-67376-21144",
"http://www.hellob.com/cache/080430-67376-21144_s1.jpg",
"http://www.hellob.com/image/080430-67376-21144"),
];
	//~ addNewImages2524(tkItems2524);
	initializeTicker2524();
}

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