/* ****************************************
 * Image Array 
 * Format ...=["image path and filename", "image alternative text", "panel title", "link href", "link title"];
 **************************************** */

var arrImages = new Array();
arrImages[0]=["content/images/cust_include_list/Aldermore-logos-lr.gif","Aldermore","", "media/090728_Aldermore_contract.pdf", ""];
arrImages[1]=["content/images/cust_include_list/altair_orig.gif","Altair","Our Customers Include", "", ""];
arrImages[2]=["content/images/cust_include_list/bevbs_orig.gif","Beverley Building Society","Our Customers Include", "", ""];
arrImages[3]=["content/images/cust_include_list/boi_orig.gif","Bank of Ireland","Our Customers Include", "", ""];
arrImages[4]=["content/images/cust_include_list/cheque-point-orig.gif", "Chequepoint", "Our Customers Include", "media/cps_chequepoint_casestudy.pdf", "Read Case Study"]  
arrImages[5]=["content/images/cust_include_list/White-Eagle-Logo_White__on_Blue.gif", "White Eagle", "Our Customers Include", "media/White_Eagle_case_study_final_signed_off.pdf", "Read Case Study"]  
arrImages[6]=["content/images/cust_include_list/firstsave_orig.gif", "Firstsave", "Our Customers Include", "media/FBN_CaseStudy_final_signed_off_28_02_2008.pdf", "Read Case Study"]  
arrImages[7]=["content/images/cust_include_list/pct_logo.gif", "Payment Card Technologies", "Our Customers Include", "", ""]  
arrImages[8]=["content/images/cust_include_list/melton_orig.gif", "Melton Mowbray Building Society", "Our Customers Include", "media/bs_melton_casestudy.pdf", "Read Case Study"]  
arrImages[9]=["content/images/cust_include_list/sbslogo_orig.gif", "Shepshed Building Society", "Our Customers Include", "", ""] 

arrImages[10]=["content/images/cust_include_list/Spectrum_logo.gif", "Spectrum", "Our Customers Include", "media/Spectrum_Case_Study.pdf", "Read Press Release"]  
arrImages[11]=["content/images/cust_include_list/srbs_orig.gif", "Stafford Railway Building Society", "Our Customers Include", "", ""]  
arrImages[12]=["content/images/cust_include_list/tuxedo_orig.gif", "Tuxedo", "Our Customers Include", "media/Tuxedo_CaseStudy_18_02_2008_final.pdf", "Read Press Release"]  
arrImages[13]=["content/images/cust_include_list/winner_08_web.gif", "Winner/2008 The Card Awards", "Best Pre-paid Card Marketing Campaign of the Year", "media/080128_Card_Awards.pdf", "Read Press Release"];
arrImages[14]=["content/images/cust_include_list/03Award_LG.jpg", "Nominated for Best Retail Gift Card Program", "&nbsp;", "", "Read Press Release"]
arrImages[15]=["content/images/cust_include_list/Prepaid_Awards_08_Logo.gif", "Prepaid Card Awards", "Leading Prepaid Organisation", "media/081027_pre-paid_cards_award_success.pdf", "Read Press Release"]
arrImages[16]=["content/images/cust_include_list/TruCash_logo.gif", "TruCash", "Our Customers Include", "", ""]
arrImages[17]=["content/images/cust_include_list/New-Payzone-logo-.gif", "Payzone", "Our Customers Include", "media/Payzone_CaseStudy_FINAL_01.04.08.pdf", "Read Case Study"]
arrImages[18]=["content/images/cust_include_list/FEV.gif", "Flex-e-vouchers", "Our Customers Include", "media/flex_e_vouchers.pdf", "Read Press Release"]
arrImages[19]=["content/images/cust_include_list/CP_Logo_.gif", "CorporatePay", "Our Customers Include", "media/Corporate_Pay_Case_Study_final_without_print_lines.pdf", "Read Case Study"]
arrImages[20]=["content/images/cust_include_list/M-cube-Master-Colour-logo-1.gif", "M-cube", "Our Customers Include", "media/M-Cube_Case_Study_Final.pdf", "Read Success Story"]
arrImages[21]=["content/images/cust_include_list/Card_Awards_2009_image.gif", "2009 Card Awards", "Winner/2009 The Card Awards", "media/09.02.09_Card_Awards.pdf", "Read Press Release"]
arrImages[22]=["content/images/cust_include_list/fst_awards_09_winner.gif", "2009 FST Awards", "2009 FST Awards", "media/090326_FST_awards.pdf", "Read Press Release"]
arrImages[23]=["content/images/cust_include_list/FinalistLogo.gif", "2009 Finalist", "2009 FST Awards", ""]
arrImages[24]=["content/images/cust_include_list/Prepaid_Awards_2009_winner1.jpg", "2009 Winner", "2009 FST Awards", "media/prepaid_award_press_release.pdf", "Read Press Release"]
arrImages[25]=["content/images/FST-Awards-shortlist-logo-2010.jpg","Financial Service Technology Awards 2010 Shortlisted", "2010 FST Awards"]
arrImages[26]=["content/images/the-card-awards-2010-finalist.jpg","2010 Card Awerds", "Finalist/2010 The Card Awards"]



var c=0
var t
var arrLen = arrImages.length;						//Variable to store array length (number of items in array)
var arrSel = Math.floor(Math.random()*arrLen);		//Variable to store selected image - starts with Random Image


/* ****************************************
 * Updates image and title and calls fade effect functions
 **************************************** */
function fadePanel() {
	arrSel = arrSel + 1;
	if (arrSel == arrLen) {
		arrSel = 0;
	}

	document.getElementById('boxTitle').innerHTML = (arrImages[arrSel][2]);
	
	if (arrImages[arrSel][3] == "") {
		document.getElementById('fBoxItem').innerHTML = '<img id="boxImg">';
		document.getElementById('boxImg').src = (arrImages[arrSel][0]);
		document.getElementById('boxImg').alt = (arrImages[arrSel][1]);
	}
	else {
		document.getElementById('fBoxItem').innerHTML = '<a id="fBoxLink"><img id="boxImg"></a>';
		document.getElementById('boxImg').src = (arrImages[arrSel][0]);
		document.getElementById('boxImg').alt = (arrImages[arrSel][1]);
		document.getElementById('fBoxLink').href = (arrImages[arrSel][3]);
		document.getElementById('fBoxLink').title = (arrImages[arrSel][4]);
	}
	

	c=c+1;
	t=setTimeout("fadePanel()",4000);
	t=setTimeout("fadeIn()", 0);
	t=setTimeout("fadeOut()",2500);
}


/* ****************************************
 * Fade in panel
 **************************************** */
function fadeIn() {
	opacity('fBox', 0, 99, 1000);
}


/* ****************************************
 * Fade out panel
 **************************************** */
function fadeOut() {
	opacity('fBox', 99, 0, 1000);
}


/* ****************************************
 * Opacity function to change element opacity
 **************************************** */
function opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
} 


/* ****************************************
 * change the opacity for different browsers
 **************************************** */
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}