');
$("photoLevel_"+oid).setStyle({display:"block"});
if(this['option_'+i].selectedItem.title.length > 26){
$(this['option_'+i].divId).className="optionSelected2";
}else{
$(this['option_'+i].divId).className="optionSelected";
}
}else{
checkcode = 1;
$("option"+i).className="option";
$("option"+i).update( i);
$(this['option_'+i].divId).update(i);
$(this['option_'+i].divId).className="option";
}
}
return checkcode;
};
this.refresh = function() {
var checkcode = 0;
for (i = 1; i <= 5; i++){
if(this['option_'+i].selectedItem != null){
if(!this['option_'+i].selectedItem.deleted){
$(this['option_'+i].divId).update(i+". "+this['option_'+i].selectedItem.title);
var oid = this['option_'+i].selectedItem.id;
$("option"+i).className="optionSelected";
$("option"+i).update( i+". "+this['option_'+i].selectedItem.title);
$("photoLevel_"+oid).update('');
$("photoLevel_"+oid).setStyle({display:"block"});
/*var answer=$("answerOption");
if(answer.value!=''){
answer.value=$F("answerOption")+","+oid;
}else{
answer.value=oid;
}*/
if(this['option_'+i].selectedItem.title.length > 26){
$(this['option_'+i].divId).className="optionSelected2";
}else{
$(this['option_'+i].divId).className="optionSelected";
}
}else{
checkcode=this.change(i);
break;
}
}else{
checkcode = 1;
$("option"+i).className="option";
$("option"+i).update( i);
$(this['option_'+i].divId).update(i);
$(this['option_'+i].divId).className="option";
}
}
if((checkcode == 0)&&(this.full == 0)){
$("submitButton").setStyle({visibility:"visible"});
$("submitButton").observe('click', this.submit.bind(this));
this.full = 1;
}
};
for(description in itemArr){
new item(this,itemArr[description]['id'],itemArr[description]['title'],itemArr[description]['pic']);
}
$(this.option_1.divId).observe('mousedown', this.mdown.bind(this));
$(this.option_2.divId).observe('mousedown', this.mdown.bind(this));
$(this.option_3.divId).observe('mousedown', this.mdown.bind(this));
$(this.option_4.divId).observe('mousedown', this.mdown.bind(this));
$(this.option_5.divId).observe('mousedown', this.mdown.bind(this));
// $(this.option_1.divId).observe('click', this.click.bind(this));
// $(this.option_2.divId).observe('click', this.click.bind(this));
// $(this.option_3.divId).observe('click', this.click.bind(this));
// $(this.option_4.divId).observe('click', this.click.bind(this));
// $(this.option_5.divId).observe('click', this.click.bind(this));
Event.observe(document.body, 'mouseup',this.mouseup.bind(this));
Event.observe(document.body, 'mousemove',this.mousemove.bind(this));
}
optionSelector.prototype.mousemove = function(e) {
if (submited==0 && this.movetarget != null && this['option_'+this.movetarget.id.substring(6,7)].selectedItem!=null) {
var move = e.pageY - this.lastPos;
//new Dialog().showMessage('Dialog', this.movetarget.getId());
this.movetarget.setStyle({top:move+'px'});
e.preventDefault();
}
};
optionSelector.prototype.mouseup = function(e) {
if (submited==0 && this.movetarget != null) {
var targetId=this.movetarget.id.substring(6,7);
if(this['option_'+targetId].selectedItem!=null){
var keyUp = new Date().getTime();
if((keyUp - this.keyDown) < 300){
this.currentIndex = parseInt(targetId);
this.refresh();
this.movetarget = null;
return true;
}
this.movetarget.setStyle({top:'0px'});
this.movetarget.setStyle({zIndex:'0'});
var moved = e.pageY - this.lastPos;
var indexChange = (moved-moved%30)/30;
var oldIndex = parseInt(targetId);
var newIndex = indexChange + oldIndex;
if(newIndex < 1){
newIndex = 1;
}else if(newIndex > 5){
newIndex = 5;
}
var tmp = this['option_'+oldIndex].selectedItem;
if(this['option_'+newIndex].selectedItem!=null){
if(newIndex > oldIndex){
for(var i=oldIndex+1;i<=newIndex;i++){
this['option_'+(i-1)].selectedItem = this['option_'+i].selectedItem;
}
this['option_'+newIndex].selectedItem = tmp;
}else if(newIndex < oldIndex){
for(var i=oldIndex-1;i>=newIndex;i--){
this['option_'+(i+1)].selectedItem = this['option_'+i].selectedItem;
}
this['option_'+newIndex].selectedItem = tmp;
}
this.refresh();
}
}
this.movetarget = null;
}
};
optionSelector.prototype.mdown = function(e) {
this.movetarget = e.target;
this.lastPos = e.pageY;
this.movetarget.setStyle({zIndex:'99'});
e.preventDefault();
};
optionSelector.prototype.click = function(e) {
this.currentIndex = parseInt(e.target.id.substring(6,7));
if(this['option_'+this.currentIndex].selectedItem!=null) e.preventDefault();
};
optionSelector.prototype.submit = function(e) {
var postStr =$F("pageControl")+"&sid="+$F("sid");
$("submitButton").setStyle({visibility:"hidden"});
for (i = 1; i <= 5; i++){
if(this['option_'+i].selectedItem != null){
postStr += '&Top'+i+'='+this['option_'+i].selectedItem.id;
}
}
submited=1;
pollDone(postStr);
e.preventDefault();
};
function option(divId,item,top){
this.divId = divId;
this.top = top;
this.selectedItem = item;
$(this.divId).update(this.top);
};
function item(selector, id,title,pic){
this.id = id;
this.title = title;
this.pic = pic;
this.selected = false;
this.deleted=false;
this.selectItem = function(e) {
if(submited==0){
if(!this.selected){
this.selected = true;
this.deleted=false;
if(selector['option_'+selector.currentIndex].selectedItem != null){
selector['option_'+selector.currentIndex].selectedItem.selected = false;
$("photoLevel_"+selector['option_'+selector.currentIndex].selectedItem.id).setStyle({display:"none"});
$('photoDiv_'+ selector['option_'+selector.currentIndex].selectedItem.id).update(selector['option_'+selector.currentIndex].selectedItem.title);
}
selector['option_'+selector.currentIndex].selectedItem = this;
if(selector.currentIndex<5)selector.currentIndex++;
selector.refresh();
}else{
this.selected = false;
this.deleted=true;
$("photoLevel_"+this.id).innerHTML="";
$("photoLevel_"+this.id).setStyle({display:"none"});
if(selector.full==1){
$("submitButton").setStyle({visibility:"hidden"});
selector.full=0;
}else{
if(selector.currentIndex>1)selector.currentIndex--;
}
selector.refresh();
}
}
};
$('ImageBox_'+id).observe('click', this.selectItem.bind(this));
}
function resultChart(divId, resultArr){
this.chartContainer = document.createElement('div');
this.numContainer = document.createElement('div');
this.chartContainer.className='chartContainer';
this.numContainer.className='numContainer';
var i = 1;
for(result in resultArr){
var itemBG = document.createElement('div');
var item = document.createElement('div');
var itemRate = document.createElement('div');
var heightNull = 103 - Math.round(88*(resultArr[result]['rate']/100));
var paddingTop = heightNull - 15;
Element.addClassName(itemBG,'chartItemBG');
Element.addClassName(item,'chartItem');
Element.setStyle(item,{height:heightNull+'px'});
Element.setStyle(itemRate,{padding:paddingTop+'px 0px 0px 0px'});
Element.update(itemRate,resultArr[result]['rate']);
item.appendChild(itemRate);
itemBG.appendChild(item);
this.chartContainer.appendChild(itemBG);
var numItem = document.createElement('div');
Element.addClassName(numItem,'numItem');
Element.update(numItem,i);
this.numContainer.appendChild(numItem);
i++;
}
$(divId).appendChild(this.chartContainer);
$(divId).appendChild(this.numContainer);
}
function saveSuggestion(){
if($F("sgt_text").length>0){
$("suggestionBox").setStyle({display:"none"});
AjaxPostURL=GlobalLink.suggestionURL+"&cmd=save&sgt_text="+escape($F("sgt_text"));
doAjax("feedback_headline",AjaxPostURL);
$("user_feedback").setStyle({display:"block"});
$("feedback_content").innerHTML='"'+$F("sgt_text")+'"';
}else{
$("sgt_text").value="Please enter a suggestion...";
}
}
function backSuggestion(){
$("feedback_content").innerHTML="";
$("sgt_text").value="Please enter a suggestion...";
$("user_feedback").setStyle({display:"none"});
$("sgt_button").setStyle({visibility:"visible"});
$("suggestionBox").setStyle({display:"block"});
}
function clearInput(v){
var txt=v.value;
if(txt=="Please enter suggestion" || txt=="Please enter a suggestion..."){
v.value="";
}
}
function timeCounter(second){
var postStr =$F("pageControl")+"&sid="+$F("sid");
this.timeSet = second*1000;
this.timeLeft = 0;
this.bar_width = 232 - 4 - 5 - 1;
this.started = 0;
this.counter;
this.start = function() {
if(this.started == 0){
this.timeLeft = this.timeSet;
this.started = 1;
document.getElementById('td_center_left').style.width = '1px';
document.getElementById('image_right').src = imgPath+'/Images/rollbar_null_right.png';
}
this.timeLeft = this.timeLeft - 100;
var _self = this;
if(this.timeLeft >0){
var bar = this.bar_width - Math.round(this.bar_width*(this.timeLeft/this.timeSet));
document.getElementById('td_center_right').style.width = bar+'px';
this.counter=setTimeout(function(){_self.start();},100);
}else{
submited=1;
$("submitButton").setStyle({visibility:"hidden"});
pollDone(postStr);
}
}
this.stop = function(){
clearTimeout(this.counter);
this.timeLeft=0;
}
}
function timeCounter2(second){
this.timeSet = second*1000;
this.timeLeft = 0;
this.bar_width = 232 - 4 - 5 - 1;
this.started = 0;
this.start = function() {
if(this.started == 0){
this.timeLeft = this.timeSet;
this.started = 1;
document.getElementById('td_center_left_h').style.width = '1px';
document.getElementById('image_right_h').src = imgPath+'/Images/rollbar_null_right.png';
}
this.timeLeft = this.timeLeft - 100;
var _self = this;
if(this.timeLeft >0){
var bar = this.bar_width - Math.round(this.bar_width*(this.timeLeft/this.timeSet));
document.getElementById('td_center_right_h').style.width = bar+'px';
setTimeout(function(){_self.start();},100);
}
}
}
function indexOf(array, needle) {
for(var i = 0; i < array.length; i++){
if(array[i] == needle){
return i;
}
}
return -1;
}
function shuffle(v){
for(var j, x, i = v.length; i; j = parseInt(Math.random() * i), x = v[--i], v[i] = v[j], v[j] = x);
return v;
}
function displayGame(){
//$("friend_select").update("");
$("inviteBox").setStyle({display:"none"});
$("target").setStyle({display:"block"});
}
var Recruit = {
'selected' : {},
'sent' : {},
'message' : '',
'submitList' : [],
'listSize' : 40,
'exclude':{},
'init' : function() {
Recruit.submitList=[];
$("target").setStyle({display:"none"});
$("inviteBox").setStyle({display:"block"});
Recruit.displayFriends( 0 );
},
'people' : {},
'displayFriends' : function(index) {
if($('friend_select').innerHTML==""){
//$("popupDiv").setStyle({display:"block"});
doAjax('friend_select',"action=MSInvite") ;
}
},
'getAllFriendsData' : [],
'getAllFriends': function( index, cb) {
if (typeof index == 'undefined') index = 0;
var params = {}
params[opensocial.DataRequest.PeopleRequestFields.FIRST] = index * Recruit.listSize;
params[opensocial.DataRequest.PeopleRequestFields.FILTER] ="hasApp";
var req = opensocial.newDataRequest();
req.add(req.newFetchPeopleRequest('VIEWER_FRIENDS', params), "people");
req.send( function(data) {
var people = data.get("people");
if (people.hadError()) return false;
people.getData().each(function(e) {
Recruit.getAllFriendsData.push(e);
});
if ( ! people.getData().size() || index > 20 ) {
if (typeof cb == 'function') cb(Recruit.getAllFriendsData);
return ;
}
Recruit.getAllFriends( index + 1, cb );
});
},
'mouseOver' : function(uid) {
$('user_content_' + uid ).style.background = '#ddd';
},
'mouseOut' : function(uid) {
if (this.selected[uid] != true) $('user_content_' + uid ).style.background = '';
},
'click' : function(uid) {
this.selected[uid] = this.selected[uid] == true ? false : true;
this.selected[uid] == true ? $('user_content_check_box_' + uid ).show() : $('user_content_check_box_' + uid ).hide();
},
'submit': function() {
var list = [];
for(var i in Recruit.selected) {
if (Recruit.selected[i] == true) list.push(i);
}
if (list.length) {
Recruit.submitList = list;
}
// reset selected
Recruit.selected = {};
$$('.user_content_check_box').invoke('hide');
$$('.user_content').each(function(e) {
e.style.background = '';
});
}
}
var Player={
'appInviteCounter':0,
'appInviteIds':[],
'appInviteSend':function() {
if ( typeof Player.appInviteIds[Player.appInviteCounter] !== 'undefined' ) {
var message = opensocial.newMessage("[sender] is challenging you to take the [app] survey! Answer the questions and find out how your choices rank against your friends!");
message.setField(opensocial.Message.Field.TITLE, "[sender] sent an invitation using [app]");
message.setField(opensocial.Message.Field.TYPE, "SHARE_APP");
var uid = Player.appInviteIds[Player.appInviteCounter];
opensocial.requestShareApp( uid , message,
function(data) {
/* if (data == 1) {
} */
Player.appInviteCounter ++;
Player.appInviteSend();
}
);
}else{
if(Player.appInviteCounter>=Player.appInviteIds.length){
Player.appInviteCounter=0;
Player.appInviteIds=[];
displayGame();
}
}
}
}
function autoInvite(data){
if (!data.length) return;
var arrayData = shuffle(data);
var counter = 0;
var i = 1;
while( counter < 20 ) {
if (typeof arrayData[i] != 'undefined') {
var e = arrayData[i];
if (typeof Recruit.exclude[ e.getId() ] == 'undefined' && typeof Recruit.sent[ e.getId() ] == 'undefined' ){
Player.appInviteIds.push( e.getId() );
counter ++;
}
}
else {
break;
}
i ++;
}
Player.appInviteSend();
}
function appInvite(){
Recruit.submit();
if(!Recruit.submitList.length) return;
Player.appInviteIds=Recruit.submitList;
Player.appInviteSend();
}
gadgets.util.registerOnLoadHandler(init);