// Opacity and Fade in script.
// Script copyright (C) 2008 http://www.cryer.co.uk/.
// Script is free to use provided this copyright header is included.
function SetOpacity(object,opacityPct)
{
 // IE.
 object.style.filter = 'alpha(opacity=' + opacityPct + ')';
 // Old mozilla and firefox
 object.style.MozOpacity = opacityPct/100;
 // Everything else.
 object.style.opacity = opacityPct/100;
}
function ChangeOpacity(id,msDuration,msStart,fromO,toO)
{
 var element=document.getElementById(id);
 var opacity = element.style.opacity * 100;
 var msNow = (new Date()).getTime();
 opacity = fromO + (toO - fromO) * (msNow - msStart) / msDuration;
 if (opacity<0)
 SetOpacity(element,0)
 else if (opacity>100)
 SetOpacity(element,100)
 else
 {
 SetOpacity(element,opacity);
 element.timer = window.setTimeout("ChangeOpacity('" + id + "'," + msDuration + "," + msStart + "," + fromO + "," + toO + ")",10);
 }
}
function FadeIn(id)
{
 var element=document.getElementById(id);
 if (element.timer) window.clearTimeout(element.timer);
 var startMS = (new Date()).getTime();
 element.timer = window.setTimeout("ChangeOpacity('" + id + "',1000," + startMS + ",0,100)",1);
}
function FadeOut(id)
{
 var element=document.getElementById(id);
 if (element.timer) window.clearTimeout(element.timer);
 var startMS = (new Date()).getTime();
 element.timer = window.setTimeout("ChangeOpacity('" + id + "',1000," + startMS + ",100,0)",1);
}
function FadeInImage(foregroundID,newImage,backgroundID)
{
 var foreground=document.getElementById(foregroundID);
 if (backgroundID)
 {
 var background=document.getElementById(backgroundID);
 if (background)
 {
 background.style.backgroundImage = 'url(' + foreground.src + ')';
 background.style.backgroundRepeat = 'no-repeat';
 }
 }
 SetOpacity(foreground,0);
 foreground.src = newImage;
 if (foreground.timer) window.clearTimeout(foreground.timer);
 var startMS = (new Date()).getTime();
 foreground.timer = window.setTimeout("ChangeOpacity('" + foregroundID + "',1000," + startMS + ",0,100)",1);
}
	
window.addEvent('domready', function(){
	var myEffects = new Fx.Styles('productSlide', {duration: 500, transition: Fx.Transitions.Sine.easeOut});
	 
	$('fadeOpen').addEvent('click', function(){
		FadeInImage('foregroundID','/new_Homepage/img/Promo_Bkgd_Open.jpg','backgroundID');
		myEffects.start({
    	'left': 337
    	}).addEvent('onComplete', function(){
			$('right_headline_img').setAttribute('src','/new_Homepage/img/Promo-SoyText-Open.gif');
    		$('see_results').setStyle('display','none');
    		$('prod_link2').setStyle('display', 'block');
    		$('productSlideContainer').setStyle('margin-left', '47px');
    		$('video_container').setStyle('display', 'block');
			$('fadeClosed').setStyle('display', 'block');
			$('product_container').addClass('open');
		});
		return false;
	});
 
	$('fadeClosed').addEvent('click', function(){
		FadeInImage('foregroundID','/new_Homepage/img/Promo-Bkgd-Closed.jpg','backgroundID');
		myEffects.start({
    		'left': 590
    	}).addEvent('onComplete', function(){
		$('right_headline_img').setAttribute('src','/new_Homepage/img/Promo-SoyText-Closed.gif');
    	$('see_results').setStyle('display','block');
    	$('prod_link2').setStyle('display','none');
    	$('productSlideContainer').setStyle('margin-left', '59px');
    	$('video_container').setStyle('display', 'none');
   		$('fadeClosed').setStyle('display', 'none');
   		$('product_container').removeClass('open');
    	});
    	return false;
	});
	

});