/**
 * Browser Tier Messaging Framework - Sends an XML request to the server
 *
 * Usage:
 *      There are two types of Messages
 *   1) Generic Message  - An associative javascript array makes up the message
 *
 *      //Create the Message parameters to be sent
 *      msgParams = {
 *           username: "john",
 *           password: "doe"
 *      }
 *
 *      //Create the Message Object with the action to call and the parameters
 *      message = new GenericMessage(/full/path/to/action, msgParams);
 *
 *      //Define a method to handle the response
 *      message.onResponse = function(response) {
 *          //Process Response
 *          alert(response.responseText);
 *      }
 *      message.send();
 *
 *   2) Form Message  - An html form makes up the message
 *
 *      //Create the Message Object with the action to call and Id of the form to submit
 *      message = new FormMessage(/full/path/to/action, formId);
 *
 *      //Define a method to handle the response
 *      message.onResponse = function(response) {
 *          //Process Response
 *          alert(response.responseText);
 *      }
 *      message.send();
 *    
 * Note: - all messages are sent asyncronously. To send a syncronous message use 
 *          message.sendModal()
 *
**/

/**
* Cross-browser XMLHttpRequest instantiation.
*/
function XMLRequest() {
    if (window.XMLHttpRequest) {
        return new XMLHttpRequest();
    } else {
        var msxmls = ['MSXML3', 'MSXML2', 'MSXML', 'Microsoft'];
        for (var i=0; i < msxmls.length; i++) {
          try {
            return new ActiveXObject(msxmls[i]+'.XMLHTTP');
          } catch (e) { }
        }
        throw new Exception("No XML component installed!");
    }
}

function Message(url, message, object) {
    this.xmlhttp  = null
    this.url      = url;
    this.msg      = message;
    this.msgId    = null;
    this.obj      = object;
    if (object == null) {
        this.obj  = this;
    }
    this.messages = {};
    this.msgCount = 0;
}

/**
 * Send the Message to the server
 * Messages are sent via the XMLHttoRequest object.
 * This is preferable to form submits as it avoids page refreshes
**/
Message.prototype.sendRequest = function(method, modal) {
    this.xmlhttp= new XMLRequest();
    this.msgId  = window.MessageObject.msgCount;
    window.MessageObject.messages[window.MessageObject.msgCount] = this;

    str = "func = function() {"+
        " messg = window.MessageObject.messages["+window.MessageObject.msgCount+"];"+
        " messg.onload();"+
        " }";
    window.MessageObject.msgCount++;
    eval(str);
    this.xmlhttp.onreadystatechange = func;
    this.xmlhttp.open(method,this.getUrl(),modal);
    this.xmlhttp.send(null);
}

/**
 * Send an asyncronous Message 
**/
Message.prototype.send = function(method) {
    method="GET";
    this.sendRequest(method,true);
}

/**
 * Send an syncronous Message 
**/
Message.prototype.sendModal = function(method) {
    method="GET";
    this.sendRequest(method,false);
}

/**
 * Called after the message has been loaded
**/
Message.prototype.onload = function() {
    // if xmlhttp shows "loaded"
    if (this.xmlhttp.readyState==4) {
        // if "OK"
        if (this.xmlhttp.status==200) {
            this.obj.onResponse(this.xmlhttp);
        } else {
            // Error Handling here
            alert("Problem retrieving XML data")
        }
    }
}

/**
 * Get the Url to send the request to
**/
Message.prototype.getUrl = function() {
    return this.url;
}


/**
 * MUST be Implemented by user of Message framework
**/
Message.prototype.onResponse = function() {
    
}


/**
 * A Generic Message that uses an associative array
 * to send
**/
function GenericMessage(url, message, object) {
    this.url   = url;
    this.msg   = message;
    this.msgId = null;
    this.obj   = object;
    if (object == null) {
        this.obj  = this;
    }
}

/**
 * Extends Base Message object
**/
GenericMessage.prototype = new Message();

/**
 * Convert the associative array to request parameters
**/
GenericMessage.prototype.getUrl = function() {
    var ret = this.url+"?messageId="+this.msgId;
    count = 0;
    for(var name in this.msg) {
        ret += "&"+name+"="+this.msg[name];
    }
    return ret;
}

/**
 * A Form Message that uses a form to send
**/
function FormMessage(url, message, object) {
    this.url   = url;
    this.msg   = message;
    this.msgId = null;
    this.obj   = object;
    if (object == null) {
        this.obj  = this;
    }
}

/**
 * Extends Base Message object
**/
FormMessage.prototype = new Message();

/**
 * Convert the form to request parameters
**/
FormMessage.prototype.getUrl = function() {
    var ret = this.url+"?messageId="+this.msgId;
    var frm = document.getElementById(this.msg);
    for(count=0;count < frm.elements.length; count++) {
        if (frm.elements[count].type == "checkbox") {
            ret += "&"+frm.elements[count].name+"="+frm.elements[count].checked;
        } else {
            ret += "&"+frm.elements[count].name+"="+frm.elements[count].value;
        }
    }
    return ret;
}

window.MessageObject = new Message();
function disableClicks() {
    return false;
}
function hideReg() {
    theDiv = document.getElementById("MiniRegModule");
    theDiv.style.display = "none";
    document.onclick="";
}
function showReg() {
    theDiv = document.getElementById("MiniRegModule");
    theDiv.style.display = "block";

    document.onclick=disableClicks;
}

window.regExtra = "";
window.newUrl   = "";
function doMiniReg(action, formId){
    //Create the Message Object with the action to call and Id of the form to submit
    message = new FormMessage(action, formId);
    
    //Define a method to handle the response
    message.onResponse = function(response) {
        //Process Response
       ret = response.responseText;
       ret = ret.replace(/^\s*|\s*$/g,"");
       if (ret == null || ret == "" || ret == "true" || ret.substring(0,6) == "userId") {
           theurl = window.location.href;
               gotoUrl = window.location.href;
               if (window.newUrl != "") {
                   gotoUrl = window.newUrl;
               }
               if (window.regExtra != "") {
                   window.location.href = gotoUrl + window.regExtra;
               } else {
                   window.location.href = gotoUrl;
               }
       } else {
           alert(ret);
       }
    }
    message.send();
}

function toggleCheck(obj, evt) {
  evt.cancelBubble = true;
  return true;
}

// clears text field on focus
function clearDefault(el) {
	  if (el.defaultValue==el.value) el.value = ""
}

function checkLoggedIn(action, msg, str){
    var str2 = "";
    //Create the Message Object with the action to call and Id of the form to submit
    message = new GenericMessage(action, msg);

    
    //Define a method to handle the response
    message.onResponse = function(response) {
        //Process Response
       ret = response.responseText;
       ret = ret.replace(/^\s*|\s*$/g,"");

       if (ret == null || ret == "" || ret == "true" || ret.substring(0,8) == "username") {
	   var pos      = ret.indexOf(";"); 
           var username = ret.substring(9,pos);
           var role     = ret.substring(pos+6,ret.length);
           if (username != "Guest" && username != "") {
               str2+='    <div class="RelativePositioning HeaderBG">';
               str2+='        <span class="RegisterLinks">Hello '+ username + ' </span>';
               str2+='        <span class="AccountLinks">';
               str2+='        &nbsp;&nbsp;|&nbsp;&nbsp;';
               str2+='            <a href="http://ca-family.glam.com/app/site/register/openauth.php?action=logout">Log Out</a>';
               str2+='        &nbsp;&nbsp;|&nbsp;&nbsp;';
               str2+='            <a href="http://ca-family.glam.com/app/site/aboutmoi/loadAccount.act?linkType=subNav&pageId=3010481">My Account</a>';
               str2+='        &nbsp;&nbsp;|&nbsp;&nbsp;';
               str2+='            <a href="http://ca-family.glam.com/app/site/loadServicePage.act?id=5357947&pageId=5357920">Help</a> ';
               str2+='        </span>';
               str2+='    </div>';
           } else {
               str2+='<div class="RelativePositioning HeaderBG">';
               str2+='    <span class="RegisterLinks">';
               str2+='                Hello ' + username + ' (<a href="/app/site/register/openauth.php">Log In or Register Now</a>)';
               str2+='    </span>';
               str2+='    <span class="AccountLinks">';
               str2+='                &nbsp;&nbsp;|&nbsp;&nbsp;';
               str2+='                    <a href="http://ca-family.glam.com/app/site/loadServicePage.act?id=5357947&pageId=5357920">Help</a> ';
               str2+='    </span>';
               str2+='</div>';
           } 
	   document.getElementById("loginHeader").innerHTML = str2;
       } else {
           alert(ret);
       }
    }
    message.send();
}


var str='';
str+='<style>';
str+='    /* styles for the minireg popup */';
str+='    .ChannelMainText {font-family: Arial, Verdana, sans-serif;}';
str+='    .RelativePositioning {position:relative;}';
str+='    .AbsolutePositioning {position:absolute;}';
str+='';
str+='    /*MiniRegStyles*/';
str+='    ';
str+='    /*#MiniRegModule {top:85px;left:375px;width:429px;height:330px;background:none;z-index:1000000;display:none;}*/';
str+='    #MiniRegModule {top:285px;left:175px;width:429px;height:330px;background:none;z-index:1000000;display:none;}';
str+='    #MiniRegShadowSz {top:3px;left:3px;width:426px;height:327px;z-index:1;}';
str+='    #MiniRegShadowBg {background-color:#000;height:327px;}';
str+='    #BorderOnePx {border:1px solid #000;}';
str+='    #MiniRegContentSz {top:0px;left:0px;width:427px;height:328px;z-index:10000000;}';
str+='    #MiniRegContentBg {background-color:#FFF;width:425px;height:326px;overflow:hidden;}';
str+='    #CloseButtonPos {float:right;top:0px;right:0px;height:16px;width:100%;z-index:100000000;}';
str+='    #Button1Pos {float:right;margin-right:0px;}';
str+='    ';
str+='    #RegisterTitlePos {float:left;width:67px;height:100%;}';
str+='    #ContentPosMiniReg {float:left;width:320px;height:260px;}';
str+='    #TxtWindowPosMiniReg {float:left;width:150px;height:23px;}';
str+='    #TxtWindowPosGender {float:left;width:147px;height:23px;margin-left:2px;}';
str+='    #TxtWindowPosRegistered {float:left;width:165px;height:23px;}';
str+='    #TxtWindowPosPass {float:left;width:150px;height:15px;}';
str+='    #TxtWindowPosPass2 {float:left;width:55px;height:23px;margin:2px 0px 0px 0px;}';
str+='    div>div#TxtWindowPosPass2 {margin:0px;}';
str+='    .TxtWindowSz {width:140px;height:15px;}';
str+='    #GenderFormPos {float:left;width:55px;height:23px;}';
str+='    #GenderFormPos2 {float:left;width:10px;height:23px;}';
str+='    #GenderRadioPos {float:left;width:35px;height:23px;padding-top:2px;}';
str+='    div>div#GenderRadioPos {float:left;width:35px;height:23px;padding:0px;}';
str+='    #CheckboxPos {float:left;width:25px;height:20px;}';
str+='    #CheckboxPos2 {float:left;width:295px;height:20px;}';
str+='    ';
str+='    /*MiniRegTextStyles*/';
str+='    #MiniRegTitle {font-size:19px;font-weight:normal;color:#000;display:block;margin-bottom:5px;}';
str+='    #MiniRegText {font-size:11px;font-weight:normal;color:#656565;display:block;margin-bottom:3px;line-height:11pt;}';
str+='    .MiniRegFormText {font-size:12px;font-weight:normal;color:#000;display:block;}';
str+='    .MiniRegFormTextGender {font-size:12px;font-weight:normal;color:#000;display:block;line-height:17pt;}';
str+='    div>span.MiniRegFormTextGender {font-size:12px;font-weight:normal;color:#000;display:block;line-height:14pt;}';
str+='    #MiniRegText2 {font-size:10px;font-weight:normal;color:#656565;display:block;line-height:14pt;}';
str+='    #MiniRegText2 a {color:#656565;}';
str+='    #MiniRegText2a {font-size:10px;font-weight:normal;color:#656565;display:block;line-height:9pt;}';
str+='    #MiniRegText2b {font-size:10px;font-weight:normal;color:#000;display:block;line-height:12pt;}';
str+='    div>span#MiniRegText2b {font-size:10px;font-weight:normal;color:#000;display:block;line-height:15pt;}';
str+='    #MiniRegText3 {font-size:10px;font-weight:normal;color:#656565;display:block;line-height:10pt;}';
str+='    #MiniRegText3 a {color:#656565;}';
str+='    ';
str+='    /*EndMiniRegStyles*/';
str+='    ';
str+='    ';
str+='    /* use each ID only once in HTML */';
str+='    /* removed class TxtWindowSz from HTML */';
str+='    /* moved form close in HTML */';
str+='    ';
str+='    #MiniRegModule form {margin:0;padding:0}';
str+='    #MiniRegModule form input.MiniRegFormText {width:140px;height:15px}';
str+='    ';
str+='    .MiniRegFormText {font-size:11px;line-height:11px;';
str+='    font-weight:normal;color:#656565;display:block;}';
str+='    ';
str+='    #TxtWindowPosRegistered {margin-top: -5px}';
str+='';
str+='';
str+='    /* styles for the header text */';
str+='';
str+='    .RelativePositioning {position:relative;}';
str+='    .HeaderBG {/*background:url("http://fileserver2.glam.com/app/site/images/HeaderBG.gif"*/) repeat;width:1000px;height:20px;overflow:hidden;margin:0px;padding:0px;z-index:1001;}';
str+='    .RegisterLinks, .RegisterLinks a, .RegisterLinks a:link, .RegisterLinks a:visited, .RegisterLinks a:hover, .AccountLinks, .AccountLinks a, .AccountLinks a:link, .AccountLinks a:visited, .AccountLinks a:hover {font-size:11px;line-height:15pt;}';
str+='    .RegisterLinks, .RegisterLinks a, .RegisterLinks a:link, .RegisterLinks a:visited, .RegisterLinks a:hover {color:#D94275;}';
str+='    .AccountLinks, .AccountLinks a, .AccountLinks a:link, .AccountLinks a:visited, .AccountLinks a:hover {color:#000;}';
str+='    .RegisterLinks, .RegisterLinks a, .RegisterLinks a:link, .RegisterLinks a:visited, .AccountLinks, .AccountLinks a, .AccountLinks a:link, .AccountLinks a:visited {text-decoration:none;}';
str+='    .RegisterLinks a:hover, .AccountLinks a:hover {text-decoration:underline;}';
str+='</style>';
str+='    <div class="AbsolutePositioning ChannelMainText" id="MiniRegModule">';
str+='        <div class="RelativePositioning" id="MiniRegContentSz">';
str+='            <div id="BorderOnePx">';
str+='                <div id="MiniRegContentBg">';
str+='                    <div class="RelativePositioning" id="CloseButtonPos">';
str+='';
str+='                        <div class="RelativePositioning" id="Button1Pos">';
str+='                            <a onclick="hideReg();return false;"><img src="http://fileserver2.glam.com/app/site/images/mini/SmallClose.gif"><br></a>';
str+='                        </div>';
str+='';
str+='                    </div>';
str+='                    <div id="RegisterTitlePos">';
str+='                        <img src="http://fileserver2.glam.com/app/site/images/mini/RegisterTitle.gif">';
str+='                    </div>';
str+='                    <div id="ContentPosMiniReg">';
str+='                   <form id="registrationForm" name="registrationForm">';
str+='                        <span id="MiniRegTitle"><b>Join Glam.com</b></span>';
str+='                        <span id="MiniRegText">For celebrity photos, style tips, cool quizzes, and exclusive interviews, join Glam.com today! Membership is free and includes unlimited access to Glam.com.</span>';
str+='';
str+='                        <div id="TxtWindowPosMiniReg">';
str+='                            <input type="text" name="username" value="Username or E-mail" class="MiniRegFormText">';
str+='                        </div>';
str+='';
str+='                        <div id="TxtWindowPosGender">';
str+='                            <div id="GenderFormPos"><span id="MiniRegText2b">Gender:</span></div>';
str+='';
str+='                                <div id="GenderFormPos2"><span id="MiniRegText2b">F</span></div>';
str+='                                <div id="GenderRadioPos"><input name="gender" value="F" type="radio" checked onclick="toggleCheck(this, event)"></div>';
str+='';
str+='                                <div id="GenderFormPos2"><span id="MiniRegText2b">M</span></div>';
str+='                                <div id="GenderRadioPos"><input name="gender" value="M" type="radio" onclick="toggleCheck(this, event)"></div>';
str+='';
str+='                        </div>';
str+='';
str+='                        <div id="TxtWindowPosPass">';
str+='                            <span id="MiniRegText2b">Password</span>';
str+='                        </div>';
str+='';
str+='                        <div id="TxtWindowPosPass">';
str+='                            <span id="MiniRegText2b">Retype Password</span>';
str+='                        </div>';
str+='';
str+='                        <div id="TxtWindowPosMiniReg">';
str+='                            <input type="password" name="password" id="loginPassword" value="" class="MiniRegFormText">';
str+='                        </div>';
str+='';
str+='                        <div id="TxtWindowPosMiniReg">';
str+='                            <input type="password" name="passwordConfirm" value="" class="MiniRegFormText">';
str+='                        </div>';
str+='';
str+='                        <div id="TxtWindowPosMiniReg">';
str+='                            <input type="text" name="email" value="E-mail" class="MiniRegFormText">';
str+='                        </div>';
str+='';
str+='                        <div id="TxtWindowPosMiniReg">';
str+='                            <input type="text" name="emailConfirm" value="Retype E-mail" class="MiniRegFormText">';
str+='                        </div>';
str+='';
str+='                        <div id="CheckboxPos">';
str+='                            <input type="checkbox" name="agree" checked onclick="toggleCheck(this, event)">';
str+='                        </div>';
str+='';
str+='                        <div id="CheckboxPos2">';
str+='                            <span id="MiniRegText2">Yes, I accept Glam.com\'s <a href="#" target="_TERMS" onclick="window.open(\'http://ca-family.glam.com/app/site/loadServicePage.act?id=8158929\', \'TERMS\',\'toolbar=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes\'); return false;">terms of use</a></span>';
str+='                        </div>';
str+='';
str+='                        <div id="CheckboxPos">';
str+='                            <input type="checkbox" name="checkbox1" checked onclick="toggleCheck(this, event)">';
str+='                        </div>';
str+='';
str+='                        <div id="CheckboxPos2">';
str+='                            <span id="MiniRegText2">Yes, I\'d like to receive Glam e-mail updates</span>';
str+='                        </div>';
str+='';
str+='                        <div id="CheckboxPos">';
str+='                            <input type="checkbox" name="checkbox2" onclick="toggleCheck(this, event)">';
str+='                        </div>';
str+='';
str+='                        <div id="CheckboxPos2">';
str+='                            <span id="MiniRegText2">Yes, I\'d like to receive special offers from Glam.com\'s partners</span>';
str+='                        </div>';
str+='';
str+='                        <div id="CheckboxPos2">';
str+='                            <span id="MiniRegText2">Glam respects your <a href="#" target="_PRIVACY" onclick="window.open(\'http://ca-family.glam.com/app/site/loadServicePage.act?id=5357926&pageId=5357941\', \'PRIVACY\',\'toolbar=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes\'); return false;">privacy</a>.</span>';
str+='                        </div>';
str+='';
str+='                        <div id="TxtWindowPosMiniReg">';
str+='                            <img onclick="doMiniReg(\'http://ca-family.glam.com/app/site/register/doRegister.act\', \'registrationForm\'); return false;" src="http://fileserver2.glam.com/app/site/images/mini/RegisterNowButton.gif">';
str+='                        </div>';
str+='';
str+='';
str+='                        <div id="TxtWindowPosRegistered">';
str+='                            <span id="MiniRegText3">Already a member? Sign in below.</span>';
str+='                            <span id="MiniRegText3">';
str+='                                <a href="#" target="FORGOT" onclick="window.open(\'http://ca-family.glam.com/app/site/campaign/loadCampaignPage.act?id=5397198&typeId=22\', \'FORGOT\',\'toolbar=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes\'); return false;">Forgot your password</a>?';
str+='                            </span>';
str+='                        </div>';
str+='                        ';
str+='                   </form>';
str+='                   </div>';
str+='';
str+='                        <div id="TxtWindowPosPass">';
str+='                            <span id="MiniRegText2b">Username</span>';
str+='                        </div>';
str+='';
str+='                        <div id="TxtWindowPosPass">';
str+='                            <span id="MiniRegText2b">Password</span>';
str+='                        </div>';
str+='';
str+='                   <form id="loginForm" name="loginForm">';
str+='                        <div id="TxtWindowPosMiniReg">';
str+='                            <input type="text" name="username" value="Username or E-mail" class="MiniRegFormText">';
str+='                        </div>';
str+='';
str+='                        <div id="TxtWindowPosMiniReg">';
str+='                            <input type="password" name="password" value="" class="MiniRegFormText">';
str+='                        </div>';
str+='';
str+='                        <div id="TxtWindowPosPass2">';
str+='                            <img onclick="doMiniReg(\'http://ca-family.glam.com/app/site/register/doLogin.act\', \'loginForm\'); return false;" src="http://fileserver2.glam.com/app/site/images/mini/LoginButton2.gif">';
str+='                        </div>';
str+='                   </form>';
str+='';
str+='                </div>';
str+='            </div>';
str+='        </div>';
str+='';
str+='        <div class="AbsolutePositioning" id="MiniRegShadowSz"><div id="MiniRegShadowBg"></div></div>';
str+='    </div>';
str+='';
str+='           ';
str+='<div id="loginHeader" style="font-family: Arial, Verdana, sans-serif;">';
str+='</div>       ';
document.write(str);
msgParams = {
    username: "john"
}

checkLoggedIn('http://ca-family.glam.com/app/site/register/doCheckLogin.act', msgParams, str);