img_list = new Array(); 
 /**** SET AND LOAD IMAGES FOR FOOTER OF MAIN IMAGE ****/
img_list[0]="/stores/html/weddings/web_images/0210_sprite.png"; /* >>> if sprite image changes here must change it in wedding_homepage_styles.css also <<< */

/**** SET AND LOAD IMAGES FOR BUTTON OF MAING IMAGE****/
img_list[1]="/stores/html/weddings/web_images/0212_click.png"; /* >>> if Button image changes here must change it in wedding_homepage_styles.css also <<< */

/**** SET AND LOAD IMAGES FOR ROTATING SLIDE SHOW ****/
img_list[2] = "/stores/html/weddings/web_images/0219_ours-yours.jpg";
img_list[3] = "/stores/html/weddings/web_images/0211_savethedate.jpg";
img_list[4] = "/stores/html/weddings/web_images/0211_invitations.jpg";
img_list[5] = "/stores/html/weddings/web_images/0211_complete.jpg";



/***** Images for Footer of Main image *****/
footer_imgs = new Array();

open_div = "<div id='main_footer' class='main_footer_img'>";
close_div = "</div>";

footer_imgs[0]=open_div + "<div class='sprite-0210_personalize1'></div>" + close_div;
footer_imgs[1]=open_div + "<div class='sprite-0210_savethedate'></div>" + close_div;
footer_imgs[2]=open_div + "<div class='sprite-0210_invitations'></div>" + close_div;
footer_imgs[3]=open_div + "<div class='sprite-0210_complete'></div>" + close_div;


/***** Set Links for Buttons on Main Image*****/
button_imgs = new Array();

open_div2 = '<div id="main_button" class="main_button_img">';
close_div2 = '</div>';

button_imgs[0]=open_div2 + '<a href="/store/page/market/517/mloc/personalize.html" title="Start Here!"><div  class="sprite-0212_personalize"></div></a>' + close_div2;
button_imgs[1]=open_div2 + '<a href="/store/browse/market/517/categoryList/5020" title="Find Yours"><div  class="sprite-0212_savethedate"></div></a>' + close_div2;
button_imgs[2]=open_div2 + '<a href="/store/browse/market/517/categoryList/5139" title="Browse Invitations"><div  class="sprite-0212_invitations"></div></a>' + close_div2;
button_imgs[3]=open_div2 + '<a href="/store/page/market/517/mloc/complete.html" title="Discover How"><div  class="sprite-0212_complete"></div></a>' + close_div2;



//console.debug(img_list[2]);

imageObj1 = new Image();
imageObj2 = new Image();
imageObj3 = new Image();
imageObj4 = new Image();
imageObj5 = new Image();
imageObj6 = new Image(); 
imageObj7 = new Image();
rotating_imgs = new Array();



function preloader() { //PRELOADS THE MAIN IMAGES 
	var i = 0;
// create object
	 imageObj1.src=img_list[2];
	 imageObj2.src=img_list[3];
	 imageObj3.src=img_list[4];
	 imageObj4.src=img_list[5];
	 imageObj5.src=img_list[0];
	 imageObj6.src=img_list[1];

rotating_imgs[0] = "<img src="+imageObj1.src+" border=0>";
rotating_imgs[1] = "<img src="+imageObj2.src+" border=0>";
rotating_imgs[2] = "<img src="+imageObj3.src+" border=0>";
rotating_imgs[3] = "<img src="+imageObj4.src+" border=0>";

}

/*
	Image Cross Fade Redux
	Version 1.0
	Last revision: 02.15.2006
	steve@slayeroffice.com
*/

var d=document, imgs = new Array(), zInterval = null, current=0, pause=false;

function so_init()
{

	if(!d.getElementById || !d.createElement)return;
	
	if(d.getElementById('rotator') != null){
		imgs = d.getElementById('rotator').getElementsByTagName('img');

		/** Select the first tab as active **/
		$('main_button').replace(button_imgs[0]);
		$('main_button').innerHTML;
		$('main_footer').replace(footer_imgs[0]);
		$('main_footer').innerHTML;
		$('tab2').removeClassName('selected');
		$('tab3').removeClassName('selected');
		$('tab4').removeClassName('selected');
		$('tab1').addClassName('selected');
		
		
		
		
		

		if ( browser.msie != 'Yes' & browser.version.toString()!=6){
			
		for(i=1;i<imgs.length;i++){
			imgs[i].xOpacity = 0;
		}
		
		imgs[0].style.display = 'block';
		imgs[0].xOpacity = .99;

		setTimeout(so_xfade,3500);
		}
	}
}

function so_xfade()
{
if (imgs.length != 0){
	cOpacity = imgs[current].xOpacity;
	nIndex = imgs[current+1]?current+1:0;
	nOpacity = imgs[nIndex].xOpacity;

	cOpacity-=.15;
	nOpacity+=.15;

	imgs[nIndex].style.display = 'block';
	imgs[current].xOpacity = cOpacity;
	imgs[nIndex].xOpacity = nOpacity;

	var fadeInAnim = new YAHOO.util.Anim(imgs[nIndex], { opacity: {from: .15, to: 1} }, 1.5 );
	fadeInAnim.animate();
	setOpacity(imgs[current]);

	if(cOpacity<=0)
	{
		imgs[current].style.display = 'none';
		current = nIndex;
		setTimeout(so_xfade,3500);
		
	}
	else
	{
		setTimeout(so_xfade,50);
	}
	
	/** Based on what tab content is showing, show the correct tab **/
	if (current == 0){
		$('main_button').replace(button_imgs[0]);
		$('main_button').innerHTML;
		$('main_footer').replace(footer_imgs[0]);
		$('main_footer').innerHTML;
		
		$('tab2').removeClassName('selected');
		$('tab3').removeClassName('selected');
		$('tab4').removeClassName('selected');
		$('tab1').addClassName('selected');
		
		
		
	}else if (current==1){
		$('main_button').replace(button_imgs[1]);
		$('main_button').innerHTML;
		$('main_footer').replace(footer_imgs[1]);
		$('main_footer').innerHTML;
		
		$('tab1').removeClassName('selected');
		$('tab3').removeClassName('selected');
		$('tab4').removeClassName('selected');
		$('tab2').addClassName('selected');
		
		
		
	}else if (current==2){
		$('main_button').replace(button_imgs[2]);
		$('main_button').innerHTML;
		$('main_footer').replace(footer_imgs[2]);
		$('main_footer').innerHTML;
		
		$('tab1').removeClassName('selected');
		$('tab2').removeClassName('selected');
		$('tab4').removeClassName('selected');
		$('tab3').addClassName('selected');
		
		
		
	
	}else{
		$('main_button').replace(button_imgs[3]);
		$('main_button').innerHTML;
		$('main_footer').replace(footer_imgs[3]);
		$('main_footer').innerHTML;
		
		$('tab2').removeClassName('selected');
		$('tab3').removeClassName('selected');
		$('tab1').removeClassName('selected');
		$('tab4').addClassName('selected');
		
		
		
	}
	
	}
	
	
	function setOpacity(obj)
	{
		if(obj.xOpacity>.99)
		{
			obj.xOpacity = .99;
			return;
		}

		obj.style.opacity = obj.xOpacity;
		obj.style.MozOpacity = obj.xOpacity;
		obj.style.filter = 'alpha(opacity=' + (obj.xOpacity*100) + ')';
	}
	
	
}





