var slides1=[]; 
var imagebannerpath = [];
var imagebannerlink = [];
var slides3=[];
var newsbannerpath = [];
var newsbannerlink = [];
var newsbannertext = [];
var imagesPreloaded =[];
var topBannerIndex = 0;
var newsBannerIndex = 0;
var indexvalTopBanner = 0;
var playPauseBtn = "";
    var togl = "true";
// SLIDES 1 BANNER JS

//If using image buttons as controls, Set image buttons' image preload here true
//(use false for no preloading and for when using no image buttons as controls):
var preload_ctrl_images=true;

//And configure the image buttons' for News images here:
var previmg='/eportal/layoutTemplates/org/img/button_previous_grey.gif';
var pauseimg='/eportal/layoutTemplates/org/img/button_stop_grey.gif';
var playimg='/eportal/layoutTemplates/org/img/button_play_grey.gif';
var nextimg='/eportal/layoutTemplates/org/img/button_next_grey.gif';

//And configure the image buttons' images for Banner here:
var previmgB='/eportal/layoutTemplates/org/img/button_prev_red.gif';
var pauseimgB='/eportal/layoutTemplates/org/img/button_stop_red.gif';
var playimgB='/eportal/layoutTemplates/org/img/button_play_red.gif';
var nextimgB='/eportal/layoutTemplates/org/img/button_next_red.gif';



function getXmlLinkAttributeValue(node, tagName) {
	return node.getElementsByTagName(tagName)[0].getAttribute('gif');
} 

function getXmlLinkNodeValue(node, tagName) {
	return node.getElementsByTagName(tagName)[0].firstChild.nodeValue;
}

function ajaxcallfunction(bannerval)
{
//alert("Hai i am inside the main ajax call function");
new Ajax.Request('/eportal/layoutTemplates/org/xml/banner.xml', { method : 'get', onComplete : function(request) { getMainTagsFromXml(request,bannerval); } } );
}


function getMainTagsFromXml(request,bannerval)
{

if(bannerval=="topbanner")
	{
var topBannerService = $A(request.responseXML.getElementsByTagName('topbanners'));
indexvalTopBanner = topBannerService.length;
topBannerService.each(function(link) {getSubTagTopBannerContent(link, indexvalTopBanner ); } );
inputslide1_info(topBannerIndex);
topsautomaticly();
	}
	else if(bannerval=="newsbanner")
	{
var newsBannerService = $A(request.responseXML.getElementsByTagName('newsbanners'));
newsBannerService.each(function(link) {getSubTagNewsBannerContent(link); } );
inputnewsslide1_info(newsBannerIndex);
newsautomaticly();
	}

}

function getSubTagTopBannerContent(link, indexvalTop)
{
	imagebannerpath[topBannerIndex] = getXmlLinkAttributeValue(link, 'topbannerimage');
	imagebannerlink[topBannerIndex] = getXmlLinkNodeValue(link, 'topbannerimagelink');
	
topBannerIndex = topBannerIndex + 1;


}

function getSubTagNewsBannerContent(link)
{
	newsbannerpath[newsBannerIndex] = getXmlLinkAttributeValue(link, 'newsbannerimage');
	newsbannerlink[newsBannerIndex] = getXmlLinkNodeValue(link, 'newsbannerlink');
	newsbannertext[newsBannerIndex] = getXmlLinkNodeValue(link, 'newsbannertext');
newsBannerIndex = newsBannerIndex + 1;


}

function inputnewsslide1_info(totalnewsIndex)
{
	//alert(totalImageIndex);
	
		var html = '<div style="background-image: url('+newsbannerpath[0]+'); background-repeat: no-repeat;" id="newsblenddiv"><table cellpadding="0" cellspacing="0" border="0"><tr><td>';
        html = html +'<a id="newsimageLink" name="newsimageLink" href="'+newsbannerlink[0]+'"><img id="thenewsImage" name="thenewsImage" src="'+newsbannerpath[0]+'" style="border: 0 none; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0;"/></a></td><td style="vertical-align: top;" class="rotatingNewsText"><a href="'+newsbannerlink[0]+'" id="newsAnchor" name="newsAnchor">'+newsbannertext[0]+'</a><br><table cellpadding="1" cellspacing="0" border="0" class="rotatingNav"><tr><td><img src="'+previmg+'" onClick="newsBacker()"/></td><td><input type="hidden" id="automatic" name="automatic" value="ON" /><img id="autoimage" name="autoimage" src="'+pauseimg+'" onClick="changeImage()"/></td><td><img src="'+nextimg+'" onClick="newsNexter()"/></td></tr></table></td></tr></table><div>';
		//alert(html);
		new Insertion.Bottom('newsBanner', html);
	
}

function changeImage()
{
if (document.getElementById('automatic').value=="ON") {
document.getElementById('autoimage').src=playimg;
document.getElementById('automatic').value="OFF";
newsautomaticly();
}
else if (document.getElementById('automatic').value=="OFF") {
document.getElementById('autoimage').src=pauseimg;
document.getElementById('automatic').value="ON";
newsautomaticly();
}

}


function inputslide1_info(totalImageIndex)
{
	
		var html = '<div style="background-image: url('+imagebannerpath[0]+'); background-repeat: no-repeat;" id="blenddiv"><table cellpadding="0" cellspacing="0" border="0"><tr><td>';
        html = html +'<a id="topimageLink" name="topimageLink" href="'+imagebannerlink[0]+'"><img src="'+imagebannerpath[0]+'" id="thetopImage" name="thetopImage" style="border: 0 none; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0;"/></a>';
		html = html +'<table cellpadding="0" cellspacing="0" border="0" class="rotatingBannerNav"><tr><td style="line-height: 0;"><img src="'+nextimgB+'" onClick="topsNexter()"/></td></tr><tr><td style="line-height: 0;"><input type="hidden" id="topautomatic" name="topautomatic" value="ON"/><img id="autotopimage" name="autotopimage" src="'+pauseimgB+'" onClick="changetopImage()"/></td></tr><tr><td style="line-height: 0;"><img src="'+previmgB+'" onClick="topsBacker()"/></td></tr></table></td></tr></table></div> ';
		new Insertion.Bottom('topBanner', html);
	
}

function changetopImage()
{
if (document.getElementById('topautomatic').value=="ON") {
document.getElementById('autotopimage').src=playimgB;
document.getElementById('topautomatic').value="OFF";
topsautomaticly();
}
else if (document.getElementById('topautomatic').value=="OFF") {
document.getElementById('autotopimage').src=pauseimgB;
document.getElementById('topautomatic').value="ON";
topsautomaticly();
}

}

/* ####################### begins list of images to be used
 ####################### */
currentIndx=0;
currentTopIndx=0;


/* #######################  created the functions to go forward and go back ####################### */
function topsNexter(){
//alert(currentIndx);
//alert(newsBannerIndex-1);
if (currentTopIndx<topBannerIndex-1){

currentTopIndx=currentTopIndx+1;
blendimage('blenddiv','thetopImage', imagebannerpath[currentTopIndx],600);
//document.getElementById('thetopImage').src=imagebannerpath[currentTopIndx];
document.getElementById('topimageLink').href=imagebannerlink[currentTopIndx];

}
else {
 currentTopIndx=0;
 blendimage('blenddiv','thetopImage', imagebannerpath[currentTopIndx],600);
//document.getElementById('thetopImage').src=imagebannerpath[currentTopIndx];
document.getElementById('topimageLink').href=imagebannerlink[currentTopIndx];

}
}
function newsNexter(){
//alert(currentIndx);
//alert(newsBannerIndex-1);
if (currentIndx<newsBannerIndex-1){

currentIndx=currentIndx+1;
blendimage('newsblenddiv','thenewsImage', newsbannerpath[currentIndx],400);
//document.getElementById('thenewsImage').src=newsbannerpath[currentIndx];
 document.getElementById('newsAnchor').innerHTML=newsbannertext[currentIndx];
 document.getElementById('newsAnchor').href=newsbannerlink[currentIndx];
 document.getElementById('newsimageLink').href=newsbannerlink[currentIndx];

}
else {
 currentIndx=0;
 blendimage('newsblenddiv','thenewsImage', newsbannerpath[currentIndx],400);
//document.getElementById('thenewsImage').src=newsbannerpath[currentIndx];
 document.getElementById('newsAnchor').innerHTML=newsbannertext[currentIndx];
 document.getElementById('newsAnchor').href=newsbannerlink[currentIndx];
 document.getElementById('newsimageLink').href=newsbannerlink[currentIndx];

}

}

function topsBacker(){
if (currentTopIndx>0){
currentTopIndx=currentTopIndx-1;
blendimage('blenddiv','thetopImage', imagebannerpath[currentTopIndx],600);
//document.getElementById('thetopImage').src=imagebannerpath[currentTopIndx];
document.getElementById('topimageLink').href=imagebannerlink[currentTopIndx];
}
else {

 currentTopIndx=topBannerIndex-1;
 blendimage('blenddiv','thetopImage', imagebannerpath[currentTopIndx],600);
//document.getElementById('thetopImage').src=imagebannerpath[currentTopIndx];
document.getElementById('topimageLink').href=imagebannerlink[currentTopIndx];
}

}

function newsBacker(){
if (currentIndx>0){
currentIndx=currentIndx-1;
blendimage('newsblenddiv','thenewsImage', newsbannerpath[currentIndx],400);
//document.getElementById('thenewsImage').src=newsbannerpath[currentIndx];
 document.getElementById('newsAnchor').innerHTML=newsbannertext[currentIndx];
 document.getElementById('newsAnchor').href=newsbannerlink[currentIndx];
 document.getElementById('newsimageLink').href=newsbannerlink[currentIndx];

}
else {
 currentIndx=newsBannerIndex-1;
 blendimage('newsblenddiv','thenewsImage', newsbannerpath[currentIndx],400);
//document.getElementById('thenewsImage').src=newsbannerpath[currentIndx];
 document.getElementById('newsAnchor').innerHTML=newsbannertext[currentIndx];
 document.getElementById('newsAnchor').href=newsbannerlink[currentIndx];
 document.getElementById('newsimageLink').href=newsbannerlink[currentIndx];

}

}

function topsautomaticly() {
    if (document.getElementById('topautomatic').value=="ON") {

if (currentTopIndx<topBannerIndex){
currentTopIndx=currentTopIndx
}
else {
 currentTopIndx=0
}
//alert(currentIndx);
blendimage('blenddiv','thetopImage', imagebannerpath[currentTopIndx],600);
document.getElementById('topimageLink').href=imagebannerlink[currentTopIndx];

currentTopIndx=currentTopIndx+1;

var delay = setTimeout("topsautomaticly()",5000)
    }
}

function newsautomaticly() {
    if (document.getElementById('automatic').value=="ON") {

if (currentIndx<newsBannerIndex){
currentIndx=currentIndx
}
else {
 currentIndx=0
}
//alert(currentIndx);
blendimage('newsblenddiv','thenewsImage', newsbannerpath[currentIndx],400);
//document.getElementById('thenewsImage').src=newsbannerpath[currentIndx];
 document.getElementById('newsAnchor').innerHTML=newsbannertext[currentIndx];
 document.getElementById('newsAnchor').href=newsbannerlink[currentIndx];
 document.getElementById('newsimageLink').href=newsbannerlink[currentIndx];

currentIndx=currentIndx+1;

var delay = setTimeout("newsautomaticly()",8000)
    }
}

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 + ")";
}

function shiftOpacity(id, millisec) {
	//if an element is invisible, make it visible, else make it ivisible
	if(document.getElementById(id).style.opacity == 0) {
		opacity(id, 0, 100, millisec);
	} else {
		opacity(id, 100, 0, millisec);
	}
}

function blendimage(divid, imageid, imagefile, millisec) {
	var speed = Math.round(millisec / 100);
	var timer = 0;
	
	//set the current image as background
	document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
	
	//make image transparent
	changeOpac(0, imageid);
	
	//make new image
	document.getElementById(imageid).src = imagefile;

	//fade in image
	for(i = 0; i <= 100; i++) {
		setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
		timer++;
	}
}

function currentOpac(id, opacEnd, millisec) {
	//standard opacity is 100
	var currentOpac = 100;
	
	//if the element has an opacity set, get it
	if(document.getElementById(id).style.opacity < 100) {
		currentOpac = document.getElementById(id).style.opacity * 100;
	}

	//call for the function that changes the opacity
	opacity(id, currentOpac, opacEnd, millisec)
}