/**
 * aheadWorks Co.
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the EULA
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://ecommerce.aheadworks.com/LICENSE-M1.txt
 *
 * @category AW
 * @package AW_Referafriend
 * @copyright Copyright (c) 2003-2009 aheadWorks Co. (http://www.aheadworks.com)
 * @license http://ecommerce.aheadworks.com/LICENSE-M1.txt
 */

var rafDetect = navigator.userAgent.toLowerCase();
var rafOS,rafBrowser,rafVersion,rafTotal,rafThestring;

function rafGetBrowserInfo() {
 if (rafCheckIt('konqueror')) {
 rafBrowser = "Konqueror";
 rafOS = "Linux";
 }
 else if (rafCheckIt('safari')) rafBrowser = "Safari"
 else if (rafCheckIt('omniweb')) rafBrowser = "OmniWeb"
 else if (rafCheckIt('opera')) rafBrowser = "Opera"
 else if (rafCheckIt('webtv')) rafBrowser = "WebTV";
 else if (rafCheckIt('icab')) rafBrowser = "iCab"
 else if (rafCheckIt('msie')) rafBrowser = "Internet Explorer"
 else if (!rafCheckIt('compatible')) {
 rafBrowser = "Netscape Navigator"
 rafVersion = rafDetect.charAt(8);
 }
 else rafBrowser = "An unknown browser";

 if (!rafVersion) rafVersion = rafDetect.charAt(place + rafThestring.length);

 if (!rafOS) {
 if (rafCheckIt('linux')) rafOS = "Linux";
 else if (rafCheckIt('x11')) rafOS = "Unix";
 else if (rafCheckIt('mac')) rafOS = "Mac"
 else if (rafCheckIt('win')) rafOS = "Windows"
 else rafOS = "an unknown operating system";
 }
}

function rafCheckIt(string) {
 place = rafDetect.indexOf(string) + 1;
 rafThestring = string;
 return place;
}

/*-----------------------------------------------------------------------------------------------*/

//Event.observe(window, 'load', rafInitialize, false);
Event.observe(window, 'load', rafGetBrowserInfo, false);
//Event.observe(window, 'unload', Event.unloadCache, false);

var Referafriend = Class.create();
Referafriend.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));
 $('referafriend').hide().observe('click', (function(event) {if (event.element().id == 'referafriend-cancel') this.deactivate(); }).bind(this));
 $('referafriend-overlay').hide().observe('click', (function(event) {if (event.element().id == 'referafriend-overlay') this.deactivate(); }).bind(this));
 $('referafriend').hide().observe('click', (function(event) {if (event.element().id == 'referafriend-close') this.deactivate(); }).bind(this));
 },
 
 activate: function(){
 if (rafBrowser == 'Internet Explorer'){
 this.getScroll();
 this.prepareIE('100%', 'hidden');
 this.setScroll(0,0);
 this.hideSelects('hidden');
 }
 this.displayReferafriend("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); 
 },
 
 displayReferafriend: function(display){
 $('referafriend-overlay').style.display = display;
 $('referafriend').style.display = display;
 if(display != 'none') this.loadInfo();
 },
 
 loadInfo: function() {
 $('referafriend').className = "loading";
 var myAjax = new Ajax.Request(
 this.content,
 {method: 'post', parameters: "", onComplete: this.processInfo.bindAsEventListener(this)}
 );
 
 },
 
 processInfo: function(response){
 $('rafContent').update(response.responseText);
 $('referafriend').className = "done";
 this.isLoaded = true;
 this.actions();
 },
 
 actions: function(){
 rafActions = document.getElementsByClassName('rafAction');
 },
 
 deactivate: function(){
 //Element.remove($('rafContent'));
 
 if (rafBrowser == "Internet Explorer"){
 this.setScroll(0,this.yPos);
 this.prepareIE("auto", "auto");
 this.hideSelects("visible");
 }
 
 this.displayReferafriend("none");
 }
}

/*-----------------------------------------------------------------------------------------------*/


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

var ReferafriendForm = Class.create();
ReferafriendForm.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 = $('invite-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 = $('invite-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;
 }
 $('rafContent').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 = $('invite-button-container');
 if (isDisabled){
 container.setStyle({opacity:.5});
 this._disableEnableAll(container, true);
 Element.show('invite-please-wait');
 this.loadWaiting = true;
 } else {
 container.setStyle({opacity:1});
 this._disableEnableAll(container, false);
 Element.hide('invite-please-wait');
 this.loadWaiting = false;
 }
 },
 
 resetLoadWaiting: function(transport){
 this.setLoadWaiting(false);
 }
}

function FFSuggest() {
 
 var pRequest;
 var pLayer;
 var pDebug = false;
 var pInstanceName = '';
 var pSearchURL = '';
 var pQueryParamName = '';
 var pFormname = '';
 var pLayerName = '';
 var pQueryInput;
 var pSuggest = new Array();
 var pLastQuery;
 var pCurrentSelection = 0;
 var submitted = false;

 var pSuggestQueryClass = 'suggestTextQuery';
 var pSuggestTypeClass = 'suggestTextType';
 var pSuggestAmountClass = 'suggestTextAmount';
 var pSuggestQueryTypedClass = 'suggestTextQueryTyped';
 var pSuggestFooterClass = 'suggestFooter';
 var pSuggestHeaderClass = 'suggestHeader';
 var pSuggestRowClass = 'suggestRow';
 var pSuggestHighlightClass = 'suggestHighlight';

 this.init = function(searchURL, formname, queryParamName, divLayername, instanceName, debugMode, channelParamName, channel) {
 pSearchURL = searchURL;
 pFormname = formname;
 pQueryParamName = queryParamName;
 pChannelParamName = channelParamName;
 pChannel = channel;
 pLayerName = divLayername;
 pInstanceName = instanceName;
 pDebug = debugMode;
 if (pSearchURL == '') { 
 if (pDebug) alert('no searchurl defined');
 return null;
 } else if (pInstanceName == '') {
 if (pDebug) alert('no instancename defined');
 return null;
 } else if (pFormname == '') {
 if (pDebug) alert('no formname defined');
 return null;
 } else if (pQueryParamName == '') {
 if (pDebug) alert('no queryparamname defined');
 return null;
 } else if (pLayerName == '') {
 if (pDebug) alert('need a layer for output');
 }
 pQueryInput = document[pFormname][pQueryParamName];
 pQueryInput.onkeyup = handleKeyPress;
 pQueryInput.onfocus = showLayer;
 pQueryInput.onblur = hideLayer;
 document[pFormname].onsubmit = handleSubmit;
 }
 
 function handleSubmit() {
 submitted = true;
 if (pSuggest[pCurrentSelection] != undefined) {
 document[pFormname][pQueryParamName].value = pSuggest[pCurrentSelection].split('###')[0];
 if(document[pFormname]['queryFromSuggest'] != null){
 document[pFormname]['queryFromSuggest'].value = true;
 }
 }
 }
 
 this.handleClick = function() {
 if (pSuggest[pCurrentSelection] != undefined) {
 document[pFormname][pQueryParamName].value = pSuggest[pCurrentSelection].split('###')[0];
 if(document[pFormname]['queryFromSuggest'] != null){
 document[pFormname]['queryFromSuggest'].value = true;
 }
 document[pFormname].submit();
 }
 }
 
 this.handleMouseOver = function(pos) {
 var tblCell = getTableCell(pos);
 unmarkAll();
 if (tblCell != null) {
 highlightSuggest(tblCell);
 pCurrentSelection = pos;
 }
 }
 
 this.handleMouseOut = function(pos) {
 var tblCell = getTableCell(pos);
 if (tblCell != null) {
 unmarkSuggest(tblCell);
 pCurrentSelection = -1
 }
 }
 
 function handleKeyPress(evt) {
 evt = (evt) ? evt : ((event) ? event : null);
 var keyCode = evt.keyCode;
 if (keyCode == 38) {
 moveSelection('up')
 } else if (keyCode == 27) { 
 hideLayer();
 } else if (keyCode == 40) {
 moveSelection('down');
 } else {
 if (pQueryInput.value == '') {
 hideLayer();
 if (pLayer != null){ pLayer.innerHTML = ''; }
 return null;
 }
 if (pLastQuery != pQueryInput.value){ startAjax(); }
 pLastQuery = pQueryInput.value;
 }
 }
 
 function moveSelection(direction) {
 var pos = pCurrentSelection;
 if (direction == 'up'){ pos--; }
 else{ pos += 1; }
 
 if (pos < 0) {
 unmarkAll();
 pQueryInput.focus();
 pCurrentSelection = -1;
 } else {
 var tblCell = getTableCell(pos);
 if (tblCell != null) {
 unmarkAll();
 highlightSuggest(tblCell);
 pCurrentSelection = pos;
 }
 }
 
 var query = pQueryInput.value;
 pQueryInput.value = '';
 pQueryInput.focus();
 pQueryInput.value = query; 
 }
 
 function startAjax() {
 var query = pQueryInput.value;
 var requestURL = pSearchURL +'?'+ pQueryParamName +'='+ escape(query) +'&'+ pChannelParamName +'='+ pChannel;
 
 try {
 if( window.XMLHttpRequest ) {
 pRequest = new XMLHttpRequest();
 } else if( window.ActiveXObject ) {
 pRequest = new ActiveXObject( "Microsoft.XMLHTTP" );
 } else {
 if (pDebug) alert( 'no ajax connection' );
 }
 
 pLayer = document.getElementById(pLayerName);
 if (pLayer != null) {
 if (query != '') {

 pRequest.open( "GET", requestURL, true );
 pRequest.onreadystatechange = callbackAjax;
 pRequest.send( null );
 } else {
 hideLayer();
 }
 } else {
 if (pDebug) alert( 'no layer for output found' );
 }
 } catch( ex ) {
 hideLayer();
 if (ex == undefined) {
 if (pDebug) alert( 'Error: ' + ex.getmessage );
 } else {
 if (pDebug) alert( 'Error: ' + ex );
 }
 }
 }
 
 function hideLayer() {
 if (pLayer != null) {
 pLayer.style.display = 'none';
 fireSuggestLayerHidden();
 }
 }
 
 this.hideLayerOutsideCall = function() {
 if (pLayer != null) {
 pLayer.style.display = 'none';
 fireSuggestLayerHidden();
 }
 }
 
 function showLayer() {
 if (pLayer != null && pSuggest != null && pSuggest.length >= 1) {
 pLayer.style.display = 'block';
 }
 }
 
 function callbackAjax() {
 if (submitted == false) {
 if (pRequest.readyState == 4) {
 if (pRequest.status != 200) {
 hideLayer();
 if (pDebug) alert( 'Error (' + pRequest.status + '): ' + pRequest.statusText );
 } else {
 handleResponse(pRequest.responseText);
 }
 }
 }
 }

 // calls the callback for "outside" listeners if the callback is implemented
 function fireSuggestCompleted(suggestLayerIsVisible) {
 if (typeof(onSuggestCompleted) == 'function') {
 onSuggestCompleted(suggestLayerIsVisible);
 }
 }
 
 // calls the callback for "outside" listeners if the callback is implemented
 function fireSuggestLayerHidden() {
 if (typeof(onSuggestLayerHidden) == 'function') {
 onSuggestLayerHidden();
 }
 }

 function handleResponse(text) {
 pCurrentSelection = -1;
 pSuggest = new Array();
 pSuggest = text.split('\n');
 var outputText = '<table cellpadding="0" cellspacing="0" class="' + pLayerName + '" width="100%" border="0" onMouseDown="' + pInstanceName + '.handleClick();">';
 outputText += '<tr class="'+pSuggestHeaderClass+'" ><td nowrap="nowrap" colspan="3"><ff:jsescape><bean:message bundle="Suggest" key="header" /></ff:jsescape></td></tr>';
 
 var pNewSuggest = new Array();
 //for (var i in pSuggest) {
 for (var i = 0; i < pSuggest.length; i++) {
 var firstChar = pSuggest[i].charCodeAt(0);
 
 if (firstChar != 13 && firstChar != 10 && pSuggest[i].length >= 1) {
 pNewSuggest.push(pSuggest[i]);
 }
 }
 pSuggest = pNewSuggest;
 var query = pQueryInput.value;
 
 for (var i = 0; i < pSuggest.length; i++) {
 pSuggestParts = new Array();
 pSuggestParts = pSuggest[i].split("###");
 
 outputText += '<tr id="' + pLayerName + '_' + i + '" class="'+pSuggestRowClass+'" onMouseOver="' + pInstanceName + '.handleMouseOver(' + i + ');" onMouseOut="' + pInstanceName + '.handleMouseOut(' + i + ');">'
 +'<td nowrap="nowrap" class="'+ pSuggestQueryClass +'">' + pSuggestParts[0].replace(new RegExp("("+query+")","ig"),'<span class="'+pSuggestQueryTypedClass+'">$1</span>') + '</td>'
 +'<td nowrap="nowrap" class="'+ pSuggestTypeClass +'">' + pSuggestParts[2] + '</td>'
 +'</tr>';
 }
 outputText += '<tr><td class="'+pSuggestFooterClass+'" colspan="3">&nbsp;</td></tr></table>';
 if (pSuggest.length >= 1) {
 showLayer();
 pLayer.innerHTML = outputText;

 // calback for "outside" listeners
 fireSuggestCompleted(true);
 } else {
 hideLayer();
 pLayer.innerHTML = '';
 
 // calback for "outside" listeners
 fireSuggestCompleted(false);
 }
 
 }
 
 function highlightSuggest(tblCell) {
 tblCell.className = pSuggestHighlightClass; 
 }
 
 function unmarkSuggest(tblCell) {
 tblCell.className = pSuggestRowClass; 
 }
 
 function unmarkAll() {
 var tblCell;
 //for (var i in pSuggest) {
 for (var i = 0; i < pSuggest.length; i++) {
 tblCell = getTableCell(i);
 if (tblCell != null) {
 unmarkSuggest(tblCell);
 }
 }
 }
 
 function getTableCell(pos) {
 var tblCell;
 tblCell = document.getElementById(pLayerName + '_' + pos);
 return tblCell;
 }
}
var LiveChatPeriodUpdater = null;

String.prototype.trim = function()
{
 return this.replace(/(?:^\s+|\s+$)/g, "");
}

function SendMessage()
{
 var customermessage = document.getElementById('textmessage').value.trim();
 document.getElementById('textmessage').value = '';
 if (customermessage != '')
 {
 var img = document.getElementById('livachat_ajax_loader');
 if (img != null)
 {
 img.style.display = 'inline';
 }
 
 if (LiveChatPeriodUpdater != null) {
 LiveChatPeriodUpdater.stop();
 }
 
 var setBottom = isScrollAtBottom();
 Insertion.Bottom('livechat_messages', "<b>" + customerName + "</b> : " + customermessage + "<br />");
 if (setBottom) {
 ScrollChatWindowToBottom();
 }
 
 var request = new Ajax.Request(
 urlSendMessage,
 {
 method: 'get',
 parameters: { message: customermessage },
 onSuccess: function(transport, json) {
 SetUpdater();
 if (LiveChatPeriodUpdater != null) {
 LiveChatPeriodUpdater.stop();
 }
 LiveChatPeriodUpdater.start();
 
 var img = document.getElementById('livechat_ajax_loader');
 if (img != null) {
 img.style.display = 'none';
 }
 
 }
 }
 );
 }
}

function SetUpdater()
{
 var setBottom = false;
 ScrollChatWindowToBottom(true);
 
 if (LiveChatPeriodUpdater == null)
 {
 LiveChatPeriodUpdater = new Ajax.PeriodicalUpdater(
 'livechat_messages',
 urlUpdater,
 {
 frequency: frequency,
 decay: decay,
 onSuccess: 
 function() {
 setBottom = isScrollAtBottom();
 },
 onComplete: 
 function() { 
 if(setBottom) {
 ScrollChatWindowToBottom();
 }
 }
 }
 );
 }
}

function isScrollAtBottom() {
 return $('livechat_messages').scrollTop >= $('livechat_messages').scrollHeight - $('livechat_messages').getHeight();
}

function ScrollChatWindowToBottom() { 
 $('livechat_messages').scrollTop = $('livechat_messages').scrollHeight;
}

function LiveChatKeyPress(e) {
 if (e.keyCode == 13) {
 SendMessage();
 }
}

function chatOpen() {
 var request = new Ajax.Request('/flivechat/chat/openchat',
 {
 method: 'get',
 parameters: { open: 'true' },
 onSuccess: function(transport) {
 location.reload();
 }
 }
 );
}