var pg_img_ary=0; var pg_interval=3000; pg_img_ary = new Array(); pg_img_pos=0; function pg_img_init() { pg_img_ary[0]="http://www.neegex.com/payment_gateway/paypal_st.jpg";pg_img_ary[1]="http://www.neegex.com/payment_gateway/2co.jpg";pg_img_ary[2]="http://www.neegex.com/payment_gateway/paypal_pro.jpg";pg_img_ary[3]="http://www.neegex.com/payment_gateway/linkpoint.jpg";pg_img_ary[4]="http://www.neegex.com/payment_gateway/gcheckout.jpg";pg_img_ary[5]="http://www.neegex.com/payment_gateway/authorize.jpg";pg_img_ary[6]="http://www.neegex.com/payment_gateway/yourpay.jpg"; } function pg_img_anim() { pg_img_init(); divid="pg_img_div"; pg_imageid="pg_img_main"; if(pg_img_pos>=pg_img_ary.length) { pg_img_pos=0; } pg_imagefile=pg_img_ary[pg_img_pos]; pg_img_pos++; pg_millisec=1000; var pg_speed = Math.round(pg_millisec / 100); var pg_timer = 0; //set the current image as background //document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(pg_imageid).src + ")"; //make image transparent pg_changeOpac(0, pg_imageid); //make new image document.getElementById(pg_imageid).src = pg_imagefile; //fade in image for(i = 0; i <= 100; i++) { setTimeout("pg_changeOpac(" + i + ",'" + pg_imageid + "')",(pg_timer * pg_speed)); pg_timer++; } } function opacity(id, opacStart, opacEnd) { //pg_speed for each frame pg_millisec=1000; var pg_speed = Math.round(pg_millisec / 100); var pg_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("pg_changeOpac(" + i + ",'" + id + "')",(pg_timer * pg_speed)); pg_timer++; } } else if(opacStart < opacEnd) { for(i = opacStart; i <= opacEnd; i++) { setTimeout("pg_changeOpac(" + i + ",'" + id + "')",(pg_timer * pg_speed)); pg_timer++; } } } //change the opacity for different browsers function pg_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 + ")"; } function shiftOpacity(id) { //if an element is invisible, make it visible, else make it invisible if(document.getElementById(id).style.opacity == 0) { opacity(id, 0, 100); } else { opacity(id, 100, 0); } } var_pg_timer = setInterval("pg_img_anim()",pg_interval);