/**
* RokAjaxSearch Module
*
* @package Joomla
* @subpackage RokAjaxSearch Module
* @copyright Copyright (C) 2009 RocketTheme. All rights reserved.
* @license http://www.gnu.org/copyleft/gpl.html GNU/GPL, see RT-LICENSE.php
* @author RocketTheme, LLC
*
*/
var RokAjaxSearch = new Class({
version: "2.0 (mt 1.2)",
Implements: [Options, Events],
options: {
'results': null,
'close': null,
'websearch': false,
'blogsearch': false,
'imagesearch': false,
'videosearch': false,
'imagesize': 'MEDIUM',
'safesearch': 'MODERATE',
'search': null,
'readmore': null,
'noresults': null,
'advsearch': null,
'searchlink': null,
'advsearchlink': null,
'page': null,
'page_of': null,
'uribase': null,
'limit': null,
'perpage': null,
'ordering': null,
'phrase': null,
'keyevents': true,
'hidedivs': null,
'includelink': null,
'viewall': null,
'estimated': null,
'showestimated': true,
'showpagination': true,
'showcategory': true,
'showreadmore': true,
'showdescription': true,
'wordpress': false
},
initialize: function(options) {
this.setOptions(options);
this.timer = null;
this.rows = ['roksearch_odd', 'roksearch_even'];
this.searchphrase = this.options.phrase;
this.inputBox = document.getElements('#rokajaxsearch input.inputbox').set('autocomplete', 'off');
var pos = this.inputBox.getCoordinates();
var last = document.id(document.body).getLast();
if (last && last.get('id') == 'roksearch_results'){
this.results = last;
} else {
this.results = document.id('roksearch_results').setStyles({
'position': 'absolute',
'top': pos[0].top + pos[0].height,
'left': this.getLeft()
}).inject(document.body);
}
this.fx = new Fx.Tween(this.results).set('opacity', 0);
this.current = 0;
var self = this;
window.addEvent('resize', function() {
self.results.setStyles({'top': self.getTop(), 'left': self.getLeft()});
});
this.type = 'local';
var perpage = this.options.perpage;
if (this.options.websearch || this.options.blogsearch || this.options.imagesearch) {
document.getElements('#rokajaxsearch .search_options input[type=radio]').each(function(input) {
input.addEvent('click', function() {
this.type = input.value;
if (this.type == 'web' || this.type == 'blog' || this.type == 'images' || this.type == 'videos') {
this.options.perpage = 4;
if (this.type == 'web') this.google = new google.search.WebSearch();
else if (this.type == 'blog') this.google = new google.search.BlogSearch();
else if (this.type == 'images') {
this.options.perpage = 3;
this.google = new google.search.ImageSearch();
this.google.setRestriction(google.search.ImageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch['IMAGESIZE_' + this.options.imagesize]);
} else if (this.type == 'videos') {
this.options.perpage = 3;
this.google = new google.search.VideoSearch();
}
if (this.type != 'blog' && this.type != 'videos') this.google.setRestriction(google.search.Search.RESTRICT_SAFESEARCH, google.search.Search['SAFESEARCH_' + this.options.safesearch]);
this.google.setResultSetSize(google.search.Search.SMALL_RESULTSET);
this.google.setNoHtmlGeneration();
this.google.setSearchCompleteCallback(this, this.googleComplete);
}
else this.options.perpage = perpage;
}.bind(this));
}, this);
//.setSearchStartingCallback(this, this.googleStart);
}
this.addEvents();
this.keyEvents();
},
getTop: function(input) {
input = document.id(input ? input : this.inputBox[0]);
if (!input) { return; }
var pos = input.getCoordinates(), y = document.id('roksearch_results').getSize().y;
var win = document.id(window).getSize(), top;
if (win.y / 2 < pos.top + pos.height) {
top = pos.top + pos.height ;
} else {
top = pos.top + pos.height;
}
if (top < 0) top = pos.top + pos.height;
return top;
},
getLeft: function(input) {
input = document.id(input ? input : this.inputBox[0]);
if (!input) { return; }
var pos = input.getBoundingClientRect(), x = document.id('roksearch_results').getSize().x;
var win = document.id(window).getSize(), left;
if (win.x / 2 < pos.left + pos.width) {
left = pos.left + pos.width - x;
} else {
left = pos.left;
}
if (left < 0) left = pos.left;
return left;
},
googleStart: function() {
if (!this.inputBox.hasClass('loading')) this.inputBox.addClass('loading');
this.google.execute(this.inputBox.value);
},
googleComplete: function() {
var results = this.google.results;
var tmp = document.id('rokajaxsearch_tmp');
// console.log(results);
var ol = new Element('ol', {'class': 'list'}).inject(tmp);
if (this.type == 'web') {
results.each(function(res) {
var li = new Element('li');
var title_link = new Element('a', {'href': res.unescapedUrl}).set('target', '_blank').set('html', res.title);
var title = new Element('h4').inject(li).adopt(title_link);
var category = new Element('p').set('html', ''+res.visibleUrl+'').inject(li);
var content = res.content;
content = content.replace('', '').replace('', '');
var desc = new Element('div', {'class': 'description'}).set('html', content).inject(li);
li.inject(ol);
});
} else if (this.type == 'blog') {
results.each(function(res) {
var li = new Element('li');
var title_link = new Element('a', {'href': res.postUrl}).set('target', '_blank').set('html', res.title);
var title = new Element('h4').inject(li).adopt(title_link);
var category = new Element('p').set('html', 'by '+res.author+' - '+res.blogUrl+'').inject(li);
var content = res.content;
content = content.replace('', '').replace('', '');
var desc = new Element('div', {'class': 'description'}).set('html', content).inject(li);
li.inject(ol);
});
} else if (this.type == 'images') {
results.each(function(res) {
var li = new Element('li');
var title_link = new Element('a', {'href': res.url}).set('target', '_blank').set('html', res.title);
var title = new Element('h4').inject(li).adopt(title_link);
var category = new Element('p').set('html', ''+res.visibleUrl+'').inject(li);
var content = res.content;
content = content.replace('', '').replace('', '');
var desc = new Element('div', {'class': 'description'}).set('html', content).inject(li);
var thumb_container = new Element('div', {'class': 'google-thumb-image loading'}).inject(desc);
thumb_container.setStyles({
'width': res.tbWidth.toInt(),
'height': res.tbHeight.toInt()
});
var a = new Element('a', {'href': res.url, 'target': '_blank'}).inject(thumb_container);
var img = new Element('image', {
width: res.tbWidth.toInt(),
height: res.tbHeight.toInt(),
src: res.tbUrl
}).inject(a);
li.inject(ol);
});
} else if (this.type == 'videos') {
results.each(function(res) {
var li = new Element('li');
var title_link = new Element('a', {'href': res.playUrl}).set('target', '_blank').set('html', res.title);
var title = new Element('h4').inject(li).adopt(title_link);
var seconds = res.duration.toInt();
var duration = '00:' + ((seconds < 10) ? '0' + seconds : seconds);
if (seconds >= 60) {
var m = seconds / 60;
var s = seconds - (m * 60);
m = m.toInt(); s = s.toInt();
if (m < 10) m = '0' + m;
if (s < 10) s = '0' + s;
duration = m + ':' + s;
if (m >= 60) {
var h = m / 60;
h = h.toInt();
if (h < 10) h = '0' + h;
duration = h + duration;
}
}
var category = new Element('p').set('html', 'Rating: '+(parseFloat(res.rating)).toFixed(2)+' | Duration: '+duration+' '+res.videoType+'').inject(li);
var desc = new Element('div', {'class': 'description'}).set('html', '').inject(li);
var thumb_container = new Element('div', {'class': 'google-thumb-image loading'}).inject(desc);
thumb_container.setStyles({
'width': res.tbWidth.toInt(),
'height': res.tbHeight.toInt(),
'text-align': 'center'
});
var a = new Element('a', {'href': res.url, 'target': '_blank'}).inject(thumb_container);
var img = new Element('image', {
src: res.tbUrl,
width: res.tbWidth.toInt(),
height: res.tbHeight.toInt()
}).inject(a);
li.inject(ol);
});
}
this.results.empty().removeClass('roksearch_results').setStyle('visibility', 'visible');
this.arrowleft = null;
this.arrowright = null;
this.selectedEl = -1;
this.els = [];
this.outputTableless();
tmp.empty().setStyle('visibility','visible');
this.inputBox.removeClass('loading');
var pos = this.inputBox.getCoordinates(), self = this;
this.results.setStyles({
'top': pos.top + pos.height,
'left': self.getLeft()
});
this.fx.start('opacity', 1);
this.fireEvent('loaded');
//console.log(this.google.cursor);*/
},
addEvents: function() {
var self = this;
this.inputBox.addEvents({
'keydown': function(e) {
clearTimeout(this.timer);
if (e.key == 'enter') e.stop();
},
'keyup': function(e) {
if (e.code == 17 || e.code == 18 || e.code == 224 || e.alt || e.control || e.meta) return false;
if (e.alt || e.control || e.meta || e.key == 'esc' || e.key == 'up' || e.key == 'down' || e.key == 'left' || e.key == 'right') return true;
if (e.key == 'enter') e.stop();
if (e.key == 'enter' && self.selectedEl != -1) {
if (self.selectedEl || self.selectedEl == 0) location.href = self.els[self.selectedEl].getFirst('a');
return false;
}
clearTimeout(self.timer);
var lnk = self.options.searchlink.split("?")[0];
lnk = lnk.replace(self.options.uribase, '');
lnk = (lnk) ? lnk : "index.php";
var uri = self.options.uribase + lnk, input = this;
if (self.options.wordpress) uri = self.options.uribase + self.options.searchlink;
if (this.value == ''){
var splitDivs = self.options.hidedivs.split(" ");
self.results.empty().removeClass('roksearch_results').setStyle('visibility', 'hidden');
if (splitDivs.length > 0 && splitDivs != '') splitDivs.each(function(div){
document.id(div).setStyle('visibility', 'visible');
});
} else {
if (self.type == 'local') {
var exact = this.value.split('"');
if (exact.length >= 3) {
self.options.phrase = 'exact';
} else {
self.options.phrase = self.searchphrase;
}
var request = new Request({
url: uri,
method: 'get',
delay : 200,
onRequest: function() {
input.addClass('loading');
}.bind(this),
onSuccess: function(returns, b, c) {
var results = new Element('div', {'styles': {'display': 'none'}}).set('html', returns);
var tmp = document.id('rokajaxsearch_tmp');
var wrapper = results.getElement('.contentpaneopen');
if (wrapper) {
results.getChildren().each(function(div) {
if (div.get('class') == 'contentpaneopen' && div.id != 'page') {
tmp.set('html', div.innerHTML);
}
});
} else {
results.inject(document.body);
results.setStyles({
'display': 'block',
'position': 'absolute',
'top': -10000
});
wrapper = results.getElement('div.search-results') || results.getElement('div.search') || results.getElement('div[id=page]') || results.getElement('div.items');
if (!wrapper) wrapper = results.getElement('div.search');
results.dispose();
if (wrapper) {
var rs = wrapper.getElement('.search-results') || wrapper.getElement('.search') || wrapper.getElement('.results') || wrapper;
tmp.adopt(rs);
}
}
this.results.empty().removeClass('roksearch_results').setStyle('visibility', 'visible');
this.arrowleft = null;
this.arrowright = null;
this.selectedEl = -1;
this.els = [];
if (results.getElement('.contentpaneopen')) this.outputTable();
else this.outputTableless();
tmp.empty().setStyle('visibility','visible');
input.removeClass('loading');
var pos = input.getCoordinates(), selfz = this;
selfz.results.setStyles({
'top': pos.top + pos.height,
'left': selfz.getLeft(input)
});
selfz.fx.start('opacity', 1);
selfz.fireEvent('loaded');
}.bind(self)
});
if (self.options.wordpress) {
self.timer = request.get.delay(500, request, [{
's' : this.value.replace(/\"/g, ''),
'task': 'search',
'action': 'rokajaxsearch',
'r' : Date.now()
}]);
} else {
self.timer = request.get.delay(500, request, [{
'type': 'raw',
'option' : 'com_search',
'view' : 'search',
'searchphrase' : self.options.phrase,
'ordering' : self.options.ordering,
'limit' : self.options.limit,
'searchword' : this.value.replace(/\"/g, ''),
'tmpl': 'component',
'r' : Date.now()
}]);
}
} else if (self.type != 'local') {
self.timer = self.googleStart.delay(500, self);
}
}
return true;
}
});
return this;
},
keyEvents: function() {
var bounds = {
'keyup': function(e) {
if (e.key == 'left' || e.key == 'right' || e.key == 'up' || e.key == 'down' || e.key == 'enter' || e.key == 'esc') {
e.stop();
var store = false;
if (e.key == 'left' && this.arrowleft) this.arrowleft.fireEvent('click');
else if (e.key == 'right' && this.arrowright) this.arrowright.fireEvent('click');
else if (e.key == 'esc' && this.close) this.close.fireEvent('click', e);
else if (e.key == 'down') {
store = this.selectedEl;
if (this.selectedEl == -1) this.selectedEl = (this.options.perpage) * this.current;
else if (this.selectedEl + 1 < this.els.length) this.selectedEl++;
else return;
if (store != -1) this.els[store].fireEvent('mouseleave');
if ((this.selectedEl/this.options.perpage).toInt() > this.current) this.arrowright.fireEvent('click', true);
if (this.selectedEl || this.selectedEl == 0) this.els[this.selectedEl].fireEvent('mouseenter');
} else if (e.key == 'up') {
store = this.selectedEl;
if (this.selectedEl == -1) this.selectedEl = (this.options.perpage) * this.current;
else if (this.selectedEl - 1 >= 0) this.selectedEl--;
else return;
if (store != -1) this.els[store].fireEvent('mouseleave');
if ((this.selectedEl/this.options.perpage).toInt() < this.current) this.arrowleft.fireEvent('click', true);
if (this.selectedEl || this.selectedEl == 0) this.els[this.selectedEl].fireEvent('mouseenter');
} else if (e.key == 'enter') {
if (this.selectedEl || this.selectedEl == 0) window.location = this.els[this.selectedEl].getElement('a');
}
}
}.bind(this)
};
if (this.options.keyevents) {
this.addEvent('loaded', function() {
document.addEvent('keyup', bounds.keyup);
});
this.addEvent('unloaded', function() {
document.removeEvent('keyup', bounds.keyup);
});
}
},
outputTable: function() {
var self = this;
var wrapper1 = new Element('div', {'class': 'roksearch_wrapper1'}).inject(this.results);
var wrapper2 = new Element('div', {'class': 'roksearch_wrapper2'}).inject(wrapper1);
var wrapper3 = new Element('div', {'class': 'roksearch_wrapper3'}).inject(wrapper2);
var wrapper4 = new Element('div', {'class': 'roksearch_wrapper4'}).inject(wrapper3);
var header = new Element('div', {'class': 'roksearch_header png'}).set('html', this.options.results).inject(wrapper4);
this.close = new Element('a', {'id': 'roksearch_link', 'class': 'png'}).set('href', '#').set('html', this.options.close).inject(header, 'before');
var splitDivs= this.options.hidedivs.split(" ");
this.close.addEvent('click', function(e) {
this.fireEvent('unloaded');
if (e) e.stop();
this.inputBox.set('value', '')[0].focus();
var self = this;
this.fx.start('opacity', 0).chain(function() {
self.results.empty().removeClass('roksearch_results');
});
//this.results.empty().removeClass('roksearch_results').setStyle('visibility', 'hidden');
if(splitDivs.length > 0 && splitDivs != '') splitDivs.each(function(div){
document.id(div).setStyle('visibility', 'visible');
});
}.bind(this));
if(splitDivs.length > 0 && splitDivs != '') splitDivs.each(function(div){
document.id(div).setStyle('visibility', 'hidden');
});
this.results.addClass('roksearch_results');
var searchedRestuls = document.getElements('#rokajaxsearch_tmp fieldset'),
splitting, container;
if (searchedRestuls.length > 0) {
container = new Element('div', {'class': 'container-wrapper'}).inject(wrapper4);
var scroller = new Element('div', {'class': 'container-scroller'}).inject(container);
searchedRestuls.each(function(res, i) {
var data = '';
data = res.getChildren();
if (data.length > 0){
data.each(function(div, j) {
if (div.get('tag') == "div"){
if (div.getChildren().length > 2 && !div.getPrevious()){
var suri = div.getFirst().getNext().getProperty('href');
var el = new Element('div', {'class': this.rows[i % 2] + ' png'});
var lnk = new Element('a').set('href', suri).inject(el);
var name = new Element('h3').set('html', div.getFirst().getNext().get('text')).inject(lnk);
this.els.push(el);
el.addEvents({
'mouseenter': function() {
this.addClass(self.rows[i % 2] + '-hover');
self.selectedEl = i;
},
'mouseleave': function() {
this.removeClass(self.rows[i % 2] + '-hover');
if (self.selectedEl == i) self.selectedEl = -1;
}
});
var description = '';
if (this.options.showdescription) description = div.getNext().innerHTML;
var desc = new Element('span').set('html', description).inject(lnk, 'after');
var br;
if(this.options.showcategory){
var cat = new Element('span', {'class': 'small'}).set('html', div.getChildren().getLast().get('text')).inject(lnk, 'after');
br = new Element('br').inject(cat, 'after');
}
if(this.options.showreadmore){
lnk = new Element('a', {'class': 'clr'}).set('href', suri).set('html', this.options.readmore).inject(desc, 'after');
if(this.options.showdescription) br = new Element('br').inject(desc, 'after');
}
var innerWrapper1 = new Element('div', {'class': 'roksearch_result_wrapper1 png'}).inject(scroller);
var innerWrapper2 = new Element('div', {'class': 'roksearch_result_wrapper2 png'}).inject(innerWrapper1);
var innerWrapper3 = new Element('div', {'class': 'roksearch_result_wrapper3 png'}).inject(innerWrapper2);
var innerWrapper4 = new Element('div', {'class': 'roksearch_result_wrapper4 png'}).inject(innerWrapper3);
el.inject(innerWrapper4);
}
}
}, this);
}
}, this);
splitting = scroller.getChildren();
var max = Math.max(this.options.perpage, splitting.length);
var min = Math.min(this.options.perpage, splitting.length);
var perpage = this.options.perpage;
this.page = [];
(Math.abs(max/min)).times(function(i) {
if (splitting[i]) this.page.push(new Element('div', {'class': 'page page-' + i}).inject(scroller).setStyle('width', scroller.getStyle('width')));
for (j = 0, l = perpage;j this.options.perpage) {
this.arrowDiv = new Element('div', {'class': 'container-arrows'}).inject(this.bottombar, 'top');
this.arrowleft = new Element('div', {'class': 'arrow-left-disabled'}).inject(this.arrowDiv);
this.arrowright = new Element('div', {'class': 'arrow-right'}).inject(this.arrowDiv);
this.arrowsInit(container);
}
}
}
},
outputTableless: function() {
var self = this;
var wrapper1 = new Element('div', {'class': 'roksearch_wrapper1'}).inject(this.results);
var wrapper2 = new Element('div', {'class': 'roksearch_wrapper2'}).inject(wrapper1);
var wrapper3 = new Element('div', {'class': 'roksearch_wrapper3'}).inject(wrapper2);
var wrapper4 = new Element('div', {'class': 'roksearch_wrapper4'}).inject(wrapper3);
var header = new Element('div', {'class': 'roksearch_header png'}).set('html', this.options.results).inject(wrapper4);
if (this.type != 'local') {
wrapper4.addClass('google-search').addClass('google-search-' + this.type);
var poweredbygoogle = '(powered by Google)';
header.set('html', this.options.results + poweredbygoogle);
}
this.close = new Element('a', {'id': 'roksearch_link', 'class': 'png'}).set('href', '#').set('html', this.options.close).inject(header, 'before');
var splitDivs= this.options.hidedivs.split(" ");
this.close.addEvent('click', function(e) {
this.fireEvent('unloaded');
if (e) e.stop();
this.inputBox.set('value', '')[0].focus();
var self = this;
this.fx.start('opacity', 0).chain(function() {
self.results.empty().removeClass('roksearch_results');
});
//this.results.empty().removeClass('roksearch_results').setStyle('visibility', 'hidden');
if(splitDivs.length > 0 && splitDivs != '') splitDivs.each(function(div){
document.id(div).setStyle('visibility', 'visible');
});
}.bind(this));
if(splitDivs.length > 0 && splitDivs != '') splitDivs.each(function(div){
document.id(div).setStyle('visibility', 'hidden');
});
this.results.addClass('roksearch_results');
var searchedRestuls = document.getElements('#rokajaxsearch_tmp ol.list li'),
splitting, container, overlayfx;
if (!searchedRestuls.length) searchedRestuls = document.getElements('#rokajaxsearch_tmp dl dt');
if (!searchedRestuls.length) searchedRestuls = document.getElements('#rokajaxsearch_tmp .item');
if (searchedRestuls.length > 0) {
container = new Element('div', {'class': 'container-wrapper'}).inject(wrapper4);
var scroller = new Element('div', {'class': 'container-scroller'}).inject(container);
searchedRestuls.each(function(res, i) {
var data = '';
data = res.getChildren();
if (data.length > 0) {
var suri = res.getElement('a').get('href');
var el = new Element('div', {'class': this.rows[i % 2] + ' png'});
var lnk = new Element('a').set('href', suri).inject(el);
if (this.type != 'local') lnk.set('target', '_blank');
var name = new Element('h3').set('html', (data[0].get('tag') == 'header' ? res.getElement('.title') : data[0]).get('text')).inject(lnk);
this.els.push(el);
el.addEvents({
'mouseenter': function() {
this.addClass(self.rows[i % 2] + '-hover');
self.selectedEl = i;
},
'mouseleave': function() {
this.removeClass(self.rows[i % 2] + '-hover');
if (self.selectedEl == i) self.selectedEl = -1;
}
});
var description = '';
if (this.options.showdescription){
var ddesc = res.getNext('.result-text') || data[2] || data[1];
description = ddesc.innerHTML;
}
var desc = new Element('span').set('html', description).inject(lnk, 'after'),
br;
if(this.options.showcategory){
var dcat = res.getNext('.result-category') || res.getElement('p.meta') || data[1];
if (dcat){
var cat = new Element('span', {'class': 'small'}).set('html', dcat.innerHTML).inject(lnk, 'after');
br = new Element('br').inject(cat, 'after');
}
}
if(this.options.showreadmore){
lnk = new Element('a', {'class': 'clr'}).set('href', suri).set('html', this.options.readmore).inject(desc, 'after');
if (this.type != 'local') lnk.set('target', '_blank');
if(this.options.showdescription) br = new Element('br').inject(desc, 'after');
}
var innerWrapper1 = new Element('div', {'class': 'roksearch_result_wrapper1 png'}).inject(scroller);
var innerWrapper2 = new Element('div', {'class': 'roksearch_result_wrapper2 png'}).inject(innerWrapper1);
var innerWrapper3 = new Element('div', {'class': 'roksearch_result_wrapper3 png'}).inject(innerWrapper2);
var innerWrapper4 = new Element('div', {'class': 'roksearch_result_wrapper4 png'}).inject(innerWrapper3);
el.inject(innerWrapper4);
}
}, this);
splitting = scroller.getChildren();
var max = Math.max(this.options.perpage, splitting.length);
var min = Math.min(this.options.perpage, splitting.length);
var perpage = this.options.perpage;
this.page = [];
(Math.abs(max/min)).times(function(i) {
if (splitting[i]) this.page.push(new Element('div', {'class': 'page page-' + i}).inject(scroller).setStyle('width', scroller.getStyle('width')));
for (j = 0, l = perpage;j'+(this.google.cursor.currentPageIndex + 1)+'' + ' ' +
this.options.page_of + ' ' +
''+this.google.cursor.pages.length+'');
}
} else {
lnk2.addEvent('click', function(e) {
if (e) e.stop();
//limit.value = '';
document.id('rokajaxsearch').submit();
});
}
this.bottombar.inject(wrapper4);
if (splitting.length > this.options.perpage || ((this.type != 'local') && this.google.cursor.pages.length > 1)) {
this.arrowDiv = new Element('div', {'class': 'container-arrows'}).inject(this.bottombar, 'top');
this.arrowleft = new Element('div', {'class': 'arrow-left-disabled'}).inject(this.arrowDiv);
this.arrowright = new Element('div', {'class': 'arrow-right'}).inject(this.arrowDiv);
if (this.type != 'local') {
if (this.google.cursor) {
var current = this.google.cursor.currentPageIndex;
if (current > 0) this.arrowleft.removeClass('arrow-left-disabled').addClass('arrow-left');
if (current == 7) this.arrowright.removeClass('arrow-right').addClass('arrow-right-disabled');
}
this.arrowsGoogleInit(container);
overlayfx.start('opacity', 0).chain(function(){
overlayfx.element.setStyle('visibility', 'hidden');
});
// if (this.type == 'web') this.results.effect('opacity', {wait: true, duration: 200}).start(1);
} else this.arrowsInit(container);
}
}
}
},
arrowsGoogleInit: function(wrapper) {
this.arrowleft.addEvent('click', function(downkey) {
if (!downkey && this.selectedEl >= 0) this.els[this.selectedEl].fireEvent('mouseleave');
if (!downkey) this.selectedEl = -1;
var current = (this.google.cursor) ? this.google.cursor.currentPageIndex : null;
if (current - 1 <= 0) {
this.arrowleft.removeClass('arrow-left').addClass('arrow-left-disabled');
this.arrowright.removeClass('arrow-right-disabled').addClass('arrow-right');
}
else {
this.arrowleft.removeClass('arrow-left-disabled').addClass('arrow-left');
this.arrowright.removeClass('arrow-right-disabled').addClass('arrow-right');
}
if (!current) return;
else {
if (!this.inputBox.hasClass('loading')) this.inputBox.addClass('loading');
this.layer.setStyle('opacity', 0.9);
this.google.gotoPage(current - 1);
}
}.bind(this));
this.arrowright.addEvent('click', function(downkey) {
if (!downkey && this.selectedEl >= 0) this.els[this.selectedEl].fireEvent('mouseleave');
if (!downkey) this.selectedEl = -1;
var current = (this.google.cursor) ? this.google.cursor.currentPageIndex : null;
if (current + 1 >= this.google.cursor.pages.length) {
this.arrowleft.removeClass('arrow-left-disabled').addClass('arrow-left');
this.arrowright.removeClass('arrow-right').addClass('arrow-right-disabled');
}
else {
this.arrowleft.removeClass('arrow-left').addClass('arrow-left-disabled');
this.arrowright.removeClass('arrow-right-disabled').addClass('arrow-right');
}
if (current >= this.google.cursor.pages.length -1) return;
else {
if (this.arrowleft.hasClass('arrow-left-disabled')) this.arrowleft.removeClass('arrow-left-disabled').addClass('arrow-left');
if (!this.inputBox.hasClass('loading')) this.inputBox.addClass('loading');
this.layer.setStyle('opacity', 0.9);
this.google.gotoPage(current + 1);
}
}.bind(this));
},
arrowsInit: function(wrapper) {
this.scroller = new Fx.Scroll(wrapper, {wait: false});
this.arrowleft.addEvent('click', function(downkey) {
if (!downkey && this.selectedEl >= 0) this.els[this.selectedEl].fireEvent('mouseleave');
if (!downkey) this.selectedEl = -1;
if (this.current - 1 <= 0) {
this.arrowleft.removeClass('arrow-left').addClass('arrow-left-disabled');
this.arrowright.removeClass('arrow-right-disabled').addClass('arrow-right');
}
else {
this.arrowleft.removeClass('arrow-left-disabled').addClass('arrow-left');
this.arrowright.removeClass('arrow-right-disabled').addClass('arrow-right');
}
if (!this.current) return;
else {
if (this.current < 0) this.current = 0;
else this.current -= 1;
this.scroller.toElement(this.page[this.current]);
}
}.bind(this));
this.arrowright.addEvent('click', function(downkey) {
if (!downkey && this.selectedEl >= 0) this.els[this.selectedEl].fireEvent('mouseleave');
if (!downkey) this.selectedEl = -1;
if (this.current + 1 >= this.page.length - 1) {
this.arrowleft.removeClass('arrow-left-disabled').addClass('arrow-left');
this.arrowright.removeClass('arrow-right').addClass('arrow-right-disabled');
}
else {
this.arrowleft.removeClass('arrow-left').addClass('arrow-left-disabled');
this.arrowright.removeClass('arrow-right-disabled').addClass('arrow-right');
}
if (this.current >= this.page.length) return;
else {
if (this.arrowleft.hasClass('arrow-left-disabled'))
this.arrowleft.removeClass('arrow-left-disabled').addClass('arrow-left');
if (this.current >= this.page.length - 1) this.current = this.page.length - 1;
else this.current += 1;
this.scroller.toElement(this.page[this.current]);
}
}.bind(this));
}
});