window.onload = setRollovers




/*

setRollovers() scans the HTML page for any img tag that
has the class "rollover". When it finds one, it attaches
the mouseover events.

*/

function setRollovers()
{ imgs = document.getElementsByTagName("img")
  for (i=0;i<imgs.length;i++)
  { if (/rollOver/.test(imgs[i].className))
    { imgs[i].parentNode.onmouseover=function(){roll(this,true);}
      imgs[i].parentNode.onmouseout=function(){roll(this,false);}
      imgs[i].parentNode.onfocus=function(){roll(this,true);}
      imgs[i].parentNode.onblur=function(){roll(this,false);}
    }
  }
}




/*

roll() handles the image rollovers.

*/

function roll(node,status)
{	nodeImg = node.firstChild
	srcImage = nodeImg.getAttribute("src")
	
	if (status)
	{	navState = srcImage.substring(srcImage.length - 7,srcImage.length - 4)
		if (navState == "off")
		{	srcImage = srcImage.substring(0,srcImage.length - 7)
			srcImage = srcImage + "on.jpg"
			nodeImg.setAttribute("src",srcImage)
		}
	}
	else
	{	navState = srcImage.substring(srcImage.length - 7,srcImage.length - 4)
		if ((navState != "sel") && (navState != "off"))
		{	srcImage = srcImage.substring(0,srcImage.length - 6)
			srcImage = srcImage + "off.jpg"
			nodeImg.setAttribute("src",srcImage)
		}
	}
}




/*



commercial() handles the pop-up window for video commercial.

*/

function commercial()
{ width = 375
  height = 300
  url = "video.htm"

  x = (screen.availWidth - width) / 2 
  y = ((screen.availHeight - height) / 2 )
  
  attribs = "width=" + width + ",height=" + height + ",left=" + x + ",top=" + y + ",scrollbars=0"
  comm = window.open(url,"commWin",attribs) 
}



/*

sport_commercial() handles the pop-up window for video commercial.

*/

function commercial()
{ width = 375
  height = 300
  url = "video_sport.htm"

  x = (screen.availWidth - width) / 2 
  y = ((screen.availHeight - height) / 2 )
  
  attribs = "width=" + width + ",height=" + height + ",left=" + x + ",top=" + y + ",scrollbars=0"
  comm = window.open(url,"commWin",attribs) 
}




/*

productRoll() handles the rollover text for the NEW products page.

*/

function productRoll(which,status)
{ if (status)
  { document.getElementById("productRoll" + which).style.visibility = "visible"
  }
  else
  { document.getElementById("productRoll" + which).style.visibility = "hidden"
  }
}




/*

the following handles products landing page.

*/

var opac = 100
var current = 0

function showModule(which,status)
{ if (status)
  { opac = 100
    current = which
    hideCover()
    hideOthers()
  }
}


function hideCover()
{ opac += -5
  
  if (opac >= 0)
  { document.getElementById("module" + current).style.opacity = (opac/100)
    document.getElementById("module" + current).style.filter = "alpha(opacity=" + opac + ")"
    setTimeout("hideCover()",25)
  }
  else
  { document.getElementById("module" + current).style.visibility = "hidden"
  }
}

function hideOthers()
{ for (i=0;i<6;i++)
  { if (i != current)
    { full = 100
      document.getElementById("module" + i).style.visibility = "visible"
      document.getElementById("module" + i).style.opacity = (full/100)
      document.getElementById("module" + i).style.filter = "alpha(opacity=" + full + ")"
    }
  }
}

function hideAll()
{ for (i=0;i<6;i++)
  { full = 100
    document.getElementById("module" + i).style.visibility = "visible"
    document.getElementById("module" + i).style.opacity = (full/100)
    document.getElementById("module" + i).style.filter = "alpha(opacity=" + full + ")"
  }
}

function toggleLayer(whichLayer)
{
	if (document.getElementById)
	{
		var style2 = document.getElementById(whichLayer).style;
		style2.display = style2.display ? "" : "block";
	}
	else if (document.all)
	{
		var style2 = document.all[whichLayer].style;
		style2.display = style2.display ? "" : "block";
	}
	else if (document.layers)
	{
		var style2 = document.layers[whichLayer].style;
		style2.display = style2.display ? "" : "block";
	}
}



function showLayer(layerName) 
{
	if (document.getElementById)
	{  
		var style3 = document.getElementById(layerName).style;
		style3.display = "block";
	}
	else if (document.all)
	{
		var style3 = document.all[layerName].style;
		style3.display = "block";
	}
	else if (document.layers)
	{
		var style3 = document.layers[layerName].style;
		style3.display = "block";
	}
}

function getElementbyClass(classname){
	ccollect=new Array()
	var inc=0
	var alltags=document.all? document.all : document.getElementsByTagName("*")
	for (i=0; i<alltags.length; i++){
		if (alltags[i].className==classname)
		ccollect[inc++]=alltags[i]
	}
}

function closecontent(omit){
	var inc=0
	while (ccollect[inc]){
		if (ccollect[inc].id!=omit)
		ccollect[inc].style.display="none"
		inc++
	}
}

function opencontent(cid){
	if (typeof ccollect!="undefined"){
		if (closeprev=="yes")
		closecontent(cid)
		document.getElementById(cid).style.display=(document.getElementById(cid).style.display!="block")? "block" : "none"
	}
}

function do_onload(){
	getElementbyClass("toggledcontent")
}
function do_onloadDamage(){
	getElementbyClass("toggledcontent")
	opencontent("answer1")
}




function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_showHideLayers() { //v6.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}


function CheckForm2(){
var phoneRegex = /^\d{10}$/;
var emailRegex = /^[\w\_\-\.]+@[\w\_\-\.]+\.\w+$/;
var zipRegex = /^\d{5}$/;

var formlist = "";
var missingreq = false;
var sbmtFrm = true;
var mssg = "";

    var frm = document.forms["register1"];
    for (i = 0; i < frm.elements.length; i++)
    {
      
			if (frm.elements[i].name == "txtFName" && frm.elements[i].value == "") {
			mssg += "<br>- Physician's First Name";
			missingreq = true;
			} else if (frm.elements[i].name == "ddlSamples" && frm.elements[i].value == "") {
			mssg += "<br>- Number of samples ";
			missingreq = true;
			} else if (frm.elements[i].name == "txtLName" && frm.elements[i].value == "") {
			mssg += "<br>- Physician's Last Name";
			missingreq = true;
			} else if (frm.elements[i].name == "txtPracticeName" && frm.elements[i].value == "") {
			mssg += "<br>- Practice Name";
			missingreq = true;
			} else if (frm.elements[i].name == "txtAddr1" && frm.elements[i].value == "") {
			mssg += "<br>- Address";
			missingreq = true;
			} else if (frm.elements[i].name == "txtCity" && frm.elements[i].value == "") {
			mssg += "<br>- City";
			missingreq = true;
			} else if (frm.elements[i].name == "ddlState" && frm.elements[i].value == "Choose a state") {
			mssg += "<br>- State";
			missingreq = true;
			} else if (frm.elements[i].name == "txtZip" && frm.elements[i].value == "") {
			mssg += "<br>- Zip";
			missingreq = true;
			} else if (frm.elements[i].name == "txtPhone" && frm.elements[i].value == "") {
			mssg += "<br>- Phone Number";
			missingreq = true;
			} else if (frm.elements[i].name == "txtContact" && frm.elements[i].value == "") {
			mssg += "<br>- Contact Person"; 
			missingreq = true;               
			} else if (frm.elements[i].name == "txtEmail" && frm.elements[i].value == "") {
			mssg += "<br>- Email Address";
			missingreq = true;
			} else if (frm.elements[i].name == "txtEmailConfirm" && frm.elements[i].value == "") {
			mssg += "<br>- Email Confirmation";
			missingreq = true;
			} 
			else if (frm.elements[i].name == "txtEmail" && frm.elements[i].value != "") {  
			emailresult =  frm.elements[i].value.match(emailRegex);
				if (emailresult == null) {
				mssg += "<br>- Email is wrong format";
				missingreq = true;
				}
			} else if (frm.elements[i].name == "txtZip" && frm.elements[i].value != "") {
				zipresult = frm.elements[i].value.match(zipRegex);
				if (zipresult == null) {
				mssg += "<br>- Zip code is wrong format";
				missingreq = true;
				}
			} else if (frm.elements[i].name == "txtPhone" && frm.elements[i].value != "") {
				//phoneresult = frm.elements[i].value.match(phoneRegex);
				phoneresult = fixPhone("document.register1.txtPhone");
				if (phoneresult == false) {
				mssg += "<br>- Phone Number is wrong format";
				missingreq = true;
				}
			} else if (frm.elements[i].name == "txtEmailConfirm" && frm.elements[i].value != "") {
				if (document.register1.txtEmailConfirm.value != document.register1.txtEmail.value) {
				mssg += "<br>- Email and Email confirmation do not match";
				missingreq = true;
				}
			}
    }
    if (missingreq){
		document.getElementById("errorField").innerHTML = "Please provide the following required fields and re-submit.<br>" + mssg;
		//return false;
		
	}
	else{
	
		var aspObject;
		var serverURL = "callback.aspx";
		msrsPOST = true;
		var result = RSExecute(serverURL,"CheckForm",document.register1.txtFName.value,document.register1.txtLName.value,document.register1.txtMInitial.value,document.register1.txtPracticeName.value,document.register1.txtAddr1.value,document.register1.txtAddr2.value,document.register1.txtCity.value,document.register1.ddlState.value,document.register1.txtZip.value,document.register1.txtPhone.value,document.register1.txtFax.value,document.register1.txtContact.value,document.register1.txtEmail.value,document.register1.ddlSamples.value + "|" + document.register1.hidCode.value);
		//if (result.RETURN_VALUE != "undefined"){
		document.getElementById("required_flds").style.display = "none";
		document.getElementById("formTable").style.display = "none";
		document.getElementById("localFormthx").style.display = "block";
		heightChange();
		//} else {
		//document.getElementById("required_flds").style.display = "none";
		//document.getElementById("formTable").style.display = "none";
		//document.getElementById("localFormthx").style.display = "block";
		//heightChange();
		//}
	}

}
function clearform(fld) {
if (fld.defaultValue==fld.value) fld.value = ""
}

function cb(co) {
   alert("Callback fired.");
  if (co.return_value) {
     document.myForm.stringOutput.value = co.return_value;
  }
}

function cbError(co) {
  alert("Error callback fired.");
  if (co.message) {
    alert("Context:" + co.context + "\nError: " + co.message);
  }
}

function fixPhone(fld,defaultAreaCode,sep,noext)
{ // tenacious phone # correction 
  if(!document.register1.txtPhone.value.length||document.register1.txtPhone.disabled) return true; // blank fields are the domain of requireValue 
  if(typeof(sep)=='undefined') sep= '-';
  if(typeof(defaultAreaCode)!='undefined') defaultAreaCode= defaultAreaCode + sep;
  var ext= '', val= document.register1.txtPhone.value.toLowerCase();
  if(val.indexOf('x') > 0)
  {
    if(!noext) ext= ' x'+val.substr(val.indexOf('x')).replace(/\D/g,'');
    val= val.substr(0,val.indexOf('x'));
  }
  val= val.replace(/\D/g,'');
  if(val.length == 7)
  {
    fld.value= defaultAreaCode + val.substring(0,3) + sep + val.substring(3,20) + ext;
    return true;
  }
  if(val.length == 10)
  {
    fld.value= val.substring(0,3) + sep + val.substring(3,6) + sep + val.substring(6,20) + ext;
    return true;
  }
  if(val.length < 7)
  {
    return false;
  }
  if(val.length > 10)
  {
    return false;
  }
  return false;
}
function fixFax(fld,defaultAreaCode,sep,noext)
{ // tenacious phone # correction 
  if(!document.register1.txtFax.value.length||document.register1.txtFax.disabled) return true; // blank fields are the domain of requireValue 
  if(typeof(sep)=='undefined') sep= '-';
  if(typeof(defaultAreaCode)!='undefined') defaultAreaCode= defaultAreaCode + sep;
  var ext= '', val= document.register1.txtFax.value.toLowerCase();
  if(val.indexOf('x') > 0)
  {
    if(!noext) ext= ' x'+val.substr(val.indexOf('x')).replace(/\D/g,'');
    val= val.substr(0,val.indexOf('x'));
  }
  val= val.replace(/\D/g,'');
  if(val.length == 7)
  {
    fld.value= defaultAreaCode + val.substring(0,3) + sep + val.substring(3,20) + ext;
    return true;
  }
  if(val.length == 10)
  {
    fld.value= val.substring(0,3) + sep + val.substring(3,6) + sep + val.substring(6,20) + ext;
    return true;
  }
  if(val.length < 7)
  {
    return false;
  }
  if(val.length > 10)
  {
    return false;
  }
  return false;
}
function moveToTop() {
	var movit = document.getElementById("localFormthx");
	//var movit2 = document.getElementById("cover");
	if (!movit.currentPos) movit.currentPos = [0,0]; //if no mem is set, set it first;
	//if (!movit2.currentPos) movit2.currentPos = [0,-50]; //if no mem is set, set it first;
		doPosChangeMem(movit,movit.currentPos,[0,-500],20,20,0.5);
		//doPosChangeMem(movit2,movit2.currentPos,[0,-780],20,20,0.5);
			//move to a random position for demonstration
			}

function doPosChangeMem(elem,startPos,endPos,steps,intervals,powr) {
	if (elem.posChangeMemInt) window.clearInterval(elem.posChangeMemInt);
	var actStep = 0;
	elem.posChangeMemInt = window.setInterval(
		function() {
			elem.currentPos = [
				easeInOut(startPos[0],endPos[0],steps,actStep,powr),
				easeInOut(startPos[1],endPos[1],steps,actStep,powr)
				];
			elem.style.left = elem.currentPos[0]+"px";
			elem.style.top = elem.currentPos[1]+"px";
			actStep++;
			if (actStep > steps) window.clearInterval(elem.posChangeMemInt);
		}
		,intervals)

}

function heightChange() { 
    var scaleit = document.getElementById("thebox");
    if (!scaleit.currentHeight) scaleit.currentHeight = 700; 
	//if no memory is set, set it first; 
    doHeightChangeMem(scaleit,300,0,20,20,0.5); 
    } 
    
function doHeightChangeMem(elem,startHeight,endHeight,steps,intervals,powr) {
	if (elem.heightChangeMemInt) window.clearInterval(elem.heightChangeMemInt);
	var actStep = 0;
	elem.heightChangeMemInt = window.setInterval(
		function() {
			elem.currentHeight = easeInOut(startHeight,endHeight,steps,actStep,powr);
			elem.style.height = elem.currentHeight+"px";
			actStep++;
			if (actStep > steps) window.clearInterval(elem.heightChangeMemInt);
		}
		,intervals)

}
function easeInOut(minValue,maxValue,totalSteps,actualStep,powr) {
	var delta = maxValue - minValue;
	var stepp = minValue+(Math.pow(((1 / totalSteps)*actualStep),powr)*delta);
	return Math.ceil(stepp)
}

function buyNow() {
       var html = '<div class=\"PageTitle\"><img src=\"/includes/images/common/buy-now-header.gif\" alt=\"\" /><p>Coppertone<sup>&reg;</sup> products are available and may be purchased from <br />the online retailers listed below. Click on the logo below to visit that site.</p><div class=\"ClearFloat\"></div></div><p class=\"buyNowNote\">Please be advised that by clicking on the logo below, you will be leaving Coppertone.com and be taken to a website in which the <a href=\"http://www.schering-plough.com/legal/privacy-certified.aspx\" target=\"_blank\">Schering-Plough Privacy Policy</a> will no longer apply. You are solely responsible for your interactions with these websites.</p> <div class=\"calloutsContainer\"> <a href=\"http://www.cvs.com/CVSApp/search/shop_all_results.jsp?trail=SRCH:coppertone&addFacet=1016:Coppertone\" target=\"_blank\"><img src=\"/includes/images/common/btn-cvs-com.gif\" /></a> <a href=\"http://www.drugstore.com/search/search_results.asp?N=0&Ntx=mode%2Bmatchallpartial&Ntk=All&srchtree=1&Ntt=Coppertone" target=\"_blank\"><img src=\"/includes/images/common/btn-drugstore-com.gif\" /></a> <a href=\"http://www.samsclub.com/sams/search/searchResults.jsp?searchTerm=coppertone&searchCategoryId=all\" target=\"_blank\"><img src=\"/includes/images/common/btn-sams-club.gif\" /></a><div class="drugstore-note">Widest Coppertone selection</div></div>';
	$.fancybox(
       		html,
       		{
               	'autoDimensions'	: false,
               	'width'             : 655,
               	'height'            : 261,
       			'transitionIn'		: 'none',
       			'transitionOut'		: 'none',
       			'overlayOpacity'    : 0.4,
       			'showCloseButton'	: false,
				'onStart'		:function(){$('#fancybox-outer').addClass('buyNowPopup');},
				'onClosed'			:function(){$('#fancybox-outer').removeClass('buyNowPopup');},
				'hideOnContentClick':false
       		}
       	);
		return false;
        
}

$(document).ready(function () {
	$("a#commercials").fancybox({
		'hideOnContentClick': false,
		'frameWidth'		:720,
		'frameHeight'		:567,
		'overlayShow'		:true,
		'overlayOpacity'	:0.9
	});
	
	$("a.buyNowBtn").click(buyNow);
});