<!-- Begin text animation section --> 
function mouseoverTopic(topic) { 
var tdcssid = topic+'TdTopic' ; 
var td = document.getElementById( tdcssid ); 
var sptcssid = topic+'DivTitle'; 
var sTitle = document.getElementById( sptcssid ); 
var spstcssid = topic+'DivSubTitle' ; 
var sSubTitle = document.getElementById( spstcssid ); 
// toggle css styles 
//alert('Setting sTitle className = '+ sptcssid + 'On'); 
sTitle.style.color = '#336636'; 
sTitle.style.fontSize = '13pt'; 
sTitle.style.fontFamily = 'arial,helvetica'; 
sTitle.style.fontWeight = 'bolder'; 
sTitle.style.textDecoration = 'underline'; 
sSubTitle.style.color = 'black'; 
sSubTitle.style.textDecoration = 'none'; 
td.style.backgroundColor = '#dddddd'; 

} 
function mouseoutTopic(topic) { 
// get references to elements to be toggled on 
var tdcssid = topic+'TdTopic' ; 
var td = document.getElementById( tdcssid ); 
var sptcssid = topic+'DivTitle' ; 
var sTitle = document.getElementById( sptcssid ); 
var spstcssid = topic+'DivSubTitle' ; 
var sSubTitle = document.getElementById( spstcssid ); 
// toggle css styles 
sTitle.style.color = '#336636'; 
sTitle.style.fontFamily = 'arial,helvetica'; 
sTitle.style.fontSize = '12pt'; 
sTitle.style.fontWeight = 'bold'; 
sTitle.style.textDecoration = 'none'; 
sSubTitle.style.color = 'gray'; 
td.style.backgroundColor = 'white'; 


} 
//--> 

<!-- xxxxxxxxxxxxxxxxxxxx Script for Random Image Top Header 
xxxxxxxxxxxxxxxxxxxx --> 
<!-- Begin 
// Set slideShowSpeed (milliseconds) 
var slideShowSpeed = 3500; 
// Duration of crossfade (seconds) 
var crossFadeDuration = 8; 
// Specify the image files 
var Pic = new Array(); 
// to add more images, just continue 
// the pattern, adding to the array below 

Pic[0] = 'images/image-cycler/01.jpg' 
Pic[1] = 'images/image-cycler/2.jpg' 
Pic[2] = 'images/image-cycler/3.jpg' 
Pic[3] = 'images/image-cycler/4.jpg' 
Pic[4] = 'images/image-cycler/5.jpg' 
Pic[5] = 'images/image-cycler/6.jpg' 
Pic[6] = 'images/image-cycler/7.jpg' 
Pic[7] = 'images/image-cycler/8.jpg' 
Pic[8] = 'images/image-cycler/9.jpg' 
Pic[9] = 'images/image-cycler/10.jpg' 
Pic[10] = 'images/image-cycler/11.jpg' 
Pic[11] = 'images/image-cycler/12.jpg' 
Pic[12] = 'images/image-cycler/13.jpg' 
Pic[13] = 'images/image-cycler/14.jpg' 
Pic[14] = 'images/image-cycler/15.jpg' 
Pic[15] = 'images/image-cycler/16.jpg' 
Pic[16] = 'images/image-cycler/17.jpg' 
Pic[17] = 'images/image-cycler/18.jpg' 
Pic[18] = 'images/image-cycler/19.jpg' 
Pic[19] = 'images/image-cycler/20.jpg' 
Pic[20] = 'images/image-cycler/21.jpg' 
Pic[21] = 'images/image-cycler/22.jpg' 
Pic[22] = 'images/image-cycler/23.jpg' 
Pic[23] = 'images/image-cycler/24.jpg' 
Pic[24] = 'images/image-cycler/25.jpg' 
Pic[25] = 'images/image-cycler/26.jpg' 
Pic[26] = 'images/image-cycler/27.jpg' 
Pic[27] = 'images/image-cycler/28.jpg' 
Pic[28] = 'images/image-cycler/29.jpg' 
Pic[29] = 'images/image-cycler/30.jpg' 
Pic[30] = 'images/image-cycler/31.jpg' 
Pic[31] = 'images/image-cycler/32.jpg' 
Pic[32] = 'images/image-cycler/33.jpg' 
Pic[33] = 'images/image-cycler/34.jpg' 
Pic[34] = 'images/image-cycler/35.jpg' 
Pic[35] = 'images/image-cycler/36.jpg' 
Pic[36] = 'images/image-cycler/37.jpg' 
Pic[37] = 'images/image-cycler/38.jpg' 
Pic[38] = 'images/image-cycler/39.jpg' 
Pic[39] = 'images/image-cycler/40.jpg' 
Pic[40] = 'images/image-cycler/41.jpg' 
Pic[41] = 'images/image-cycler/42.jpg' 
Pic[42] = 'images/image-cycler/43.jpg' 
Pic[43] = 'images/image-cycler/44.jpg' 
Pic[44] = 'images/image-cycler/45.jpg' 
Pic[45] = 'images/image-cycler/46.jpg' 
Pic[46] = 'images/image-cycler/47.jpg' 
Pic[47] = 'images/image-cycler/48.jpg' 
Pic[48] = 'images/image-cycler/49.jpg' 
Pic[49] = 'images/image-cycler/50.jpg' 
Pic[50] = 'images/image-cycler/51.jpg' 
Pic[51] = 'images/image-cycler/52.jpg' 



// do not edit anything below this line 
var t; 
var j = 0; 
var p = Pic.length; 
var preLoad = new Array(); 
for (i = 0; i < p; i++) { 
preLoad[i] = new Image(); 
preLoad[i].src = Pic[i]; 
} 
function runSlideShow() { 
if (document.all) { 
document.images.SlideShow.style.filter="blendTrans(duration=2)"; 
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"; 
document.images.SlideShow.filters.blendTrans.Apply(); 
} 
document.images.SlideShow.src = preLoad[j].src; 
if (document.all) { 
document.images.SlideShow.filters.blendTrans.Play(); 
} 
j = j + 1; 
if (j > (p - 1)) j = 0; 
t = setTimeout('runSlideShow()', slideShowSpeed); 
} 
// End --> 


// THESE VARIABLES CAN BE CHANGED // 
var myMainMessage=" 14 July 2010 - PETROL: 812.00 c/l (93 ULP & (LRP) Inland Region || 827.00 c/l (95 ULP) Inland Region || 798.00 c/l (93 ULP) Coastal Region || 803.00 c/l (95 ULP) & (LRP) Coastal Region || DIESEL: 751.45 c/l (0.05%) Inland Region || 730.05 c/l (0.005%) Inland Region || PARAFFIN: 541.20 c/l Inland Region || 513.10 c/l Coastal Region || Single Maximum Retail Price for Illuminating Paraffin (IP): 707.0 c/l Country-Wide || Maximum (LP GAS) Refinery Gate Price: R5 494.46 per metric ton (304.94 c/l) Inland and Coastal || "; 
var speed=100; 
var scrollingRegion=200; 

// END CHANGEABLE VARIABLES // 
var startPosition=0; 
function mainTextScroller() { 
var mainMessage=myMainMessage; 
var tempLoc=(scrollingRegion*2/mainMessage.length)+1; 
if (tempLoc<1) {tempLoc=1} 
var counter; 
for(counter=0;counter<=tempLoc;counter++) 
mainMessage+=mainMessage; 
document.mainForm.mainTextScroller.value=mainMessage.substring(startPosition,startPosition+scrollingRegion); 
startPosition++; 
if(startPosition>scrollingRegion) startPosition=0; 
setTimeout("mainTextScroller()",speed); } 
// End -->