function Class_WIB()
{
	this.stap = 0
	this.delay = 15
	this.PaginaStap = 1
	this.Pagina = 1
	this.bTurned = false
	this.bMoving = false
	this.Interval = false
	this.accelleratie = (document.all && document.getElementById ? 3 : 8)
	this.arrObjects = new Array()
	this.BeweegBreedte = 635
	this.v = 0
	this.vmax = 0
	this.a = 0
	this.x = 0
	this.t = 0 
	this.nAantalObjecten = 0

	for(var i=0;i<150;i++)
	{
		this.t += this.accelleratie
		this.x += this.t
		if ( this.x * 2 > this.BeweegBreedte && this.vmax == 0 )
		{
			this.vmax = this.t
			this.Factor = this.BeweegBreedte / (this.x*2)
		}
	}
	this.x = 0
	this.xLocation = 0

	this.Class_WibObject = function(nummer, UID, ImgSrc, ToolTipImg, URL, TipWidth, TipHeight)
	{
		this.Nummer = nummer
		this.UID = UID
		this.ImgSrc = ImgSrc
		this.ToolTipImg = ToolTipImg
		this.TipWidth = TipWidth
		this.TipHeight = TipHeight
		this.URL = URL
		
		this.bStatsRegistered = (nummer < 5)
		
		this.LoadImage = function()
		{
			if ( this.ImageLoaded == false )
			{
				document.getElementById('Image' + this.Nummer).src = this.GetImgSrc('120')
				this.ImageLoaded = true
			}
		}
		
		this.GetStatRegStr = function()
		{
			if ( this.bStatsRegistered == false )
			{
				this.bStatsRegistered = true
				return this.StatsString
			}
			else
			{
				return ''
			}
		}
		
		this.getHTML = function()
		{
			var s = ''
			sEnter = '\n'
			if ( navigator.userAgent.indexOf('Firefox') > -1 ) sEnter = ''
			s += '<span class="wib_Object" style="left:' + (-10 + this.Nummer*160) + 'px\;">'
			if(this.URL != '') {
				s += '	<a href="' + this.URL + '" target="_blank" class="wib"  onMouseover="ddrivetip(\'' + this.ToolTipImg + '\',' + TipWidth + ',' + TipHeight + ')\;" onMouseout="hideddrivetip()\;" title="Click To View">'
			} else {
				s += '	<a nohref class="wib" onMouseover="ddrivetip(\'' + this.ToolTipImg + '\',' + TipWidth + ',' + TipHeight + ')\;" onMouseout="hideddrivetip()\;" style="cursor:hand;">'
			}
			s += '		<img class="WibImage" id="Image' + this.Nummer + '" target="_blank" border="0" src="' + this.ImgSrc + '" width="150" height="100"></a></span>'
			return s
		}
	}	
	
	this.AddObject = function(UID, ImgSrc, ToolTipImg, URL, TipWidth,TipHeight)
	{
		var nummer = this.arrObjects.length
		this.arrObjects[nummer] = new this.Class_WibObject(nummer, UID, ImgSrc, ToolTipImg, URL, TipWidth, TipHeight)
	}

	this.Start = function()
	{
		this.nAantalObjecten = this.arrObjects.length
		this.xMax = 0
		this.AantalPaginas = Math.ceil(this.nAantalObjecten / 5)
		this.xMin = - (this.AantalPaginas-1) * (142 * 5)
		var s = ''
		for ( var i=0; i<this.nAantalObjecten; i++ )
		{
			 s += this.arrObjects[i].getHTML(i)
		}
		document.getElementById('WibSpan').innerHTML = s
		this.SetButtons()
	}
	
	this.SetButtons = function()
	{
		if ( this.nAantalObjecten > 5 )
		{
			document.getElementById('WIB_knop_rechts').style.display = ( this.Pagina < this.AantalPaginas ? 'block' : 'none' )
			document.getElementById('WIB_knop_links').style.display = ( this.Pagina > 1 ? 'block' : 'none' )
			var s = ''
			for ( var i=1; i<=this.AantalPaginas; i++ ) s += '<a href="javascript:WIB.GaNaarPagina(' + i + ')"' + (this.Pagina == i ? ' class="sel"' : '') + '>&nbsp;' + i + '&nbsp;</a>'
			//document.getElementById('wib_pagenumber').innerHTML = s
		}
	}

	this.Mouseover = function(sDirection)
	{
		if ( document.getElementById('wib_img_' + sDirection) )
		{
			document.getElementById('wib_img_' + sDirection).src = 'http://www.webguru4hire.com/images/' + sDirection + '_hover.jpg'
		}
	}

	this.Mouseout = function(sDirection)
	{
		if ( document.getElementById('wib_img_' + sDirection) )
		{
			document.getElementById('wib_img_' + sDirection).src = 'http://www.webguru4hire.com/images/' + sDirection + '.jpg'
		}
	}
	
	this.MouseDown = function(_ax)
	{
		this.GaNaarPagina(this.Pagina-_ax)
	}
	
	this.GaNaarPagina = function(n)
	{
		if ( this.bMoving == false )
		{
			this.bMoving = true
			this.a = ( this.Pagina>n ? 1 : -1 ) * this.accelleratie
			this.PaginaMove = ( this.Pagina>n ? this.Pagina - n : n - this.Pagina )
			this.Pagina = n
			if ( this.Pagina > this.AantalPaginas ) this.Pagina = this.AantalPaginas
			if ( this.Pagina < 1 ) this.Pagina = 1
			sStats = ''
			for ( var i=0; i<5; i++ )
			{
				xTemp2 = (this.Pagina * 5 ) + i - 5
				if ( xTemp2 < this.nAantalObjecten )
				{
					this.arrObjects[xTemp2].LoadImage()
					s = this.arrObjects[xTemp2].GetStatRegStr()
					sStats += s + ( s == '' ? '' : ',' )
				}
			}
			if ( !this.Interval ) this.Interval = setInterval('WIB.Move()',15)
		}
	}
	
	this.Move = function()
	{
		this.x += this.v * this.Factor * this.PaginaMove
		
		this.xLocation = Math.round(this.x)
		if ( this.x > this.xMax ) this.x = this.xMax
		if ( this.x < this.xMin ) this.x = this.xMin
		if ( this.bTurned == false && ( this.v >= this.vmax || this.v <= -this.vmax ))
		{
			this.a = -this.a
			this.bTurned = true
		}
		else
		{
			this.v += this.a
		}
		if ( this.v == 0 )
		{
			this.bTurned = false
			this.a = 0
			clearInterval(this.Interval)
			this.bMoving = false
			this.Interval = false
			this.SetButtons()
			this.PaginaStap = 1
		}
		document.getElementById('WibSpan').style.left = this.xLocation + 'px'
	}


}


var WIB
function WIBStart() {
	WIB = new Class_WIB()
		WIB.AddObject('1024', 'images/icon20.jpg','tooltip_img20.jpg', 'http://www.webguru4hire.com/clients/esurance',422,422)
	WIB.AddObject('44', 'images/icon32.jpg','tooltip_img32.jpg', 'http://www.spanglejewelry.com',422,422)
	WIB.AddObject('807', 'images/icon30.jpg','tooltip_img30.jpg', 'http://www.hottestpeoplelist.com',422,422)
	WIB.AddObject('777', 'images/icon26.jpg','tooltip_img26.jpg', 'http://www.miamitalent.com',422,422)
	WIB.AddObject('912', 'images/icon31.jpg','tooltip_img31.jpg', 'http://www.cakejewelry.com',422,422)
	WIB.AddObject('846', 'images/icon0.jpg','tooltip_img0.jpg', 'http://www.bad-credit-mortgages.org',422,422)

	WIB.AddObject('378', 'images/icon7.jpg','tooltip_img7.jpg', 'http://www.hautesalons.com',422,422)
	
	WIB.AddObject('334', 'images/icon33.jpg','tooltip_img33.jpg', 'http://www.webguru4hire.com/clients/customreno',422,422)
	
	WIB.AddObject('33', 'images/icon6.jpg','tooltip_img6.jpg', 'http://www.highergroundintl.com',422,422)
	WIB.AddObject('33', 'images/icon34.jpg','tooltip_img34.jpg', 'http://www.webguru4hire.com/clients/dreamdrapes',422,422)
	
	WIB.AddObject('34', 'images/icon1.jpg','tooltip_img1.jpg', '',422,422)
	WIB.AddObject('35', 'images/icon2.jpg','tooltip_img2.jpg', 'http://www.hubcityconnections.com',422,422)
	WIB.AddObject('36', 'images/icon25.jpg','tooltip_img25.jpg', '',422,422)
	
	WIB.AddObject('38', 'images/icon24.jpg','tooltip_img24.jpg', 'http://www.rebelsalon.com',422,422)
	WIB.AddObject('31', 'images/icon4.jpg','tooltip_img4.jpg', 'http://www.walkaboutcarriers.com',422,422)
	WIB.AddObject('36', 'images/icon27.jpg','tooltip_img27.jpg', 'http://www.webguru4hire.com/clients/echoray',422,422)

	
	WIB.AddObject('356', 'images/icon35.jpg','tooltip_img35.jpg', 'http://www.webguru4hire.com/clients/kessenick/',422,422)
	
	WIB.AddObject('354', 'images/icon36.jpg','tooltip_img36.jpg', 'http://www.webguru4hire.com/clients/leviev/',422,422)
		WIB.AddObject('40', 'images/icon10.jpg','tooltip_img10.jpg', 'http://www.tonyakay.com',422,422)
	WIB.AddObject('354', 'images/icon37.jpg','tooltip_img37.jpg', 'http://www.webguru4hire.com/clients/samara/',422,422)
	
	
	
	WIB.AddObject('35', 'images/icon5.jpg','tooltip_img5.jpg', '',422,422)
	WIB.AddObject('38', 'images/icon8.jpg','tooltip_img8.jpg', 'http://www.h8rkix.com',422,422)
	WIB.AddObject('39', 'images/icon9.jpg','tooltip_img9.jpg', 'http://www.gospelavenue.com',422,422)

	WIB.AddObject('137', 'images/icon11.jpg','tooltip_img11.jpg', 'http://www.asiaticstyles.com',422,422)
	WIB.AddObject('238', 'images/icon12.jpg','tooltip_img12.jpg', 'http://www.alimonwilliams.com',422,422)
	WIB.AddObject('545', 'images/icon19.jpg','tooltip_img19.jpg', 'http://www.bonkum.com',422,422)
	WIB.AddObject('547', 'images/icon21.jpg','tooltip_img21.jpg', 'http://www.thegospelondemand.com',422,422)
	WIB.AddObject('339', 'images/icon13.jpg','tooltip_img13.jpg', 'http://www.realpropertymortgage.com',422,422)
		WIB.AddObject('44', 'images/icon3.jpg','tooltip_img3.jpg', '',422,422)

	WIB.AddObject('540', 'images/icon14.jpg','tooltip_img14.jpg', 'http://www.highergroundintl.com/infinite/',422,422)
	WIB.AddObject('541', 'images/icon15.jpg','tooltip_img15.jpg', 'http://www.booksandwires.com',422,422)
	WIB.AddObject('544', 'images/icon18.jpg','tooltip_img18.jpg', 'http://www.hautesalons.com',422,422)
	WIB.AddObject('547', 'images/icon16.jpg','tooltip_img16.jpg', '',422,422)
	
	
	WIB.AddObject('548', 'images/icon17.jpg','tooltip_img17.jpg', '',422,422)
	WIB.AddObject('549', 'images/icon1.jpg','tooltip_img1.jpg', '',422,422)
	WIB.AddObject('547', 'images/icon16.jpg','tooltip_img16.jpg', '',422,422)
	WIB.AddObject('354', 'images/icon37.jpg','tooltip_img37.jpg', 'http://www.webguru4hire.com/clients/samara/',422,422)
	
	WIB.AddObject('550', '','', '',0,0)
	WIB.AddObject('550', '','', '',0,0)
	WIB.AddObject('550', '','', '',0,0)
	WIB.AddObject('550', '','', '',0,0)

	WIB.Start()
}

function WIBMouseDown(n) { if(WIB)WIB.MouseDown(n) }
function WIBMouseover(n) { if(WIB)WIB.Mouseover(n) }
function WIBMouseout(n) { if(WIB)WIB.Mouseout(n) }