﻿var pages = new Array();
pages['aging'] = 1;
pages['basics'] = 2;
pages['process'] = 3;
pages['causes'] = 4;
pages['visible'] = 5;
pages['treatments'] = 6;
pages['resurfacing'] = 7;
pages['injectables'] = 8;
pages['surgery'] = 9;
pages['doctor'] = 10;
pages['informed'] = 11;
pages['resources'] = 12;
pages['glossary'] = 13;
pages['quiz'] = 14;

var subs = Array();
subs['resurfacing'] = Array('peels', 'micro', 'laser');
subs['injectables'] = Array('toxins', 'fillers', 'replacers');
subs['surgery'] = Array('lipo', 'facelift', 'transfer');

var links = Array();
links['resurfacing'] = Array('resurfacing.aspx', 'chemical-peels.aspx', 'microdermabrasion.aspx', 'laser-resurfacing.aspx');
links['injectables'] = Array('injectables.aspx', 'toxins.aspx', 'fillers.aspx', 'collagen-replacers.aspx');
links['surgery'] = Array('surgery.aspx', 'facial-liposuction.aspx', 'face-lift.aspx', 'fat-transfer.aspx');

var pid = '';
var sid = '';
var imgpath = '../images/';

function renderHeader()
{
    if (sid != '' && (pid == 'injectables' || pid == 'resurfacing' || pid == 'surgery'))
        renderMiniNav(pid, sid);
    else
        renderStandardHeader(pid);
}

function renderMiniNav(pid, sid)
{
    var res = '';
    
    // Back nav
    res += '<div class="subnav-section"><a href="' + links[pid][0] + '"><img src="' + imgpath + 'n_' + pid + '_back.gif" border="0"></a></div>';
    res += '<div class="subnav-arrow"><a href="' + links[pid][0] + '"><img src="' + imgpath + 'arr_b.gif" border="0"></a></div>';
    
    for (var i = 0; i < subs[pid].length; i++)
    {
        var imgsrc = '<img src="' + imgpath + (subs[pid][i] == sid ? 'h_' + sid : 'n_' + subs[pid][i] + '_off') + '.gif" border="0">';
        if (subs[pid][i] == sid)
        {
            res += '<div class="subnav-selected">';
            res += imgsrc;
        }
        else
        {
            res += '<div class="subnav">';
            res += '<a href="' + links[pid][i+1] + '">' + imgsrc + '</a>';
        }            
        res += '</div>';
    }
    document.write(res);
}

function renderStandardHeader(pid)
{
    var res = '<img src="' + imgpath + 'h_' + pid + '.gif">';
    document.write(res);
}

function validateAge(source, args) {
    var yearObj = document.getElementById('ctl00_ContentPlaceholder1_UserDateOfBirthYear');
    var now = new Date();
    if(yearObj.value == "") {
        args.IsValid = true;
        return;
    }
    try {
        var dif = eval (now.getFullYear() + "-" + yearObj.value);
        args.IsValid = dif > 17;
    } catch(x) {
        args.IsValid = true;
    }  
}

var opac = 0;
var faderate = 5;
var ftimer;
var cpos = 0;
var epos = 0;
var scrolldist = 14;
var scrollrate = 5;
var trans = 2;
var stafOpen = false;
var stafPatched = false;
var stafSendButton = 'staf_btn_send';

function sendToAFriend()
{
    // Fix STAF colors by section
    if (!stafPatched)
    {
        var u = location.href;
        if (u.indexOf('/treatments/') > 0)
        {
            document.getElementById('emailfriend-panel2').style.backgroundColor = '#6DCFF6';
            document.images[stafSendButton].src = imgpath + 'staf_btn_send.gif';
        }
        else if (u.indexOf('/facialaging/') > 0)
        {
            document.getElementById('emailfriend-panel2').style.backgroundColor = '#F49AC1';
            document.images[stafSendButton].src = imgpath + 'staf_btn_send.gif';
        }
        
        stafPatched = true;
    }
    
    // Toggle visibility
    if (stafOpen)
        closeSendToAFriend();
    else
    {
        stafOpen = true;
        document.getElementById('emailfriend').style.display = 'block';
        document.getElementById('emailfriend-panel1-inner').style.display = 'block';
        document.getElementById('emailfriend-panel1-confirm').style.display = 'none';
//    clearTimeout(ftimer);
//    scrollSTAFIn(trans);
    }
}

function closeSendToAFriend()
{
    stafOpen = false;
    document.getElementById('emailfriend').style.display = 'none';
//    clearTimeout(ftimer);
//    scrollSTAFOut();
}

function scrollSTAFIn(mod)
{
    if (cpos > epos)
    {
        if (cpos - epos < 50)
            mod = mod * 1.2;
        cpos -= scrolldist;
        moveIdBy('emailfriend', 0, -(scrolldist));
        ftimer = setTimeout('scrollSTAFIn(' + (mod) + ')', scrollrate + mod);
    }
    else
        clearTimeout(ftimer);

}

function scrollSTAFOut()
{

}

function fadeOut()
{
    if (opac > 0)
    {
        opac--;
        var o = document.getElementById('emailfriend');
        o.style.opacity = opac / 10;
        o.style.filter = 'alpha(opacity=' + opac*10 + ')';
        ftimer = setTimeout('fadeOut()', faderate);
    }
    else
        clearTimeout(ftimer);
}

function fadeIn()
{
    if (opac < 10)
    {
        opac++;
        var o = document.getElementById('emailfriend');
        o.style.opacity = opac / 10;
        o.style.filter = 'alpha(opacity=' + opac*10 + ')';
        ftimer = setTimeout('fadeIn()', faderate);
    }
    else
        clearTimeout(ftimer);
}

function init()
{
    setBrowser();
    
    // Fix link colors by section
    setTimeout('initLinkColor()', 500);
    
    initSendToAFriend();
}

function initLinkColor()
{
    var u = location.href;
    if (u.indexOf('/treatments/') > 0)
        setLinkColor(document.getElementById('content').getElementsByTagName('a'), '#5BADCD');
    else if (u.indexOf('/facialaging/') > 0)
        setLinkColor(document.getElementById('content').getElementsByTagName('a'), '#CB80A1');
}

function setLinkColor(o, col)
{
    for (var i = 0; i < o.length; i++)
    {
        if (o[i].className != 'glossary')
            o[i].style.color = col;
    }
}

function initSendToAFriend()
{
    var ypos = getImgTop(document.images['staf']);
    ypos -= 175;
    epos = ypos - 168;
    cpos = ypos;
    moveIdTo('emailfriend', 25, ypos);
}

function getImgTop(imgElem) {
	yPos = eval(imgElem).offsetTop;
	tempEl = eval(imgElem).offsetParent;
	while (tempEl != null) {
  		yPos += tempEl.offsetTop;
  		tempEl = tempEl.offsetParent;
  	}
	return yPos;
}

function ext(u)
{
    if (confirm('You are leaving a sanofi-aventis website and going to an external website\nwhich is not under the control of sanofi-aventis. Sanofi-aventis provides these\nlinks as a service and does not endorse or accept responsibility or liability for\nany information presented on external websites.'))
        window.open(u, 'ext');
}

function runSendToAFriend(o)
{
//    document.getElementById('emailfriend-panel1-inner').style.display = 'none';
//    document.getElementById('emailfriend-panel1-confirm').style.display = 'block';
//    setTimeout('closeSendToAFriend()', 3000);


	// clearTimeout(etimer);

//	if (validateMailFriendForm(o))
//	{
		var data = '';
		data += 'PageTitle=' + escape(document.title.split(' | ')[0]);
		data += '&PageLink=' + escape(window.location.href);
		data += '&PageBase=' + escape(window.location.host);
		data += '&FromName=' + escape(o.stafFromName.value);
		data += '&FromEmailAddress=' + escape(o.stafFromAddress.value);
		data += '&ToEmailAddress=' + escape(o.stafToAddress.value);
		// location.href = '/util/send-to-friend.aspx?' + data;
		makeRequest('/util/send-to-friend.aspx', data);
//	}
//	else
		//etimer = setTimeout('closeEmailPage()', 15000);

//	return false;
}

function validateMailFriendForm(o)
{
return true;
}

function makeRequest(url, data) {
    var http_request = false;

    if (window.XMLHttpRequest) { // Mozilla, Safari, ...
        http_request = new XMLHttpRequest();
        if (http_request.overrideMimeType) {
            http_request.overrideMimeType('text/html');
            // See note below about this line
        }
    } else if (window.ActiveXObject) { // IE
        try {
            http_request = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            try {
                http_request = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) {}
        }
    }

    if (!http_request) {
        alert('Giving up :( Cannot create an XMLHTTP instance');
        return false;
    }
    http_request.onreadystatechange = function() { alertContents(http_request); };
    http_request.open('POST', url, true);
    http_request.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
    http_request.send(data);
}

function alertContents(http_request)
{
	if (http_request.readyState == 4)
	{
		if (http_request.status == 200)
		{
            document.getElementById('emailfriend-panel1-inner').style.display = 'none';
            document.getElementById('emailfriend-panel1-confirm').style.display = 'block';
            setTimeout('closeSendToAFriend()', 3000);
		}
		else
		{
			alert('There was a problem with the request.');
		}
	}
}

function rollOn(imageName)
{
	document.images[imageName].src = eval('img_' + imageName + '_over').src;
}

function rollOff(imageName)
{
	document.images[imageName].src = eval('img_' + imageName + '_off').src;
}

function changeClass(elementId, toClass)
{
    $(elementId).setAttribute('class', toClass);
    $(elementId).setAttribute('className', toClass);
}
