// JavaScript Document
var childWrapper;
var animdiv;
var refreshBtn;
var footer;

var wrapW;
var wrapH; 

var btnH = 20
var footH = 80;
var minW=100
var minH=100
var maxW = 939
var maxH = 824
var maxH2 = 724
var flashMovie;
function showFlash(whichFlash){
	
	flashMovie = whichFlash

	if($('body').find(".shadow")[0] == null)
	{	
		childWrapper = document.createElement("div");
		animdiv = document.createElement("div");
		refreshBtn = document.createElement("A");
		footer = document.createElement("P");
		$(footer).html('Applicable discount and coupon value is calculated on prices before shipping and surcharges (if applicable) and taxes. Advertised configurations and limited time offers only available to customers in Canada.  Limit one (1) coupon per eligible system.  Dell reserves the right to limit quantities to five (5) systems per customer. Pricing and/or promotional offers are not combinable with any other offers to which you may be entitled unless specifically advertised.  Availability may be limited.  Pre-loaded software does not include documentation and may differ from retail version.  Total Value equals the aggregate list price of the individual components.  Savings represents the difference between the advertised price and the Total Value.  Coupon expires: October 6, 2008')
		$(footer).addClass('popFooter');
		$(footer).css('height', footH+'px').css('color','#000000').css('background','#FFFFFF').css('width',maxW-20+'px').css('text-align','center').css('display','block').css('font-size','10px').css('z-index','50000').css("padding", "0 10px 0 10px").css("position", "absolute");
		
		wrapW = $('body').width();
		wrapH = $('body').height();
		
		$(refreshBtn).css('width',maxW-10+'px').css("top", "0px").css("position", "absolute").css("left", ((wrapW/2) - (maxW/2))+"px");
		$(refreshBtn).css('display','block').css('z-index','50000').css('height', btnH+'px').css('font-weight', 'bold').css('font-size', '18px').css('color','#333333');
		$(refreshBtn).css('padding', '0 10px 0 0').css('background','#FFFFFF url(/EN/images/closeFlash_btn.jpg) no-repeat right top').addClass('closeBtn');//.html('close');
		$(refreshBtn).hover(function(){$(this).css('background','#DDDDDD url(/EN/images/closeFlash_btn.jpg) no-repeat  right -20px')},function(){$(this).css('background','#FFFFFF url(/EN/images/closeFlash_btn.jpg) no-repeat right top')});
		$(refreshBtn).attr('href', '' );		
	
		$(childWrapper).css("position", "absolute")
		$(childWrapper).css("z-index", "1000")
		$(childWrapper).css("background-color", "#000000")
		$(childWrapper).css("left", "0px").css("top", "0px")
		$(childWrapper).css("display", "block")
		$(childWrapper).css("height", wrapH+"px")
		$(childWrapper).css("width", wrapW+"px");
		$(childWrapper).addClass('shadow')
		$(childWrapper).css("opacity", 0)
		$('body').append(childWrapper)
		$(childWrapper).fadeTo(1000, 0.8, putFlash())			
	}
	else
	{
		putFlash()	
	}
}	

function putFlash()
{
	if(flashMovie != 'exitFl')
	{
		if($("#beastar").css('display') == 'none' && $("#findyours").css('display') == 'none')
		{
			$(animdiv).css('background-color','#FFFFFF')
			$(animdiv).css('position','absolute');			
			$(animdiv).css('height', minW+'px')
			$(animdiv).css('width', minH+'px')
			$(animdiv).css("left", ((wrapW/2) - (minW/2))+"px");
			$(animdiv).css("top", ((wrapH/2) - (minH/2))+"px");
			$(animdiv).css('display','block')
			$(animdiv).addClass("animDiv")
			$(animdiv).css("z-index", "2000")		
			$('body').append(animdiv);	
		}
		if( flashMovie == 'findyours')
		{
			$("#beastar").css('display', 'none')
			
			$(animdiv).animate({width: maxW+"px", height: maxH2+"px", top: btnH+'px', left: (wrapW/2)-(maxW/2)+'px'}, 1000 , function()
			{		
			$('body').append(refreshBtn)
			$('body').append(footer)
			$(footer).css('top', maxH2 + btnH+'px').css("left", ((wrapW/2) - (maxW/2))+"px");
			$("#findyours").css('width', maxW+'px')
			$("#findyours").css('height', maxH2+'px')
			$("#findyours").css('position','absolute')
			$("#findyours").css('display','block')
			$("#findyours").css('text-align','center')
			$("#findyours").css('top', btnH+'px')
			$("#findyours").css('left',(wrapW/2)-(maxW/2)+'px');
			
			})
		}
		else if( flashMovie == 'beastar')
		{
			$("#findyours").css('display', 'none')
			
				$(animdiv).animate({width: maxW+"px", height: maxH+"px", top: btnH+'px', left: (wrapW/2)-(maxW/2)+'px'}, 1000 , function()
			{					
			$('body').append(refreshBtn)
			$('body').append(footer)
			$(footer).css('top', maxH + btnH+'px').css("left", ((wrapW/2) - (maxW/2))+"px");
			$("#beastar").css('width', maxW+'px')
			$("#beastar").css('height', maxH+'px')
			$("#beastar").css('position','absolute')
			$("#beastar").css('display','block')
			$("#beastar").css('text-align','center')
			$("#beastar").css('top', btnH+'px')
			$("#beastar").css('left',(wrapW/2)-(maxW/2)+'px');
		
			})
		}			
	}
	else 
	{
		$('body').find(".animDiv").remove()
		$('body').find(".shadow").remove()
		$('body').find(".closeBtn").remove();
		$('body').find(".popFooter").remove();		
		$("#beastar").css('display', 'none')
		$("#findyours").css('display', 'none')
	}	
}