/**
 * XIN SYNERGY PTE LTD
 * 
 * ====================================================================================
 * 								NOTICE OF LICENSE
 * ====================================================================================
 * This source file is subject to the EULA that is bundled with this package in the file 
 * License Agreement for Magento Modules.pdf. 
 * It is also available through the world-wide-web at this URL: 
 * http://www.xinplaza.com/media/License Agreement for Magento Modules.pdf
 * 
 * ====================================================================================
 *                 			MAGENTO EDITION USAGE NOTICE
 * ====================================================================================
 * This package designed for Magento COMMUNITY edition, Xin Synergy does not guarantee 
 * correct work of this extension on any other Magento edition. Xin Synergy does not 
 * provide extension support in case of incorrect edition usage.
 *
 * ====================================================================================
 *                 					DISCLAIMER
 * ====================================================================================
 * Do not edit or add to this file if you wish to upgrade this module to newer versions
 * in the future. Any customization done to this module are at your own risk and we do 
 * not provide support or gurrantee upgradeable if available.
 *
 * @category   XP
 * @package    XP_Referfriends
 * @copyright  Copyright (c) 2010-2011 Xin Synergy Pte Ltd (http://www.xinsynergy.com)
 * @license    http://www.xinplaza.com/media/License Agreement for Magento Modules.pdf
 *
 */

var rfDetect = navigator.userAgent.toLowerCase();
var rfOS,rfBrowser,rfVersion,rfTotal,rfThestring;
function cancelbtn()
{
    height				= "auto";
    overflow			= "auto";
    visibility			="visible";
    window.scrollTo(0,this.yPos);
    bod					= document.getElementsByTagName('body')[0];
    bod.style.height	= height;
    bod.style.overflow	= overflow;
    htm					= document.getElementsByTagName('html')[0];
    htm.style.height	= height;
    htm.style.overflow	= overflow;
    selects = document.getElementsByTagName('select');
        for(i = 0; i < selects.length; i++)
        {
            selects[i].style.visibility = visibility;
        }
        display = 'none';
        $('referfriends-overlay').style.display = display;
        $('referfriends').style.display = display;
        if(display != 'none') this.loadInfo();
}

function rfGetBrowserInfo()
{
    if (rfCheckIt('konqueror'))
    {
        rfBrowser		= "Konqueror";
        rfOS			= "Linux";
    }
    else if (rfCheckIt('safari')) rfBrowser 	= "Safari"
    else if (rfCheckIt('omniweb')) rfBrowser	= "OmniWeb"
    else if (rfCheckIt('opera')) rfBrowser		= "Opera"
    else if (rfCheckIt('webtv')) rfBrowser		= "WebTV";
    else if (rfCheckIt('icab')) rfBrowser		= "iCab"
    else if (rfCheckIt('msie')) rfBrowser		= "Internet Explorer"
    else if (!rfCheckIt('compatible'))
    {
        rfBrowser		= "Netscape Navigator"
        rfVersion		= rfDetect.charAt(8);
    }
    else rfBrowser		= "An unknown browser";
    if (!rfVersion) rfVersion = rfDetect.charAt(place + rfThestring.length);
    if (!rfOS)
    {
        if (rfCheckIt('linux')) rfOS 			= "Linux";
        else if (rfCheckIt('x11')) rfOS 		= "Unix";
        else if (rfCheckIt('mac')) rfOS 		= "Mac"
        else if (rfCheckIt('win')) rfOS 		= "Windows"
        else rfOS 								= "an unknown operating system";
    }
}

function rfCheckIt(string)
{
    place = rfDetect.indexOf(string) + 1;
    rfThestring = string;
    return place;
}

Event.observe(window, 'load', rfGetBrowserInfo, false);
var Referfriends = Class.create();
Referfriends.prototype = {
    yPos : 0,
    xPos : 0,
    isLoaded : false,
    initialize: function(ctrl, url)
    {
        if (url)
        {
            this.content = url;
        }
        else
        {
            this.content = ctrl.href;
        }
        ctrl.observe('click', function(event)
        {
            this.activate();
            Event.stop(event);
        }.bind(this));
        $('referfriends').hide().observe('click', (function(event)
        {
            if ((event.element().id == 'referfriends-cancel') || (event.element().id == 'span-referfriends-cancel')  ) this.deactivate();
        }).bind(this));
    },
    activate: function()
    {
        if (rfBrowser == 'Internet Explorer')
        {
            this.getScroll();
            this.prepareIE('100%', 'hidden');
            this.setScroll(0,0);
            this.hideSelects('hidden');
        }
        this.displayReferfriends("block");
    },
    prepareIE: function(height, overflow)
    {
        bod = document.getElementsByTagName('body')[0];
        bod.style.height = height;
        bod.style.overflow = overflow;

        htm = document.getElementsByTagName('html')[0];
        htm.style.height = height;
        htm.style.overflow = overflow;
    },
    hideSelects: function(visibility)
    {
        selects = document.getElementsByTagName('select');
        for(i = 0; i < selects.length; i++)
        {
            selects[i].style.visibility = visibility;
        }
    },
    getScroll: function()
    {
        if (self.pageYOffset)
        {
            this.yPos = self.pageYOffset;
        }
        else if (document.documentElement && document.documentElement.scrollTop)
        {
            this.yPos = document.documentElement.scrollTop;
        }
        else if (document.body)
        {
            this.yPos = document.body.scrollTop;
        }
    },
    setScroll: function(x, y)
    {
        window.scrollTo(x, y);
    },
    displayReferfriends: function(display)
    {
        $('referfriends-overlay').style.display = display;
        $('referfriends').style.display = display;
        if(display != 'none') this.loadInfo();
    },
    loadInfo: function()
    {
        $('referfriends').className = "loading";
        var myAjax = new Ajax.Request(
            this.content,
            {
                method: 'post',
                parameters: "",
                onComplete: this.processInfo.bindAsEventListener(this)
            }
        );
    },
    processInfo: function(response)
    {
        $('rfContent').update(response.responseText);
        $('referfriends').className = "done";
        this.isLoaded = true;
        this.actions();
    },
    actions: function()
    {
        rfActions = $$('rfAction');
    },
    deactivate: function()
    {
        if (rfBrowser == "Internet Explorer")
        {
            this.setScroll(0,this.yPos);
            this.prepareIE("auto", "auto");
            this.hideSelects("visible");
        }
        this.displayReferfriends("none");
    }
}

function addReferfriendsMarkup()
{
    bod 				= document.getElementsByTagName('body')[0];
    overlay 			= document.createElement('div');
    overlay.id			= 'referfriends-overlay';
    rf					= document.createElement('div');
    rf.id				= 'referfriends';
    rf.className 		= 'loading';
    rf.innerHTML		= '<div id="rfLoadMessage">' + '<p>Loading</p>' + '</div>';
    bod.appendChild(overlay);
    bod.appendChild(rf);
}

var ReferfriendsForm = Class.create();
ReferfriendsForm.prototype = {
    initialize: function(form)
    {
        this.form = form;
        if ($(this.form))
        {
            this.sendUrl = $(this.form).action;
            $(this.form).observe('submit', function(event)
            {
                this.send();
                Event.stop(event);
            }.bind(this));
        }
        this.loadWaiting	= false;
        this.validator		= new Validation(this.form);
        this.onSuccess		= this.success.bindAsEventListener(this);
        this.onComplete		= this.resetLoadWaiting.bindAsEventListener(this);
        this.onFailure		= this.resetLoadWaiting.bindAsEventListener(this);
        var container		= $('invitation-login-container');
        if (container && container.style.display == 'none')
        {
            this._disableEnableAll(container, true);
        }
    },
    send: function()
    {
        if(!this.validator.validate())
        {
            return false;
        }
        this.setLoadWaiting(true);
        var request = new Ajax.Request(
            this.sendUrl,
            {
                method:'post',
                onComplete: this.onComplete,
                onSuccess: this.onSuccess,
                onFailure: this.onFailure,
                parameters: Form.serialize(this.form)
            }
        );
    },
    success: function(transport)
    {
        this.resetLoadWaiting();
        if (transport && transport.responseText)
        {
            try
            {
                response = eval('(' + transport.responseText + ')');
            }
            catch (e)
            {
                response = {};
            }
        }
        if (response.error)
        {
            if (response.error_type == 'no_login')
            {
                var container = $('invitation-login-container');
                if (container)
                {
                    container.show();
                    this._disableEnableAll(container, false);
                }
            }
            if ((typeof response.message) == 'string')
            {
                alert(response.message);
            }
            else
            {
                alert(response.message.join("\n"));
            }
            return false;
        }
        $('rfContent').update(transport.responseText);
    },
    _disableEnableAll: function(element, isDisabled)
    {
        var descendants = element.descendants();
        for (var k in descendants)
        {
            descendants[k].disabled = isDisabled;
        }
        element.disabled = isDisabled;
    },
    setLoadWaiting: function(isDisabled)
    {
        var container = $('invitation-button-container');
        if (isDisabled)
        {
            container.setStyle({opacity:.5});
            this._disableEnableAll(container, true);
            Element.show('invitation-please-wait');
            this.loadWaiting = true;
        }
        else
        {
            container.setStyle({opacity:1});
            this._disableEnableAll(container, false);
            Element.hide('invitation-please-wait');
            this.loadWaiting = false;
        }
    },
    resetLoadWaiting: function(transport)
    {
        this.setLoadWaiting(false);
    }
}