/// <reference path="classes/application-debug.js" />
/// <reference path="lib/swfobject.js" />
/*
* @projectDescription 	Aczone.Web project js library
*                       project specific class (def|namespace)
* @author	Tom Newton tnewton@rosettamarketing.com
* @version	0.1
*
* REQUIRES rosetta application class (application.js)
*/
//append js replaced classname to html object
document.getElementsByTagName("HTML")[0].className = "jsReplaced";
//var $j = null; //empty var $j = jQuery.noConflict();
var aczone = aczone || {};  // create the default namespace
aczone.application = new ROSETTA.application(); // instantiate application obj (REQUIRES application.js)
aczone.application.loadLibrary("prototype");
aczone.application.loadLibrary("prototype-effects");
aczone.application.loadLibrary("lightwindow");
//aczone.application.loadLibrary("jquery");
//aczone.application.loadLibrary("jquery-cluetips-plugin");
//aczone.application.loadLibrary("jquery-cluetips");
//aczone.application.loadLibrary("survey_slide");
aczone.application.setOnLoadCallback(function() {
    aczone.init();
});
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
* App Init
============================================ */
aczone.navigation = {};
aczone.navSelect = [];
aczone.myLightWindow = null;
aczone.quizAnswers = new Array;
aczone.init = function() {
    $jq = jQuery.noConflict();
    aczone.navigation = new aczone.navreplace();
    aczone.navigation.selectItems = aczone.navSelect;
    aczone.navigation.getMyAnchors("lnav");

    var ssw = new aczone.swfSwap();
    if (document.getElementById("faqs_section")) {
        ssw.getMyFAQs("faqs_section", "/includes/fla/aczone_faq.swf");
    }
    if (document.getElementById("reasons_section")) {
        ssw.getMyFAQs("reasons_section", "/includes/fla/aczone_reasons.swf");
    }

    aczone.myLightWindow = new lightwindow();
    aczone.homepageAnim();
};
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
* Home Page Animation Calls
============================================ */
aczone.homepageAnim = function() {
    if (document.getElementById("zipper_flash")) {
     // if($j("#zipper_flash")){
        var so1 = new SWFObject("/includes/fla/home-anim.swf", "home-anim", 248, 536, "9.0.0.0", "#ffffff");
        so1.addParam("allowScriptAccess", "sameDomain");
        so1.addParam("wmode", "transparent");
        so1.write("zipper_flash");
    }
};
aczone.showCallouts = function() {
    var so2 = new SWFObject("/includes/fla/callout-get_trial.swf", "callout-get_trial", 200, 200, "9.0.0.0", "#ffffff");
    so2.addParam("allowScriptAccess", "sameDomain");
    so2.addParam("flashVars", "thisURL=/utilities/aczone-registration.aspx&thisInitDelay=0.2&tintRings=");
    so2.addParam("wmode", "transparent");
    so2.write("hc1");

    var so3 = new SWFObject("/includes/fla/callout-ba-orange.swf", "callout-ba-orange", 200, 200, "9.0.0.0", "#ffffff");
    so3.addParam("allowScriptAccess", "sameDomain");
    so3.addParam("flashVars", "thisURL=/facial-acne/before-and-after-photos.aspx&thisInitDelay=0.3&tintRings=");
    so3.addParam("wmode", "transparent");
    so3.write("hc2");

    var so4 = new SWFObject("/includes/fla/callout-get_prescription.swf", "callout-getting_script", 200, 200, "9.0.0.0", "#FFFFFF");
    so4.addParam("allowScriptAccess", "sameDomain");
    so4.addParam("flashVars", "thisURL=/talking/talking_teens.aspx&thisInitDelay=0.4&tintRings=");
    so4.addParam("wmode", "transparent");
    so4.write("hc3");
};
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
* Light Window / FAD
============================================ */
aczone.fad = function() {

};
aczone.fad.showFAD = function() {
    aczone.myLightWindow.activateWindow({ href: 'http://www.allerganfad.com/Search/EnterCriteria.aspx?product=aczone&radius=4', title: ' ', width: 865, height: 740 });
};
aczone.fad.closeFAD = function() {
    aczone.myLightWindow.deactivate();
};
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
* Navigation Replacement
============================================ */
aczone.navreplace = function() {
    this.selectItems = [];
};
aczone.navreplace.prototype.getMyAnchors = function(linkDiv) {
    myAnchorDivs = document.getElementById(linkDiv).getElementsByTagName('div');
    for (i = 0, anc_len = myAnchorDivs.length; i < anc_len; i++) {
        var thisAnchor = myAnchorDivs[i].getElementsByTagName('a')[0];
        var pri = (myAnchorDivs[i].className.indexOf("primary") > -1) ? "1" : "";
        var sel = "";
        var href = thisAnchor.href;
        // loop through and select any items specified at the page level
        for (j = 0; j < this.selectItems.length; j++) {
            if (myAnchorDivs[i].className.indexOf(this.selectItems[j]) > -1 || myAnchorDivs[i].id == this.selectItems[j]) {
                sel = "1";
                if(j == (this.selectItems.length - 1)){
                    href = "#";
                }
            }
        }
        var label = thisAnchor.innerHTML;
        var realstring = label;
        var re = /<\S[^>]*>/g;
        realstring = realstring.replace(re, "");
        var xtraheight;
        if (pri) {
            xtraheight = (realstring.length >= 21) ? true : false;
        } else {
            xtraheight = (realstring.length >= 21) ? true : false;
        }
        label = label.replace('&amp;', '%26');
        label = label.replace('&', '%26');
        if (thisAnchor.target) { target = 1; } else { target = false; }
        //alert(label);
        
        if (myAnchorDivs[i].className.indexOf("top") > -1) {
            pri = "top";
        }
        if (myAnchorDivs[i].className.indexOf("btm") > -1) {
            pri = "bottom";
        }
        //myAnchorDivs[i].innerHTML = this.writeAnchor(href, label, pri, sel, xtraheight);
        this.writeAnchor(href, label, pri, sel, xtraheight, myAnchorDivs[i], target);

    }
    document.getElementById("lnav").style.visibility = "visible";
    return false;
};
aczone.navreplace.prototype.writeAnchor = function(thisURL, thisLabel, pri, sel, xtraheight, thisContainer, target) {
    //alert(thisLabel + ": " + thisLabel.length);
    //alert("pri: " + pri);
    flashSrc = '/includes/fla/aczone_link.swf';
    flashSrcWidth = 163;
    flashSrcHeight = (pri) ? 19 : 17;
    flashSrcHeightXtra = (pri) ? 40 : 33;
    thisHeight = (xtraheight) ? flashSrcHeightXtra : flashSrcHeight;
    hasTarget = (target) ? 1 : "";

    flashVars = 'thisURL=' + thisURL + '&Label=' + thisLabel + '&Primary=' + pri + '&Selected=' + sel + '&newWin=' + hasTarget;
    var so = new SWFObject(flashSrc, "tnl_link", flashSrcWidth, thisHeight, "9.0.0.0", "#7D7067");
    so.addParam("allowScriptAccess", "sameDomain");
    so.addParam("wmode", "transparent");
    so.addParam("flashVars", flashVars);
    so.addParam("salign", "lt");
    so.write(thisContainer);
};
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
* FAQ/REASONS Healine SWF Swapping
*
aczone.swfSwap = function() {
    this.flashSrc = "";
    this.appDivID = "";
    this.shContainerID = "showhideall";
};
aczone.swfSwap.prototype.getMyFAQs = function(faqDiv, flashSource) {
    this.flashSrc = flashSource;
    this.appDivID = faqDiv;
    //var myFAQs = document.getElementById(faqDiv).getElementsByTagName('a');
    var myFAQs = $j('a.question');

    for (i = 0, faq_len = myFAQs.length; i < faq_len; i++) {
        var thisFAQ = myFAQs[i];
        var thisID = i + 1;
        var label = thisFAQ.innerHTML;
        label = label.replace('&amp;', '%26');
        label = label.replace('&', '%26');

        //write the showhide div out on the last entry
        if (i == (myFAQs.length - 1)) {
            this.writeQuestion(thisFAQ.id, thisID, label, true);
        } else {
            this.writeQuestion(thisFAQ.id, thisID, label, false);
        }
    }
};
aczone.swfSwap.prototype.writeQuestion = function(containerID, thisID, label, isLast) {
    //alert(thisLabel + ": " + thisLabel.length);
    flashId = 'aczone_faq' + thisID;
    flashSrcWidth = 455;
    flashSrcHeight = 40;

    // swfobject.embedSWF(this.flashSrc, containerID, flashSrcWidth, flashSrcHeight, "9.0.0","expressInstall.swf", {Numbr:thisID,Title:label}, {menu:"false",wmode:"transparent"}, {id:flashId,name:flashId});
    // swfobject 1.5 code:
    
    flashVars = 'Numbr=' + thisID + '&Title=' + label;
    var so = new SWFObject(this.flashSrc, flashId, flashSrcWidth, flashSrcHeight, "9.0.0.0", "#7D7067");
    so.addParam("allowScriptAccess", "sameDomain");
    so.addParam("wmode", "transparent");
    so.addParam("flashVars", flashVars);
    document.getElementById(containerID).style.padding = "0";
    document.getElementById(containerID).style.background = "none";
    document.getElementById(containerID).style.height = flashSrcHeight + "px";

    if (!isLast) {
        so.write(containerID);
    } else {
        if (so.write(containerID)) {
            this.writeShowHide(this.appDivID);
        }
    }

};
aczone.swfSwap.prototype.writeShowHide = function(cntID) {
    var tmpContainer = document.getElementById(this.shContainerID);
    //tmpContainer.className = "faq";
    aczone.swfSwap.showHideSwap(true, cntID, this.shContainerID);
};
aczone.swfSwap.showHideSwap = function(sh, cntID, shContainerID) {
    var tmpContainer = document.getElementById(shContainerID);
    tmpContainer.innerHTML = "";
    var tmpAnchor = document.createElement("a");
    tmpAnchor.href = "#";
    if (sh) { // show 'open all'
        $j(tmpAnchor).click(function() {
            aczone.swfSwap.openALL(cntID);
        });
        tmpAnchor.appendChild(document.createTextNode("Show all"));
        //tmpAnchor.style.backgroundImage = "url(/images/faq_plus.gif)";
    } else { // show 'close all'
        $j(tmpAnchor).click(function() {
            aczone.swfSwap.closeALL(cntID);
        });
        tmpAnchor.appendChild(document.createTextNode("Close all"));
        //tmpAnchor.style.backgroundImage = "url(/images/faq_minus.gif)";
    }
    tmpContainer.appendChild(tmpAnchor);
};
aczone.swfSwap.getMovie = function(movieName) {
    //this only works in all browsers if using swfobject
    return document.getElementById(movieName);
};
aczone.swfSwap.openALL = function(secID) {
    //myFAQs = document.getElementById(secID).getElementsByTagName('a');
    var myFAQs = $j('a.question');
    for (i = 0; i < myFAQs.length; i++) {
        ii = i + 1;
        var flash = aczone.swfSwap.getMovie('aczone_faq' + ii);
        try {
            flash.sHeadline(2);
        } catch (e) {
            // set interval on toggle flash headline
        }
        a = document.getElementById("A" + ii);
        a.style.display = "block";
    }
    aczone.swfSwap.showHideSwap(false, secID, "showhideall");
    return false;
};
aczone.swfSwap.closeALL = function(secID) {
    myFAQs = document.getElementById(secID).getElementsByTagName('a');
    for (i = 0; i < myFAQs.length; i++) {
        ii = i + 1;
        var flash = aczone.swfSwap.getMovie('aczone_faq' + ii);
        try {
            flash.sHeadline(1);
        } catch (e) {
            // set interval on toggle flash headline
        }
        a = document.getElementById("A" + ii);
        a.style.display = "none";
    }
    aczone.swfSwap.showHideSwap(true, secID, "showhideall");
    return false;
};
function displayAnswer(answer) {
    a = document.getElementById("A" + answer);
    if (a.style.display == "none") {
        $j("#A" + answer).slideDown("slow");
    } else if (a.style.display == "block") {
        $j("#A" + answer).slideUp("slow");
    }
}
============================================ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
* @projectDescription: This quiz tallies the end-user response and can go back to the previous question if need be.
  @author: Luis Tello Luis.Tello@rosetta.com
  @version: 0.1

aczone.goBack = function(number){
    $j('#quizQuestion'+number).show("slow");
    $j('#quizAnswer'+number).css('display','none');
    $j('#quizCorrectMark'+number).css('display','none'); 
    $j('#quizCorrect'+number).css('display','none'); 
    $j('#quizIncorrectMark'+number).css('display','none');
    $j('#quizIncorrect'+number).css('display','none');
    aczone.quizAnswers.pop();
}

aczone.goFoward = function(number){
    var minus = number-1;
    $j('#FFQ'+minus).css('display','none');
    $j('#FFQ'+number).show("slow");
    $j('#quizQuestion'+number).show("slow");
}

aczone.answerQuiz = function(response) {    
   if(response == "back"){
     //use the stack to see where you are
     switch(aczone.quizAnswers.length){
        case 1:
            aczone.goBack(1);
            break;
        case 2:
            aczone.goBack(2);
            break;
        case 3:
            aczone.goBack(3);
            break;
        case 4:
            aczone.goBack(4);
            break;
        case 5:
            aczone.goBack(5);
            break;
        case 6:
            aczone.goBack(6);
            break;
        case 7:
            aczone.goBack(7);
            break;
        case 8:
            aczone.goBack(8);
            break;
        case 9:
            aczone.goBack(9);
            break;
        case 10:
            aczone.goBack(10);
            break;
        default:
     }
   }
   else if(response == "next"){
     //use the stack and add one more to it
     //apply a switch to show and hide
     switch((aczone.quizAnswers.length)+1){
        case 2:
            aczone.goFoward(2);
            break;
        case 3:
            aczone.goFoward(3);
            break;
        case 4:
            aczone.goFoward(4);
            break;
        case 5:
            aczone.goFoward(5);
            break;
        case 6:
            aczone.goFoward(6);
            break;
        case 7:
            aczone.goFoward(7);
            break;
        case 8:
            aczone.goFoward(8);
            break;
        case 9:
            aczone.goFoward(9);
            break;
        case 10:
            aczone.goFoward(10);
            break;
        default:
     }
   }
   else if(response == "result"){
     //hide the 10th question and show the result panel
     $j('#FFQ10').css('display','none');
     $j('#result').show("slow");
     var quizResult = null;
     for(var i=10; i>0; i--){
        quizResult = quizResult + parseInt(aczone.quizAnswers.pop());
     }
     $j('#quizTotal').append(''+quizResult);
     if(quizResult == 1 || quizResult == 2 || quizResult == 3)
     $j('#quizResult').append("OK, so you're not exactly an acne genius&mdash;but I bet you learned a lot!");
     else if(quizResult == 4 || quizResult == 5 || quizResult == 6 || quizResult == 7){
     $j('#quizResult').append("You're on the right track&mdash;but it looks like you still have some things to learn about acne!");
     }
     else if(quizResult == 8 || quizResult == 9 || quizResult == 10){
     $j('#quizResult').append("Wow! You're like, an acne genius!");
     }
   }
   //else you have a number
   else{   
     aczone.quizAnswers.push(response);
     //assume all correct answers are 1
     switch(aczone.quizAnswers.length){
        case 1:
            //hide question
            $j('#quizQuestion1').css('display','none');
            $j('#quizAnswer1').show(0);
            if(response == 1){
                $j('#quizCorrectMark1').show(100); 
                $j('#quizCorrect1').show(100);               
            }
            else{
                $j('#quizIncorrectMark1').show(100);
                $j('#quizIncorrect1').show(100);
            }
            break;
        case 2:
            //hide question
            $j('#quizQuestion2').css('display','none');
            $j('#quizAnswer2').show(0);
            if(response == 1){
                $j('#quizCorrectMark2').show(100); 
                $j('#quizCorrect2').show(100);               
            }
            else{
                $j('#quizIncorrectMark2').show(100);
                $j('#quizIncorrect2').show(100);
            }
            break;
        case 3:
            //hide question
            $j('#quizQuestion3').css('display','none');
            $j('#quizAnswer3').show(0);
            if(response == 1){
                $j('#quizCorrectMark3').show(100); 
                $j('#quizCorrect3').show(100);               
            }
            else{
                $j('#quizIncorrectMark3').show(100);
                $j('#quizIncorrect3').show(100);
            }
            break;
        case 4:
            //hide question
            $j('#quizQuestion4').css('display','none');
            $j('#quizAnswer4').show(0);
            if(response == 1){
                $j('#quizCorrectMark4').show(100); 
                $j('#quizCorrect4').show(100);               
            }
            else{
                $j('#quizIncorrectMark4').show(100);
                $j('#quizIncorrect4').show(100);
            }
            break;
        case 5:
            //hide question
            $j('#quizQuestion5').css('display','none');
            $j('#quizAnswer5').show(0);
            if(response == 1){
                $j('#quizCorrectMark5').show(100); 
                $j('#quizCorrect5').show(100);               
            }
            else{
                $j('#quizIncorrectMark5').show(100);
                $j('#quizIncorrect5').show(100);
            }
            break;
        case 6:
            //hide question
            $j('#quizQuestion6').css('display','none');
            $j('#quizAnswer6').show(0);
            if(response == 1){
                $j('#quizCorrectMark6').show(100); 
                $j('#quizCorrect6').show(100);               
            }
            else{
                $j('#quizIncorrectMark6').show(100);
                $j('#quizIncorrect6').show(100);
            }
            break;
        case 7:
            //hide question
            $j('#quizQuestion7').css('display','none');
            $j('#quizAnswer7').show(0);
            if(response == 1){
                $j('#quizCorrectMark7').show(100); 
                $j('#quizCorrect7').show(100);               
            }
            else{
                $j('#quizIncorrectMark7').show(100);
                $j('#quizIncorrect7').show(100);
            }
            break;
        case 8:
            //hide question
            $j('#quizQuestion8').css('display','none');
            $j('#quizAnswer8').show(0);
            if(response == 1){
                $j('#quizCorrectMark8').show(100); 
                $j('#quizCorrect8').show(100);               
            }
            else{
                $j('#quizIncorrectMark8').show(100);
                $j('#quizIncorrect8').show(100);
            }
            break;
        case 9:
            //hide question
            $j('#quizQuestion9').css('display','none');
            $j('#quizAnswer9').show(0);
            if(response == 1){
                $j('#quizCorrectMark9').show(100); 
                $j('#quizCorrect9').show(100);               
            }
            else{
                $j('#quizIncorrectMark9').show(100);
                $j('#quizIncorrect9').show(100);
            }
            break;
        case 10:
            //hide question
            $j('#quizQuestion10').css('display','none');
            $j('#quizAnswer10').show(0);
            if(response == 1){
                $j('#quizCorrectMark10').show(100); 
                $j('#quizCorrect10').show(100);               
            }
            else{
                $j('#quizIncorrectMark10').show(100);
                $j('#quizIncorrect10').show(100);
            }
            break;
        default:
   }      
}};
============================================ */