').attr('id', 'feedbackTable');
$ft.html($("ul", $rc).html())
$ft.append($("").attr('href', 'http://disqus.com/').text('Powered by Disqus'));
this.contentDiv().empty();
this.contentDiv().append($ft);
this.bindMouseWheelWithElement("#feedbackTable");
this.trackView('/gadget/reviews/latest');
// this.requestLatestFeedback();
}
else if (clickedId == this.env("twitterTab") ) {
this.requestLatestTwitter();
}
}
return false;
},
start: function()
{
//this.requestRemixesList();
var self = this;
var clickFn = function() {
self.onTabClicked.apply(self, [$(this).attr('id')]);
return false;
}
$("#" + this.env("remixesTab")).bind("click", clickFn);
$("#" + this.env("latestFeedbackTab")).bind("click", clickFn);
$("#" + this.env("twitterTab")).bind("click", clickFn);
$("#" + this.env("remixesTab")).trigger("click");
this.contentDiv().bind("CONTENT_WANTS_SCROLL", function(e, data) {
self.contentDiv().stop();
self.contentDiv().animate({"scrollTop": data.scrollTop}, data.duration);
});
},
requestLatestFeedback: function()
{
try {
this.contentDiv().html("
"+this.localize("LoadingFeedback")+"");
this.jsonRequest(this.urlFor("reviews"), this.latestFeedbackReceivedJson);
}
catch(e) {
this.write_err("requestLatestFeedback failed: " + e.message);
}
},
requestRemixesList: function()
{
try {
this.contentDiv().html("
"+this.localize("Loading")+"");
var theUrl = this.urlFor("remixes");
if (this._hasRequestedRemixes) {
theUrl += "?"+String(new Date().getTime());
}
this._hasRequestedRemixes = true;
this.jsonRequest(theUrl, this.remixesListReceivedJson);
}
catch(e) {
this.write_err("requestRemixesList failed: " + e.message);
}
},
registerPulling: function()
{
var self=this;
var mouseDragTopOffsetKey = "mouseDragStartOffsetY";
//$(".mouseTrackable").disableTextSelect();
$(".mouseTrackable").click(function() {
self.contentDiv().stop(true);
var elementOffset = $(this).offset().top;
var contentOffset = self.contentDiv().offset().top;
var targetOffset = elementOffset - contentOffset;
var newScroll = targetOffset + self.contentDiv().scrollTop() - self.contentDiv().height()/3;
self.contentDiv().animate({"scrollTop": newScroll}, 200);
return false;
});
},
displayRemixDetails: function(theRemix)
{
this.trackView('/gadget/remixDetails/' + theRemix.id());
var download = this.wrapLink(this.urlFor("remix",{action: "download",
id: theRemix.id(),
format: "mp3"}), "[↓ mp3]");
var theHtml = "";
theHtml += "
"+ this.localize("DetailsFeedback") +
this.wrapLink(this.urlFor("remix", {no_api: true, id: theRemix.id()}), this.urlFor("base"), {target: "new"+theRemix.id()}) + "
";
theHtml += "
" + this.localize("Download") + download + "
";
$("#explodedRemixDetails").html(theHtml);
theHtml = "";
theHtml += theRemix.formattedDate() + " [" + theRemix.formattedLength() + "]";
$("#explodedRemixDetailsHeader").html(theHtml);
},
remixDetailsReceivedJson: function(response)
{
theRemixData = response.data['entry'];
theRemix = this.remixById(theRemixData.id);
theRemix.attr(theRemixData); //update with more detailed info
this.displayRemixDetails(theRemix);
},
embedFlashPlayer: function(targetContainer, remixId)
{
var flashvar_str = "playlist="+remixId+"&volume=0.5&autostart=true";
if (!this.isGadgetsEnabled())
{
var wmp_url = this.urlFor("asset", {urlparam: "js/WhomixPlayer.swf?"+flashvar_str});
$("#"+targetContainer).media( {
src: wmp_url,
width: 300,
height: 168,
params: {flashvars: flashvar_str, AllowsScriptAccess: "always", SWLiveConnect: true, quality: "high"},
attrs: {id: "WhomixVideo"} });
}
else
{
var wmp_url = this.urlFor("asset", {urlparam: "js/WhomixPlayer.swf"});
gadgets.flash.embedFlash(wmp_url, "explodedRemixVideo", 9, {
swf_version: 9,
id: "WhomixVideo",
wmode: "window",
width: "300",
height: "168",
bgcolor: "#000000",
quality: "high",
play: true,
swliveconnect: true,
allowscriptaccess: "always",
flashvars: flashvar_str
})
}
},
processClickOnRemixList: function(clickedEl)
{
var self = this;
try {
$("tr.wm_expanded").remove();
$trParent = $(clickedEl).parent("tr");
remixId = $trParent.attr('id').split('_')[1];
$expTd = $(".exploding", $trParent);
if ($expTd.attr('_wmexploded') == "true") {
$expTd.html("+");
$expTd.attr('_wmexploded', "");
}
else {
$expTd.html("-");
$expTd.attr('_wmexploded', "true");
var parTr = $trParent;
parTr.after("
|
");
self.embedFlashPlayer("explodedRemixVideo", remixId);
var theRemix = self.remixById(remixId);
if (theRemix.isFullyPopulated()) {
self.displayRemixDetails(theRemix);
} else {
self.jsonRequest(self.urlFor("remix",{id: remixId}), self.remixDetailsReceivedJson);
}
}
return false;
}
catch(e) {
self.write_err("exception: " + e.message);
}
},
remixById: function(id) {
var k;
var searchId = parseInt(id);
for (k=0; k < this._remixList.length; ++k)
{
if (searchId == parseInt(this._remixList[k].id()))
{
return this._remixList[k];
}
}
return null;
},
removeVerticalSlider: function()
{
$("#content_outerdiv").unbind("mousemove");
$("#verticalSlider").remove();
},
attachVerticalSlider: function()
{
var self = this;
try {
var selVerticalSlider = "#verticalSlider";
$("#content_outerdiv").bind("mousemove", function(e) {
var xoff = e.pageX - $("#content_outerdiv").offset().left;
var $theSliderDiv = $(selVerticalSlider);
if (! $theSliderDiv[0] && xoff < 7)
{
$(this).append('
');
$(selVerticalSlider).css("top", self.contentDiv().offset().top + 10);
$(selVerticalSlider).css("left", self.contentDiv().offset().left);
$(selVerticalSlider).height(self.contentDiv().height()-20);
$(selVerticalSlider).slider({
orientation: "vertical",
range: "min",
min: 0,
max: $("#remixList").height(),
value: $("#remixList").height() - self.contentDiv().scrollTop(),
start: function(event, ui) {
self.isSliding = true;
},
stop: function(event, ui) {
self.isSliding = false;
self.contentDiv().parent().trigger("mousemove",event);
},
slide: function(event, ui) {
self.contentDiv().stop();
self.contentDiv().animate({"scrollTop": $("#remixList").height() - ui.value}, 200);
//$("#amount").val(ui.value);
}
});
$(selVerticalSlider).css({"opacity": 0});
$(selVerticalSlider).animate({"opacity": 1}, 200);
$theSliderDiv = $(selVerticalSlider);
}
else if (xoff > 20 && $theSliderDiv[0] && !self.isSliding) {
$(selVerticalSlider).animate({"opacity": 0}, 200, "linear",function() {
$theSliderDiv.remove()
});
}
});
this.bindMouseWheelWithElement("#remixList", function(eventData) {
var $slider = $(selVerticalSlider);
if ($slider[0]) {
$slider.slider('value', $("#remixList").height() - eventData.scrollTop);
}
});
}
catch(e) {
this.write_err("Exception thrown " + e.message);
}
},
createRemixListTable: function()
{
this.trackView('/gadget/remixList');
var self = this;
try {
var html = [];
var entryCount = this._remixList.length;
html.push('
',
'',
'',
'',
'',
'',
'
');
for (k =0; k < entryCount; ++k) {
var entry = this._remixList[k];
var remixId = entry.id();
var tdExplode = "+"
html.push("",
"| ", tdExplode,
" | ", entry.attr('name'),
" | ", entry.attr('remixer'),
" | ", entry.attr('comments'),
" | ", entry.attr('downloads'),
" |
" );
}
html.push("
");
self.contentDiv().html(html.join(''));
$("#remixList tr:odd").addClass("oddLine");
$("#remixList td").addClass("mouseTrackable");
$("#remixList td").click( function() {
self.processClickOnRemixList(this);
});
$("#remixList th").click( function() {
var $this = $(this);
var isDesc = $this.hasClass('orderDesc');
var theId = $this.attr('id');
var theKey = theId.split('_')[1];
self.sortRemixTableBy(theKey, isDesc);
if (!isDesc) {
$("#"+theId).addClass('orderDesc');
}
});
$("#remixList th").each(function() {
var theId = $(this).attr('id');
var theKey = theId.split('_')[1];
$(this).css("cursor","hand");
});
}
catch(e) {
this.write_err("Exception thrown " + e.message);
}
},
sortRemixTableBy: function(sortKey, isDesc)
{
var backupList = [],
k,
self = this;
/*
for (k = 0; k < this._remixList.length; ++k)
{
backupList[k] = this._remixList[k];
}
*/
if ('date' == sortKey) {
this._remixList.sort(function(a,b) {
return Whomix.sortRemixesByDate(a,b,isDesc);
});
}
else {
this._remixList.sort( function(a,b) {
return ((a.attr(sortKey) < b.attr(sortKey)) ? 1 : -1) * (isDesc ? 1 : -1);
});
}
$("#remixList").remove();
this.createRemixListTable();
},
// this code basically taken as-is from drunkenfist.com.
// maybe customize later, maybe not
twitterResponseCallback: function(obj)
{
var user, bgcolor, tweet, postedAt, icon, userURL;
var $twitDiv = $('
');
var $twitList = $('');
for (var i = 0; i < obj.results.length; ++i)
{
var subo = obj.results[i];
icon = subo.profile_image_url;
user = subo.from_user;
userURL = "http://twitter.com/" + user;
tweet = subo.text;
postedAt = subo.created_at;
formattedText = [];
formattedText.push("
",
user,
": ",
tweet,
"
(",
postedAt,
" GMT)");
var $twitLine = $("
");
$twitLine.append(formattedText.join(''));
$twitLine.css({"background-image": "url("+icon+")"});
$twitList.append($twitLine);
}
$("li:odd").addClass("oddLine");
$twitDiv.append($twitList).append('
'+this.localize("ContactWhomixOnTwitter")+' @whomix
').append('
');
this.contentDiv().append($twitDiv);
$("#innerTwit").css({"margin-left": (this.contentDiv().width()-360)/2 + "px"});
this.bindMouseWheelWithElement("#innerTwit");
},
requestLatestTwitter: function()
{
var hashname = "whomix";
//function doTwitterSearch(hashname) {
var respJson = document.createElement("script");
respJson.type = "text/javascript";
respJson.src = "http://search.twitter.com/search.json?callback=Whomix.Gadget.twitterResponseCallback&q=" + hashname + "+-pub&since_id=1330676281"; //%23
document.getElementsByTagName("head")[0].appendChild(respJson);
},
bindMouseWheelWithElement: function(inElement, callback)
{
var self = this;
var scrollSpeed = 0;
var rep = null;
this.contentDiv().unbind("mousewheel");
var $inElement = $(inElement);
this.contentDiv().bind("mousewheel", function(e,delta) {
scrollSpeed -= 10.0*delta;
if (!rep) {
rep = setInterval(function() {
scrollSpeed = 0.8*scrollSpeed;
if (Math.abs(scrollSpeed) < 0.1) {
clearInterval(rep);
rep = null;
}
var scrollPos = self.contentDiv().scrollTop() + scrollSpeed;
if (scrollPos < 0 || scrollPos > $inElement.height()) {
scrollSpeed = 0;
}
var newScroll = Math.max(0, Math.min($inElement.height(), scrollPos));
var eventData = {scrollTop: newScroll, animate: true, duration: 50};
if (callback) {
callback(eventData);
}
self.contentDiv().trigger("CONTENT_WANTS_SCROLL", [eventData]);
}, 50);
}
return false;
});
},
latestFeedbackReceivedJson: function(response)
{
try {
var jsondata = response.data;
var reviews = jsondata['reviews'];
var k;
var html = [];
html.push('
');
for (k=0; k < reviews.length; ++k)
{
var theRemix = this.remixById(reviews[k].remix.id);
html.push('| ');
//html.push(this.wrapLink(this.urlFor("remix",{id: theRemix.attr('id')}), theRemix.attr('name')));
html.push(this.wrapLink(this.urlFor(remix, {no_api:true, id: theRemix.id()}), theRemix.attr('name'), {target: "new"+theRemix.id()}));
html.push(' | ');
html.push(reviews[k].review.text);
html.push(' ');
html.push('', reviews[k].review.date, " by ", reviews[k].review.reviewer, ' ');
html.push(' |
');
}
html.push('
');
this.contentDiv().html(html.join(''));
this.bindMouseWheelWithElement("#feedbackTable");
this.trackView('/gadget/reviews/latest');
}
catch(e) {
this.write_err("Exception thrown " + e.message);
}
},
remixesListReceivedJson: function(response)
{
var self = this;
if (response == undefined && this._remixList)
{
}
else{
try {
var jsondata = response.data;
var entries = jsondata['entries'];
var k;
var remixList = [];
for (k=0; k < entries.length; ++k)
{
remixList[k] = new Whomix.Remix(entries[k]);
}
this._remixList = remixList.sort(function(a,b) {
return Whomix.sortRemixesByDate(a,b,true);
});
}
catch(e) {
this.write_err("Exception thrown " + e.message + " in remixesListReceivedJson.");
setTimeout( function() {
self.requestRemixesList();
}, 2000);
}
}
this.createRemixListTable();
this.attachVerticalSlider();
this.registerPulling();
}
};
if (Whomix.Gadget.isGadgetsEnabled()) {
gadgets.util.registerOnLoadHandler( function() {
Whomix.Gadget.registerCustomJqueryPlugins();
Whomix.Gadget.start();
});
}
else {
google.setOnLoadCallback( function() {
Whomix.Gadget.registerCustomJqueryPlugins();
Whomix.Gadget.start();
});
}