var images="banner1";
//var banner_top_shadow = Array();
var banner_top = Array();
var banner = Array();
var quote_text = Array();
var onHover = Array();
var animating = false;
var animating2 = false;





var bannerNames= Array('angela', 'brian', 'chipo', 'marc', 'robin', 'tracy', 'shirley', 'karrie', 'janet', 'gerelt', 'kelly');

for (var i=0; i< bannerNames.length;i++){
	//banner_top_shadow[i] = new Image();
	//banner_top_shadow[i].src = '/common/images/banners/stru__top_left_'+bannerNames[i]+'.png';
	banner_top[i] = new Image();
	banner_top[i].src = '/careers/common/images/banners/stru__top_right_'+bannerNames[i]+'.jpg';
	
	banner[i] = new Image();
	banner[i].src = '/careers/common/images/banners/stru__banner_'+bannerNames[i]+'.jpg';
	
	quote_text[i] = new Image();
	quote_text[i].src = '/careers/common/images/banners/stuc__quotes_'+bannerNames[i]+'.gif';
}

function imageSwapper(id,obj)
{	
	var t_parent = YAHOO.util.Dom.getAncestorByTagName( obj, 'table' );
	var t_siblings = YAHOO.util.Dom.getElementsBy( 
		function( o ){ 
			if(o.nodeName == 'A'){ 
				return true;
			} 
		}, 'a', t_parent );
	for( var i = 0; i < t_siblings.length; i++ ) {
		if (animating)
		{
			return;
		} else {
			if( obj.id == t_siblings[i].id ) {
				YAHOO.util.Dom.addClass( t_siblings[i], 'selected' );
			} else {
				YAHOO.util.Dom.removeClass( t_siblings[i], 'selected' );
			}	
		}
	}
	
	if (animating || animating2)
	{
		return;	
	}
	if (images=="banner1")
	{

		//document.getElementById('siast_logo_shadow_image2').src = banner_top_shadow[id].src;
		document.getElementById('banner_top_image2').src = banner_top[id].src;
		document.getElementById('banner_image2').src = banner[id].src;
		document.getElementById('banner_quote_text_image2').src = quote_text[id].src;	

		var attr = {opacity: { from:1 ,to: 0 }};
		var attr2 = {opacity: { from:0 ,to: 1 }};
		//var onComplete = function(){};
		images="banner2";
	}
	else
	{
		//document.getElementById('siast_logo_shadow_image').src = banner_top_shadow[id].src;
		document.getElementById('banner_top_image').src = banner_top[id].src;
		document.getElementById('banner_image').src = banner[id].src;
		document.getElementById('banner_quote_text_image').src = quote_text[id].src;
		
		var attr = {opacity: { from:0 ,to: 1 }};
		var attr2 = {opacity: { from:1 ,to: 0 }};
		
		images="banner1";
	} 

	
	var myAnim = new YAHOO.util.Anim("banner1", attr, 1, YAHOO.util.Easing.easeOut);
	myAnim.onStart.subscribe(function (){animating=true;});
	myAnim.onComplete.subscribe(function (){animating=false;});
	myAnim.animate();
	
	
	var myAnim2 = new YAHOO.util.Anim("banner2", attr2, 1, YAHOO.util.Easing.easeOut);
	myAnim2.onStart.subscribe(function (){animating2=true;});
	myAnim2.onComplete.subscribe(function (){animating2=false;});
	myAnim2.animate();
	
	return;
	/*
var myAnim = new YAHOO.util.Anim(['siast_logo_shadow', 'banner_top', 'banner', 'banner_quote_text'], attr, 1, YAHOO.util.Easing.easeOut);
myAnim.onStart.subscribe(function (){animating=true;});
myAnim.onComplete.subscribe(function (){animating=false;});
myAnim.onTween.subscribe(onComplete);
myAnim.animate();
*/
}


function loadReadMoreStories()
{
	document.getElementById('icon_1').style.backgroundPosition='bottom left';
	YAHOO.util.Dom.setStyle("read_more_bg", "opacity", '0.7');
		
	//var oHover = document.getElementById("chipo_image"); 
	//function fnCallback(e) { document.getElementById(bannerNames[i]+"_image").style.backgroundPosition='right';} 
	//YAHOO.util.Event.addListener(oHover, "mouseover", fnCallback); 
	
}

function readMoreStoriesClick(num)
{	
	
	if (animating || animating2)
	{
		return;	
	}
		var currentTable = document.getElementById('current').value;
		document.getElementById('current').setAttribute('value', num);
		
		var myAnim2 = new YAHOO.util.Anim('read_more_table'+num, { 
	    opacity: { from:0 ,to: 1 }  
	    }, 1, YAHOO.util.Easing.easeOut);
		myAnim2.onStart.subscribe(function(){YAHOO.util.Dom.setStyle("read_more_table"+num, "opacity", '0'); document.getElementById('read_more_table'+num).style.display='block'; });
		
		var myAnim = new YAHOO.util.Anim('read_more_table'+currentTable, { 
	    opacity: { from:1 ,to: 0 }  
	    }, 1, YAHOO.util.Easing.easeOut);
		myAnim.onStart.subscribe(function (){animating=true;});
		myAnim.onComplete.subscribe(function (){animating=false;});
		myAnim.onComplete.subscribe(function(){document.getElementById('read_more_table'+currentTable).style.display='none'; myAnim2.animate();});
		myAnim.animate();
		
	if (num=="1")
	{
		document.getElementById('icon_1').style.backgroundPosition='bottom left';
		document.getElementById('icon_2').style.backgroundPosition='top left';		
		document.getElementById('icon_3').style.backgroundPosition='top left';
	}
	else if (num=="2")
	{
		document.getElementById('icon_1').style.backgroundPosition='top left';
		document.getElementById('icon_2').style.backgroundPosition='bottom left';
		document.getElementById('icon_3').style.backgroundPosition='top left';
	}
	else if (num=="3")
	{
		document.getElementById('icon_1').style.backgroundPosition='top left';
		document.getElementById('icon_2').style.backgroundPosition='top left';
		document.getElementById('icon_3').style.backgroundPosition='bottom left';
	}
}

function readMore()
{
		var myAnim = new YAHOO.util.Anim('read_more', { 
	    opacity: { from:1 ,to: 0 }  
	    }, 1, YAHOO.util.Easing.easeOut);
		//changed to onStart form onComplete to stop doublclicking bug
		myAnim.onStart.subscribe(function(){document.getElementById('read_more').style.display='none';}); 
		var myAnim2 = new YAHOO.util.Anim('read_more_bg', { 
	    opacity: { from:0.7 ,to: 0 }  
	    }, 1, YAHOO.util.Easing.easeOut);
		
		myAnim2.animate();
		myAnim.animate();
		
}

function readLess()
{
	
		var myAnim = new YAHOO.util.Anim('read_more', { 
	    opacity: { from: 0, to: 1 }  
	    }, 1, YAHOO.util.Easing.easeOut);
		myAnim.onStart.subscribe(function(){document.getElementById('read_more').style.display='block';});
		var myAnim2 = new YAHOO.util.Anim('read_more_bg', { 
	    opacity: { from:0 ,to: 0.7 }  
	    }, 1, YAHOO.util.Easing.easeOut);
		
		myAnim.animate();
		myAnim2.animate();
}
