// JavaScript Document





var tickercontent=new Array()

tickercontent[0]='<a href="http://www.javascriptkit.com">JavaScript Kit</a><br />Comprehensive JavaScript tutorials and over 400+ free scripts!'

tickercontent[1]='<a href="http://www.codingforums.com">Coding Forums</a><br />Web coding and development forums.'

tickercontent[2]='<a href="http://www.cssdrive.com" target="_new">CSS Drive</a><br />Categorized CSS gallery and examples.'



var tickercontent2=new Array()

tickercontent2[0]='<a href="/uk/products/converged/?WT.ac=uk_hp_flash_r11"><img src="/assets/img/flash/uk/img-1.jpg" border="0" alt="Hitachi Converged Data Center Solutions" title="Hitachi Converged Data Center Solutions"/></a>'

tickercontent2[1]='<a href="http://www.hds.com/go/nocenter/?WT.ac=uk_hp_flash_r12" target="blank"><img src="/assets/img/flash/uk/img-2.jpg" border="0" alt="Hitachi Data Center Transformation - Data Has No Center" title="Hitachi Data Center Transformation - Data Has No Center"/></a>'

tickercontent2[2]='<a href="/uk/corporate/press-analyst-center/press-releases/2011/gl110322.html?WT.ac=uk_hp_flash_r13"><img src="/assets/img/flash/uk/img-3.jpg" border="0" alt="Ethical Leaderchip" title="Hitachi Data Systems Puts Ethics into Action"/></a>'








function domticker(content, divId, divClass, delay, fadeornot){



this.content=content

this.tickerid=divId //ID of master ticker div. Message is contained inside first child of ticker div

this.delay=delay //Delay between msg change, in miliseconds.

this.mouseoverBol=0 //Boolean to indicate whether mouse is currently over ticker (and pause it if it is)

this.pointer=1

this.opacitystring=(typeof fadeornot!="undefined")? "width: 100%; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1" : ""

if (this.opacitystring!="") this.delay+=500 //add 1/2 sec to account for fade effect, if enabled

this.opacitysetting=0.2 //Opacity value when reset. Internal use.

document.write('<div id="'+divId+'" class="'+divClass+'"><div style="'+this.opacitystring+'">'+content[0]+'</div></div>')

var instanceOfTicker=this

setTimeout(function(){instanceOfTicker.initialize()}, delay)

}



domticker.prototype.initialize=function(){

var instanceOfTicker=this

this.contentdiv=document.getElementById(this.tickerid).firstChild //div of inner content that holds the messages

document.getElementById(this.tickerid).onmouseover=function(){instanceOfTicker.mouseoverBol=1}

document.getElementById(this.tickerid).onmouseout=function(){instanceOfTicker.mouseoverBol=0}

this.rotatemsg()

}



domticker.prototype.rotatemsg=function(){

var instanceOfTicker=this

if (this.mouseoverBol==1) 

setTimeout(function(){instanceOfTicker.rotatemsg()}, 100)

else{

this.fadetransition("reset") //FADE EFFECT- RESET OPACITY

this.contentdiv.innerHTML=this.content[this.pointer]

this.fadetimer1=setInterval(function(){instanceOfTicker.fadetransition('up', 'fadetimer1')}, 100) //FADE EFFECT- PLAY IT

this.pointer=(this.pointer<this.content.length-1)? this.pointer+1 : 0

setTimeout(function(){instanceOfTicker.rotatemsg()}, this.delay) //update container

}

}



domticker.prototype.fadetransition=function(fadetype, timerid){

var contentdiv=this.contentdiv

if (fadetype=="reset")

this.opacitysetting=0.2

if (contentdiv.filters && contentdiv.filters[0]){

if (typeof contentdiv.filters[0].opacity=="number") //IE6+

contentdiv.filters[0].opacity=this.opacitysetting*100

else //IE 5.5

contentdiv.style.filter="alpha(opacity="+this.opacitysetting*100+")"

}

else if (typeof contentdiv.style.MozOpacity!="undefined" && this.opacitystring!=""){

contentdiv.style.MozOpacity=this.opacitysetting

}

else

this.opacitysetting=1

if (fadetype=="up")

this.opacitysetting+=0.2

if (fadetype=="up" && this.opacitysetting>=1)

clearInterval(this[timerid])

}