');
+}
+
+function enable_more_button(){
+ more_hover();
+ $('.more').each(function(){
+ $(this).removeClass("disabled");
+ $(this).html('SHOW MORE');
+ });
+}
\ No newline at end of file
diff --git a/app/assets/javascripts/ajax/requests.js b/app/assets/javascripts/ajax/requests.js
new file mode 100644
index 0000000..4cac973
--- /dev/null
+++ b/app/assets/javascripts/ajax/requests.js
@@ -0,0 +1,128 @@
+function load_more_request(link, params){
+ cacheResponse = cacheRequest(link+params);
+ if(!cacheResponse)
+ {
+ console.info("=> Request to server");
+ $.ajax({
+ type: "GET",
+ dataType: "html",
+ url: link,
+ data: params,
+ error: function(){
+ hide_flash(false);
+ show_flash(true);
+ enable_more_button();
+ },
+ success: function(data){
+ cacheRequest(link+params, data);
+ append_to_list(data);
+ }
+ });
+ }
+ else
+ {
+ console.info("=> Request to jQuery Object");
+ append_to_list(cacheResponse);
+ }
+}
+
+function favourite_request(link, params){
+ $.ajax({
+ type: "GET",
+ dataType: "html",
+ url: link,
+ data: params,
+ error: function(){
+ hide_flash(false);
+ show_flash(true);
+ },
+ success: function(data){
+ $('#content .heart').addClass('loved');
+ }
+ });
+}
+
+function load_site_request(link, params){
+ changeDocumentTitle(link, params);
+
+ // proof given params
+ params = (typeof params == "undefined" || typeof params == "boolean") ? "" : params;
+ show_flash(false);
+
+ // request to object cache
+ if(link != user_path)
+ cacheResponse = cacheRequest(link+params);
+ else cacheResponse = false;
+
+ hide_flash(true); // remove error messages if shown
+ if(!cacheResponse)
+ {
+ console.info("=> Request to server");
+ $.ajax({
+ type:"GET",
+ dataType:"html",
+ url: link + params,
+ data:"remote=true",
+ error: function(){
+ hide_flash(false);
+ show_flash(true);
+ enable_more_button();
+ },
+ success: function(data){
+ cacheRequest(link+params, data);
+ $("#content").html(data);
+ $("#content").ready(function(){
+ hide_flash(false);
+ init_site(link);
+ });
+ }
+ });
+ }
+ else
+ {
+ console.info("=> Request to jQuery Object");
+ $("#content").html(cacheResponse);
+ $("#content").ready(function(){
+ hide_flash(false);
+ init_site(link);
+ });
+ }
+}
+
+function album_request(link, params, obj){
+ hide_flash(true);
+ $.ajax({
+ type: "GET",
+ dataType: "html",
+ url: link,
+ data: params,
+ error: function(){
+ hide_flash(false);
+ show_flash(true);
+ //enable_more_button();
+ },
+ success: function(data){
+ show_songs_from_album(data, obj);
+ }
+ });
+}
+
+function video_request(link, artist, track, play){
+ var params = "artist="+artist+"&track="+track;
+ var dat;
+ $.ajax({
+ type: "GET",
+ dataType: "html",
+ url: jQuery.trim(link),
+ data: params,
+ error: function(){
+ hide_flash(false);
+ show_flash(true);
+ //enable_more_button();
+ return null;
+ },
+ success: function(data){
+ videoRequestResponse(jQuery.trim(data), artist, track, play);
+ }
+ });
+}
\ No newline at end of file
diff --git a/app/assets/javascripts/ajax/routes.js b/app/assets/javascripts/ajax/routes.js
new file mode 100644
index 0000000..6338363
--- /dev/null
+++ b/app/assets/javascripts/ajax/routes.js
@@ -0,0 +1,39 @@
+// Artist Show Page
+Path.map(hashbang+artist_path+":id").to(function(){
+ load_site_request(artist_path, this.params['id']);
+});
+
+// Home Page
+Path.map(hashbang+home_path).to(function(){
+ load_site_request(home_path);
+});
+
+// Charts Page
+Path.map(hashbang+charts_path).to(function(){
+ load_site_request(charts_path);
+});
+
+// Search Page
+Path.map(hashbang+search_path+":q").to(function(){
+ load_site_request(search_path, this.params['q']);
+});
+
+// Sign Up Page
+Path.map(hashbang+register_path).to(function(){
+ load_site_request(register_path);
+});
+
+// Sign In Page
+Path.map(hashbang+login_path).to(function(){
+ load_site_request(login_path);
+});
+
+// Sign Out Page
+Path.map(hashbang+logout_path).to(function(){
+ load_site_request(logout_path);
+});
+
+// User Show Page
+Path.map(hashbang+user_path+":id").to(function(){
+ load_site_request(user_path, this.params['id']);
+});
\ No newline at end of file
diff --git a/app/assets/javascripts/animations/animations.js b/app/assets/javascripts/animations/animations.js
new file mode 100644
index 0000000..10612ac
--- /dev/null
+++ b/app/assets/javascripts/animations/animations.js
@@ -0,0 +1,53 @@
+function show_flash(error){
+ $load = (error) ? $('#error') : $('#loading');
+ if($load.is(":visible")) return false;
+
+ $load.css({"top": "-40px", "opacity": "0"}).show();
+ $load.animate({
+ opacity: 1,
+ top: 0
+ }, 300);
+ if (!error) $('#block').show().fadeTo(400, 0.3);
+}
+
+function hide_flash(error){
+ $load = (error) ? $('#error') : $('#loading');
+ if($load.is(":hidden")) return false;
+
+ $load.animate({
+ opacity: 0,
+ top: -40
+ }, 600, function(){$(this).hide()});
+
+ if (!error) $('#block').fadeTo(300, 0, function(){ $(this).hide();});
+}
+
+
+
+function more_hover(){
+ $('.more').hover(function(){
+ $(this).animate({
+ backgroundColor: "#0086cc",
+ color: "#ffffff"
+ }, 200);
+ }, function(){
+ more_hover_out(this);
+ });
+}
+
+function more_hover_out(obj){
+ $(obj).stop().animate({
+ backgroundColor: "#f4f6f9",
+ color: "#15191d"
+ }, 100);
+}
+
+function init_playlist_scrollbar(){
+ $('#fullscreen #playlist').jScrollPane();
+
+ $('#fullscreen #playlist').hover(function(){
+ $('#fullscreen .jspVerticalBar').stop().fadeTo(300, 1);
+ }, function(){
+ $('#fullscreen .jspVerticalBar').stop().fadeTo(200, 0.02);
+ });
+}
\ No newline at end of file
diff --git a/app/assets/javascripts/animations/fullscreen.js b/app/assets/javascripts/animations/fullscreen.js
new file mode 100644
index 0000000..6edd0d5
--- /dev/null
+++ b/app/assets/javascripts/animations/fullscreen.js
@@ -0,0 +1,52 @@
+$(document).ready(function() {
+ $('.full').live("click",function(){
+ showFullscreen(false);
+ });
+ $("#fullscreen_close").click(function(){
+ showFullscreen(false);
+ });
+});
+
+function showFullscreen(auto){
+ /*if(auto && $('.full').hasClass("open"))
+ {
+ clearInterval(fullscreenInt);
+ return;
+ }*/
+
+ if($('.full').hasClass("open")) {
+ $('#fullscreen').css("top", 0);
+ $("#fullscreen").animate({
+ marginTop: -400,
+ opacity: 0
+ }, 500, function(){
+ $('#ytPlayer').css("marginTop", -9999);
+ $("#site, #bg_stripe").show().animate({
+ marginTop: 0,
+ opacity: 1
+ }, 500);
+ $("#fullscreen_wrap").fadeTo(500, 0, function(){$(this).hide();});
+ $("#fullscreen_close").fadeTo(500, 0);
+ });
+ $('.full').removeClass("open");
+ //fullscreenInt = setInterval ( "showFullscreen(true)", 15000 );
+ }
+ else {
+ $('#fullscreen').css("top", 0);
+ $("#site, #bg_stripe").animate({
+ marginTop: 400,
+ opacity: 0
+ }, 500, function(){
+ $(this).hide();
+ $('#ytPlayer').css("marginTop", 0);
+ $("#fullscreen").css("marginTop", -100).show().animate({
+ marginTop: 120,
+ opacity: 1
+ }, 500);
+ init_playlist_scrollbar();
+ $("#fullscreen_wrap").fadeTo(1000, 0.5);
+ $("#fullscreen_close").fadeTo(500, 1);
+ });
+ $('.full').addClass("open");
+ }
+}
\ No newline at end of file
diff --git a/app/assets/javascripts/application.js b/app/assets/javascripts/application.js
new file mode 100644
index 0000000..06e7710
--- /dev/null
+++ b/app/assets/javascripts/application.js
@@ -0,0 +1,18 @@
+//= require jquery
+//= require jquery_ujs
+//= require_tree ./helper
+//= require_tree ./plugins
+
+//= require config
+//= require pinify
+//= require play
+//= require playlist
+//= require home
+//= require player
+//= require search
+//= require store
+//= require caching
+//= require title
+//= require_tree ./ajax
+//= require_tree ./animations
+//= require layout
diff --git a/app/assets/javascripts/caching.js b/app/assets/javascripts/caching.js
new file mode 100644
index 0000000..af43ad3
--- /dev/null
+++ b/app/assets/javascripts/caching.js
@@ -0,0 +1,9 @@
+function cacheRequest(key, value)
+{
+ value = (typeof value == "undefined" || typeof value == "boolean") ? false : value;
+
+ if(!value)
+ return (jQuery.data(document.body, key) == null) ? false : jQuery.data(document.body, key);
+ else
+ return jQuery.data(document.body, key, value);
+}
\ No newline at end of file
diff --git a/app/assets/javascripts/config.js b/app/assets/javascripts/config.js
new file mode 100644
index 0000000..dcb50f7
--- /dev/null
+++ b/app/assets/javascripts/config.js
@@ -0,0 +1,42 @@
+
+// Default paths for application
+// DON'T CHANGE!!!
+var hashbang = "#!";
+var artist_path = "/artists/";
+var home_path = "/home";
+var charts_path = "/charts";
+var search_path = "/search/";
+var search_autocomplete_path = "/autocomplete/";
+var user_path = "/users/";
+var profile_path = "/profile";
+var register_path = "/register";
+var login_path = "/login";
+var logout_path = "/logout";
+var favourite_path = "/favourize";
+var search_video_path = "/search_video";
+
+// root title
+var documentTitle = "9minutes";
+
+$(document).ready(function(){
+ // home site
+ Path.root("#!/home");
+
+ // initialize path listener
+ Path.listen();
+
+ // redirect non existent links
+ // to the 404 page
+ Path.rescue(function(){
+ // TODO: link to 404 page
+ alert("404: Route Not Found");
+ });
+
+ // Setup default AJAX values
+ // for future requests
+ $.ajaxSetup({
+
+ // 30sec timeout for each request
+ // timeout: 30000
+ });
+});
\ No newline at end of file
diff --git a/app/assets/javascripts/helper/fauxconsole.js b/app/assets/javascripts/helper/fauxconsole.js
new file mode 100644
index 0000000..7079ce1
--- /dev/null
+++ b/app/assets/javascripts/helper/fauxconsole.js
@@ -0,0 +1 @@
+/* Faux Console by Chris Heilmann http://wait-till-i.com */ if(!window.console){var console={init:function(){console.d=document.createElement('div');document.body.appendChild(console.d);var a=document.createElement('a');a.href='javascript:console.hide()';a.innerHTML='close';console.d.appendChild(a);var a=document.createElement('a');a.href='javascript:console.clear();';a.innerHTML='clear';console.d.appendChild(a);var id='fauxconsole';if(!document.getElementById(id)){console.d.id=id;}console.hide();},hide:function(){console.d.style.display='none';},show:function(){console.d.style.display='block';},log:function(o){console.d.innerHTML+='').css({ display:'none', opacity:settings.captionOpacity })
+ );
+
+ // Process caption function
+ var processCaption = function(settings){
+ var nivoCaption = $('.nivo-caption', slider);
+ if(vars.currentImage.attr('title') != '' && vars.currentImage.attr('title') != undefined){
+ var title = vars.currentImage.attr('title');
+ if(title.substr(0,1) == '#') title = $(title).html();
+
+ if(nivoCaption.css('display') == 'block'){
+ nivoCaption.find('p').fadeOut(settings.animSpeed, function(){
+ $(this).html(title);
+ $(this).fadeIn(settings.animSpeed);
+ });
+ } else {
+ nivoCaption.find('p').html(title);
+ }
+ nivoCaption.fadeIn(settings.animSpeed);
+ } else {
+ nivoCaption.fadeOut(settings.animSpeed);
+ }
+ }
+
+ //Process initial caption
+ processCaption(settings);
+
+ //In the words of Super Mario "let's a go!"
+ var timer = 0;
+ if(!settings.manualAdvance && kids.length > 1){
+ timer = setInterval(function(){ nivoRun(slider, kids, settings, false); }, settings.pauseTime);
+ }
+
+ //Add Direction nav
+ if(settings.directionNav){
+ slider.append('');
+
+ //Hide Direction nav
+ if(settings.directionNavHide){
+ $('.nivo-directionNav', slider).hide();
+ slider.hover(function(){
+ $('.nivo-directionNav', slider).show();
+ }, function(){
+ $('.nivo-directionNav', slider).hide();
+ });
+ }
+
+ $('a.nivo-prevNav', slider).live('click', function(){
+ if(vars.running) return false;
+ clearInterval(timer);
+ timer = '';
+ vars.currentSlide -= 2;
+ nivoRun(slider, kids, settings, 'prev');
+ });
+
+ $('a.nivo-nextNav', slider).live('click', function(){
+ if(vars.running) return false;
+ clearInterval(timer);
+ timer = '';
+ nivoRun(slider, kids, settings, 'next');
+ });
+ }
+
+ //Add Control nav
+ if(settings.controlNav){
+ var nivoControl = $('');
+ slider.append(nivoControl);
+ for(var i = 0; i < kids.length; i++){
+ if(settings.controlNavThumbs){
+ var child = kids.eq(i);
+ if(!child.is('img')){
+ child = child.find('img:first');
+ }
+ if (settings.controlNavThumbsFromRel) {
+ nivoControl.append('
', { 'class': 'pinify-topHat-alignment' }).appendTo(teaser);
+ contentDiv = $('
', { 'class': 'pinify-topHat-content' }).appendTo(alignmentDiv);
+ $('![]()
', { id: 'pinify-topHat-logo', src: options.icon, alt: 'Drag Me', 'class': 'msPinSite' }).appendTo(contentDiv);
+ $('').addClass('pinify-topHat-text').text(options.pinText).appendTo(contentDiv);
+ },
+ brandedTopHat: function () {
+ teaser.addClass('pinify-brandedTopHat-container pinify-teaser').css('color', options.style.textColor);
+ if (options.style.backgoundImage) {
+ teaser.css('background-image', options.style.backgroundImage);
+ }
+
+ contentDiv = $('
', { 'class': 'pinify-brandedTopHat-content' }).appendTo(teaser);
+ $('![]()
', { id: 'pinify-brandedTopHat-firstLogo', src: options.icon, alt: 'Drag Me', 'class': 'msPinSite' }).appendTo(contentDiv);
+ $('![]()
', { id: 'pinify-brandedTopHat-thirdLogo', src: options.icon, alt: 'Drag Me', 'class': 'msPinSite' }).appendTo(contentDiv);
+ $('
', { 'class': 'pinify-mainText' }).text(options.pinText).appendTo(contentDiv);
+ $('
', { 'class': 'pinify-brandedTopHat-secondaryText' }).text(options.secondaryText).appendTo(contentDiv);
+ },
+ doubleTopHat: function () {
+ teaser.addClass('pinify-doubleTopHat-container pinify-teaser').css('color', options.style.textColor);
+
+ leftDiv = $('
', { 'class': 'pinify-doubleTopHat-left' }).appendTo(teaser);
+ if (options.style.leftBackgroundImage) {
+ $(leftDiv).css('background-image', options.style.leftBackgoundImage);
+ }
+ leftBar = $('
', { id: 'pinify-doubleTopHat-leftBar' }).appendTo(leftDiv);
+ $('![]()
', { id: 'pinify-doubleTopHat-logo', src: options.icon, alt: 'Drag Me', 'class': 'msPinSite' }).appendTo(leftBar);
+
+ rightDiv = $('
', { 'class': 'pinify-doubleTopHat-right' }).appendTo(teaser);
+ if (options.style.rightBackgroundImage) {
+ $(rightDiv).css('background-image', options.style.rightBackgoundImage);
+ }
+ $('
', { id: 'pinify-doubleTopHat-rightBar' }).appendTo(rightDiv);
+ mainContent = $('
', { id: 'pinify-doubleTopHat-rightBarMainContent' }).appendTo(rightDiv);
+ $('
', { 'class': 'pinify-mainText' }).text(options.pinText).appendTo(mainContent);
+ $('
', { 'class': 'pinify-doubleTopHat-lighterText' }).text(options.secondaryText).appendTo(rightDiv);
+ },
+ hangingChad: function () {
+ teaser.hide();
+ teaser.css({ 'color': options.style.textColor, 'background-color': options.style.backgroundColor }).addClass('pinify-hanging-container pinify-teaser');
+ $('![]()
', { src: options.icon, 'class': 'msPinSite' }).appendTo(teaser);
+ $('
', { 'class': 'pinify-hanging-content' }).appendTo(teaser);
+ $('
', { id: 'pinify-pinText' }).text(options.pinText).appendTo(teaser);
+ teaser.fadeIn('slow');
+ }
+ };
+
+ options = $.extend({}, defaultOptions, options);
+
+ return this.each(function () {
+ //Call the correct builder function based on the type passed in
+ builder[options.type]();
+
+ //If it's not a sticky teaser, fade it out after a delay. Otherwise put a close button on the div
+ if (!options.sticky) {
+ this.delay(options.timeout).fadeOut('slow');
+ } else {
+ $('
').addClass('pinify-closePin').click(function () {
+ $('.pinify-teaser').slideUp('slow');
+ teaser.slideUp('slow');
+ }).appendTo(teaser);
+ }
+
+ if (!options.addStartLink) {
+ return;
+ }
+
+ $('').addClass('pinify-addSiteLink').attr('href', '#').click(function (event) {
+ event.preventDefault();
+
+ try {
+ window.external.msAddSiteMode();
+ } catch (e) { }
+ }).css('color', options.linkColor).appendTo(teaser).text(options.linkText);
+ });
+ }
+ };
+
+ //main entry point for pinify methods that operate on a jQuery wrapped set (above)
+ $.fn.pinify = function (method) {
+ if (!siteModeSupported()) {
+ return this;
+ }
+
+ if (methods[method]) {
+ return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
+ } else if (typeof method === 'object' || !method) {
+ return methods.init.apply(this, arguments);
+ } else {
+ $.error('Method ' + method + ' does not exist on jQuery.pinify');
+ }
+ };
+
+ /* pinify Utility Functions
+ * firstRunState: determines wheter a pinned site has been lanched for the first time
+ * isPinned: Returns true if the site is pinned to the taskbar, false if not
+ * addJumpList: Given options, adds jumplist items to a pinned window
+ * clearJumpList: Clears all dynamic jumplist items from the pinned window
+ * addOverlay: Given options, adds an overlay icon to the taskbar for the pinned site
+ * clearOverlay: Clears the current overlay icon
+ * flashTaskbar: Flashes the taskbar box of a pinned site
+ * createThumbbarButtons: creates buttons on the pinned site preview window thumbbar, and wires events to respond to button clicks
+ */
+ $.pinify = {}; //create the pinify namespace for all of our pinify utilty functions
+
+ /* Return Values
+ * 0 = The pinned site is not in a first run state, or is not pinned
+ * 1 = First run from a drag and drop operation
+ * 2 = First run from a shortcut added to the Start menu (msAddSiteMode)
+ */
+ $.pinify.firstRunState = function (preserveState) {
+ if (!siteModeSupported()) {
+ return 0;
+ }
+
+ if (preserveState) {
+ preserveState = false;
+ }
+
+ try {
+ return window.external.msIsSiteModeFirstRun(preserveState);
+ } catch (e) {
+ return 0;
+ }
+ };
+
+ $.pinify.isPinned = function () {
+ if (!siteModeSupported()) {
+ return false;
+ }
+
+ try {
+ return window.external.msIsSiteMode();
+ } catch (e) {
+ return false;
+ }
+ };
+
+ $.pinify.addJumpList = function (options) {
+ if (!siteModeSupported()) {
+ return this;
+ }
+
+ var defaultOptions = {
+ title: '',
+ items: []
+ };
+
+ options = $.extend({}, defaultOptions, options);
+
+ try {
+ if (window.external.msIsSiteMode()) {
+ window.external.msSiteModeClearJumplist();
+ window.external.msSiteModeCreateJumplist(options.title);
+
+ var items = options.items;
+
+ $.each(items, function (key, value) {
+ window.external.msSiteModeAddJumpListItem(value.name, value.url, value.icon);
+ });
+
+ window.external.msSiteModeShowJumplist();
+ }
+ } catch (e) { }
+
+ return this;
+ };
+
+ $.pinify.clearJumpList = function () {
+ if (!siteModeSupported()) {
+ return this;
+ }
+
+ try {
+ if (window.external.msIsSiteMode()) {
+ window.external.msSiteModeClearJumpList();
+ }
+ } catch (e) { }
+ };
+
+ $.pinify.addOverlay = function (options) {
+ if (!siteModeSupported()) {
+ return this;
+ }
+
+ var defaultOptions = {
+ eventName: 'click',
+ title: '',
+ icon: ''
+ };
+
+ options = $.extend({}, defaultOptions, options);
+
+ try {
+ if (window.external.msIsSiteMode()) {
+ window.external.msSiteModeClearIconOverlay();
+ window.external.msSiteModeSetIconOverlay(options.icon, options.title);
+ }
+ } catch (e) { }
+ };
+
+ $.pinify.clearOverlay = function () {
+ if (!siteModeSupported()) {
+ return this;
+ }
+
+ try {
+ if (window.external.msIsSiteMode()) {
+ window.external.msSiteModeClearIconOverlay();
+ }
+ } catch (e) { }
+ };
+
+ $.pinify.flashTaskbar = function (options) {
+ if (!siteModeSupported()) {
+ return this;
+ }
+
+ try {
+ if (window.external.msIsSiteMode()) {
+ window.external.msSiteModeActivate();
+ }
+ } catch (e) { }
+ };
+
+ $.pinify.createThumbbarButtons = function (options) {
+ if (!siteModeSupported()) {
+ return this;
+ }
+
+ var defaultOptions = {
+ buttons: []
+ };
+
+ options = $.extend({}, defaultOptions, options);
+
+ try {
+ if (window.external.msIsSiteMode()) {
+ var buttons = [];
+ //Create a ButtonStyle Object to hold a reference to the current button, an alternate style,
+ //if any, and the active Style
+ var ButtonStyle = function () { };
+ ButtonStyle.prototype.button = null;
+ ButtonStyle.prototype.alternateStyle = null;
+ ButtonStyle.prototype.activeStyle = 0;
+ ButtonStyle.prototype.click = null;
+
+ //Create the method to respond to thumbbar button clicks
+ var clickCurrent = function (btn) {
+ var curr = buttons[btn.buttonID];
+ curr.click();
+
+ if (curr.alternateStyle) {
+ var newStyle = curr.activeStyle === 0 ? curr.alternateStyle : 0;
+ window.external.msSiteModeShowButtonStyle(curr.button, newStyle);
+ curr.activeStyle = newStyle;
+ }
+ };
+
+ $.each(options.buttons, function (key, value) {
+ var btn = window.external.msSiteModeAddThumbBarButton(value.icon, value.name);
+ var altBtn;
+
+ if (value.alternateStyle) {
+ var style = value.alternateStyle;
+ altBtn = window.external.msSiteModeAddButtonStyle(btn, style.icon, style.name);
+ }
+
+ var buttonStyle = new ButtonStyle();
+ buttonStyle.button = btn;
+ buttonStyle.alternateStyle = altBtn;
+ buttonStyle.click = value.click;
+ buttons[btn] = buttonStyle;
+
+ document.addEventListener('msthumbnailclick', clickCurrent, false);
+ });
+
+ //Hide thumbbar buttons when the page is unloaded.
+ window.onunload = function () {
+ var key;
+ for (key in buttons) {
+ if (buttons.hasOwnProperty(key)) {
+ window.external.msSiteModeUpdateThumbBarButton(buttons[key].button, true, false);
+ }
+ }
+ };
+
+ //Make sure to re-display thumbbar buttons if they are hidden on a page unload.
+ window.onload = function () {
+ var key;
+ for (key in buttons) {
+ if (buttons.hasOwnProperty(key)) {
+ window.external.msSiteModeUpdateThumbBarButton(buttons[key].button, true, true);
+ }
+ }
+ };
+
+ window.external.msSiteModeShowThumbBar();
+ }
+ } catch (e) { }
+ };
+})(jQuery);
diff --git a/app/assets/javascripts/plugins/player.js b/app/assets/javascripts/plugins/player.js
new file mode 100644
index 0000000..b6c6e72
--- /dev/null
+++ b/app/assets/javascripts/plugins/player.js
@@ -0,0 +1,145 @@
+var active = null;
+
+function updateHTML(elmId, value) {
+ document.getElementById(elmId).innerHTML = value;
+}
+
+function onPlayerError(errorCode) {
+ alert("An error occured of type:" + errorCode);
+}
+
+function onPlayerStateChange(newState) {
+ switch(newState) {
+ case 1: // PLAY
+ playControl(true);
+ break;
+ case 2: // PAUSE
+ case 5:
+ playControl(false);
+ break;
+ case 0:
+ playControl(false);
+ nextVideo();
+ break;
+ }
+
+}
+
+function updatePlayerInfo() {
+ if(ytplayer && ytplayer.getDuration) {
+ var crnt = (parseInt(ytplayer.getCurrentTime()) / parseInt(ytplayer.getDuration())) * 100;
+ $(".sidebar #scrubbar").data("rangeinput").setValue(crnt);
+ }
+}
+
+function playVideo() {
+ if (ytplayer) {
+ ytplayer.playVideo();
+ }
+}
+
+function pauseVideo() {
+ if (ytplayer) {
+ ytplayer.pauseVideo();
+ }
+}
+
+function muteVideo() {
+ if(ytplayer) {
+ volumeControl(true);
+ ytplayer.mute();
+ }
+}
+
+function unMuteVideo() {
+ if(ytplayer) {
+ volumeControl(false);
+ ytplayer.unMute();
+ }
+}
+
+
+
+function nextVideo()
+{
+ $e = activeVid();
+ $next = $e.next('div');
+ if($next.html() != null)
+ loadVideo($next.attr('vid'));
+ else loadVideo($('#playlist .el:first-child').attr('vid'));
+}
+
+function prevVideo()
+{
+ $e = activeVid();
+ $prev = $e.prev('div');
+ if($prev.html() != null)
+ loadVideo($prev.attr('vid'));
+ else loadVideo($('#playlist .el:last-child').attr('vid'));
+ //$(this).parent().children().index(this);
+}
+
+
+
+
+
+
+function loadVideo(vid) {
+ ytplayer.loadVideoById(vid);
+
+ active = vid;
+ setCurrentSong(vid);
+ /*
+ active = videoID;
+ $li = activeVid();
+ $('#playlist li').each(function(){
+ $(this).removeClass("active");
+ });
+ $li.addClass("active");
+
+ $('#track .artist').text($li.children('a').text());
+ $('#track .track').text($li.children('span').text());*/
+}
+
+
+
+
+
+
+// This function is automatically called by the player once it loads
+function onYouTubePlayerReady(playerId) {
+ ytplayer = document.getElementById("ytPlayer");
+ // This causes the updatePlayerInfo function to be called every 250ms to
+ // get fresh data from the player
+ setInterval(updatePlayerInfo, 250);
+ updatePlayerInfo();
+ ytplayer.addEventListener("onStateChange", "onPlayerStateChange");
+ ytplayer.addEventListener("onError", "onPlayerError");
+ //Load an initial video into the player
+ ytplayer.cueVideoById("sEOLtJZjnEA");
+}
+
+// The "main method" of this sample. Called when someone clicks "Run".
+function loadPlayer() {
+ // Lets Flash from another domain call JavaScript
+ var params = { allowScriptAccess: "always" };
+ // The element id of the Flash embed
+ var atts = { id: "ytPlayer" };
+ // All of the magic handled by SWFObject (http://code.google.com/p/swfobject/)
+ swfobject.embedSWF("http://www.youtube.com/apiplayer?" +
+ "&enablejsapi=1&playerapiid=player1",
+ "video", "640", "360", "8", null, null, params, atts);
+}
+
+function _run() {
+ loadPlayer();
+ $('#fullscreen').css("top", -9999);
+}
+
+
+
+function activeVid()
+{
+ $x = $('#playlist .el[vid='+active+']');
+ return ($x==null) ? '' : $x;
+}
\ No newline at end of file
diff --git a/app/assets/javascripts/plugins/rangeinput.js b/app/assets/javascripts/plugins/rangeinput.js
new file mode 100644
index 0000000..582fc39
--- /dev/null
+++ b/app/assets/javascripts/plugins/rangeinput.js
@@ -0,0 +1,49 @@
+/*
+ * jQuery Tools 1.2.5 - The missing UI library for the Web
+ *
+ * [dateinput, rangeinput, validator]
+ *
+ * NO COPYRIGHTS OR LICENSES. DO WHAT YOU LIKE.
+ *
+ * http://flowplayer.org/tools/
+ *
+ * File generated: Wed Sep 22 06:12:54 GMT 2010
+ */
+(function(d){function R(a,c){return 32-(new Date(a,c,32)).getDate()}function S(a,c){a=""+a;for(c=c||2;a.length=0){if(!w){h.show(e);return e.preventDefault()}var i=d("#"+f.weeks+" a"),t=d("."+f.focus),o=i.index(t);t.removeClass(f.focus);if(g==74||g==40)o+=7;else if(g==75||g==38)o-=7;else if(g==76||g==39)o+=1;else if(g==72||g==37)o-=1;if(o>41){h.addMonth();t=d("#"+
+f.weeks+" a:eq("+(o-42)+")")}else if(o<0){h.addMonth(-1);t=d("#"+f.weeks+" a:eq("+(o+42)+")")}else t=i.eq(o);t.addClass(f.focus);return e.preventDefault()}if(g==34)return h.addMonth();if(g==33)return h.addMonth(-1);if(g==36)return h.today();if(g==13)d(e.target).is("select")||d("."+f.focus).click();return d([16,17,18,9]).index(g)>=0});d(document).bind("click.d",function(e){var g=e.target;if(!d(g).parents("#"+f.root).length&&g!=a[0]&&(!L||g!=L[0]))h.hide(e)})}var h=this,r=new Date,f=c.css,s=B[c.lang],
+k=d("#"+f.root),M=k.find("#"+f.title),L,I,J,D,E,G,n=a.attr("data-value")||c.value||a.val(),m=a.attr("min")||c.min,p=a.attr("max")||c.max,w;if(m===0)m="0";n=C(n)||r;m=C(m||c.yearRange[0]*365);p=C(p||c.yearRange[1]*365);if(!s)throw"Dateinput: invalid language: "+c.lang;if(a.attr("type")=="date"){var N=d("");d.each("class,disabled,id,maxlength,name,readonly,required,size,style,tabindex,title,value".split(","),function(b,e){N.attr(e,a.attr(e))});a.replaceWith(N);a=N}a.addClass(f.input);var H=
+a.add(h);if(!k.length){k=d("").hide().css({position:"absolute"}).attr("id",f.root);k.children().eq(0).attr("id",f.head).end().eq(1).attr("id",f.body).children().eq(0).attr("id",f.days).end().eq(1).attr("id",f.weeks).end().end().end().find("a").eq(0).attr("id",f.prev).end().eq(1).attr("id",f.next);M=k.find("#"+f.head).find("div").attr("id",f.title);if(c.selectors){var z=d("").attr("id",f.month),A=d("").attr("id",f.year);M.html(z.add(A))}for(var $=
+k.find("#"+f.days),O=0;O<7;O++)$.append(d("").text(s.shortDays[(O+c.firstDay)%7]));d("body").append(k)}if(c.trigger)L=d("").attr("href","#").addClass(f.trigger).click(function(b){h.show();return b.preventDefault()}).insertAfter(a);var K=k.find("#"+f.weeks);A=k.find("#"+f.year);z=k.find("#"+f.month);d.extend(h,{show:function(b){if(!(a.attr("readonly")||a.attr("disabled")||w)){b=b||d.Event();b.type="onBeforeShow";H.trigger(b);if(!b.isDefaultPrevented()){d.each(W,function(){this.hide()});
+w=true;z.unbind("change").change(function(){h.setValue(A.val(),d(this).val())});A.unbind("change").change(function(){h.setValue(d(this).val(),z.val())});I=k.find("#"+f.prev).unbind("click").click(function(){I.hasClass(f.disabled)||h.addMonth(-1);return false});J=k.find("#"+f.next).unbind("click").click(function(){J.hasClass(f.disabled)||h.addMonth();return false});h.setValue(n);var e=a.offset();if(/iPad/i.test(navigator.userAgent))e.top-=d(window).scrollTop();k.css({top:e.top+a.outerHeight({margins:true})+
+c.offset[0],left:e.left+c.offset[1]});if(c.speed)k.show(c.speed,function(){q(b)});else{k.show();q(b)}return h}}},setValue:function(b,e,g){var i=v(e)>=-1?new Date(v(b),v(e),v(g||1)):b||n;if(ip)i=p;b=i.getFullYear();e=i.getMonth();g=i.getDate();if(e==-1){e=11;b--}else if(e==12){e=0;b++}if(!w){j(i,c);return h}E=e;D=b;g=new Date(b,e,1-c.firstDay);g=g.getDay();var t=R(b,e),o=R(b,e-1),P;if(c.selectors){z.empty();d.each(s.months,function(x,F){mnew Date(b,x,0)&&z.append(d("").html(F).attr("value",
+x))});A.empty();i=r.getFullYear();for(var l=i+c.yearRange[0];lnew Date(l,0,0)&&A.append(d("").text(l));z.val(e);A.val(b)}else M.html(s.months[e]+" "+b);K.empty();I.add(J).removeClass(f.disabled);l=!g?-7:0;for(var u,y;l<(!g?35:42);l++){u=d("");if(l%7===0){P=d("").addClass(f.week);K.append(P)}if(l=g+t){u.addClass(f.off);y=l-t-g+1;i=new Date(b,e+1,y)}else{y=l-g+1;i=new Date(b,
+e,y);if(U(n,i))u.attr("id",f.current).addClass(f.focus);else U(r,i)&&u.attr("id",f.today)}m&&ip&&u.add(J).addClass(f.disabled);u.attr("href","#"+y).text(y).data("date",i);P.append(u)}K.find("a").click(function(x){var F=d(this);if(!F.hasClass(f.disabled)){d("#"+f.current).removeAttr("id");F.attr("id",f.current);j(F.data("date"),c,x)}return false});f.sunday&&K.find(f.week).each(function(){var x=c.firstDay?7-c.firstDay:0;d(this).children().slice(x,x+1).addClass(f.sunday)});
+return h},setMin:function(b,e){m=C(b);e&&np&&h.setValue(p);return h},today:function(){return h.setValue(r)},addDay:function(b){return this.setValue(D,E,G+(b||1))},addMonth:function(b){return this.setValue(D,E+(b||1),G)},addYear:function(b){return this.setValue(D+(b||1),E,G)},hide:function(b){if(w){b=d.Event();b.type="onHide";H.trigger(b);d(document).unbind("click.d").unbind("keydown.d");if(b.isDefaultPrevented())return;k.hide();w=false}return h},
+getConf:function(){return c},getInput:function(){return a},getCalendar:function(){return k},getValue:function(b){return b?T(n,b,c.lang):n},isOpen:function(){return w}});d.each(["onBeforeShow","onShow","change","onHide"],function(b,e){d.isFunction(c[e])&&d(h).bind(e,c[e]);h[e]=function(g){g&&d(h).bind(e,g);return h}});a.bind("focus click",h.show).keydown(function(b){var e=b.keyCode;if(!w&&d(V).index(e)>=0){h.show(b);return b.preventDefault()}return b.shiftKey||b.ctrlKey||b.altKey||e==9?true:b.preventDefault()});
+C(a.val())&&j(n,c)}d.tools=d.tools||{version:"1.2.5"};var W=[],Q,V=[75,76,38,39,74,72,40,37],B={};Q=d.tools.dateinput={conf:{format:"mm/dd/yy",selectors:false,yearRange:[-5,5],lang:"en",offset:[0,0],speed:0,firstDay:0,min:undefined,max:undefined,trigger:false,css:{prefix:"cal",input:"date",root:0,head:0,title:0,prev:0,next:0,month:0,year:0,days:0,body:0,weeks:0,today:0,current:0,week:0,off:0,sunday:0,focus:0,disabled:0,trigger:0}},localize:function(a,c){d.each(c,function(j,q){c[j]=q.split(",")});
+B[a]=c}};Q.localize("en",{months:"January,February,March,April,May,June,July,August,September,October,November,December",shortMonths:"Jan,Feb,Mar,Apr,May,Jun,Jul,Aug,Sep,Oct,Nov,Dec",days:"Sunday,Monday,Tuesday,Wednesday,Thursday,Friday,Saturday",shortDays:"Sun,Mon,Tue,Wed,Thu,Fri,Sat"});var X=/d{1,4}|m{1,4}|yy(?:yy)?|"[^"]*"|'[^']*'/g,Y=d("");d.expr[":"].date=function(a){var c=a.getAttribute("type");return c&&c=="date"||!!d(a).data("dateinput")};d.fn.dateinput=function(a){if(this.data("dateinput"))return this;
+a=d.extend(true,{},Q.conf,a);d.each(a.css,function(j,q){if(!q&&j!="prefix")a.css[j]=(a.css.prefix||"")+(q||j)});var c;this.each(function(){var j=new Z(d(this),a);W.push(j);j=j.getInput().data("dateinput",j);c=c?c.add(j):j});return c?c:this}})(jQuery);
+(function(e){function F(d,a){a=Math.pow(10,a);return Math.round(d*a)/a}function q(d,a){if(a=parseInt(d.css(a),10))return a;return(d=d[0].currentStyle)&&d.width&&parseInt(d.width,10)}function C(d){return(d=d.data("events"))&&d.onSlide}function G(d,a){function h(c,b,f,j){if(f===undefined)f=b/k*z;else if(j)f-=a.min;if(s)f=Math.round(f/s)*s;if(b===undefined||s)b=f*k/z;if(isNaN(f))return g;b=Math.max(0,Math.min(b,k));f=b/k*z;if(j||!n)f+=a.min;if(n)if(j)b=k-b;else f=a.max-f;f=F(f,t);var r=c.type=="click";
+if(D&&l!==undefined&&!r){c.type="onSlide";A.trigger(c,[f,b]);if(c.isDefaultPrevented())return g}j=r?a.speed:0;r=r?function(){c.type="change";A.trigger(c,[f])}:null;if(n){m.animate({top:b},j,r);a.progress&&B.animate({height:k-b+m.width()/2},j)}else{m.animate({left:b},j,r);a.progress&&B.animate({width:b+m.width()/2},j)}l=f;H=b;d.val(f);return g}function o(){if(n=a.vertical||q(i,"height")>q(i,"width")){k=q(i,"height")-q(m,"height");u=i.offset().top+k}else{k=q(i,"width")-q(m,"width");u=i.offset().left}}
+function v(){o();g.setValue(a.value!==undefined?a.value:a.min)}var g=this,p=a.css,i=e("").data("rangeinput",g),n,l,u,k,H;d.before(i);var m=i.addClass(p.slider).find("a").addClass(p.handle),B=i.find("div").addClass(p.progress);e.each("min,max,step,value".split(","),function(c,b){c=d.attr(b);if(parseFloat(c))a[b]=parseFloat(c,10)});var z=a.max-a.min,s=a.step=="any"?0:a.step,t=a.precision;if(t===undefined)try{t=s.toString().split(".")[1].length}catch(I){t=0}if(d.attr("type")==
+"range"){var w=e("");e.each("class,disabled,id,maxlength,name,readonly,required,size,style,tabindex,title,value".split(","),function(c,b){w.attr(b,d.attr(b))});w.val(a.value);d.replaceWith(w);d=w}d.addClass(p.input);var A=e(g).add(d),D=true;e.extend(g,{getValue:function(){return l},setValue:function(c,b){o();return h(b||e.Event("api"),undefined,c,true)},getConf:function(){return a},getProgress:function(){return B},getHandle:function(){return m},getInput:function(){return d},step:function(c,
+b){b=b||e.Event();var f=a.step=="any"?1:a.step;g.setValue(l+f*(c||1),b)},stepUp:function(c){return g.step(c||1)},stepDown:function(c){return g.step(-c||-1)}});e.each("onSlide,change".split(","),function(c,b){e.isFunction(a[b])&&e(g).bind(b,a[b]);g[b]=function(f){f&&e(g).bind(b,f);return g}});m.drag({drag:false}).bind("dragStart",function(){o();D=C(e(g))||C(d)}).bind("drag",function(c,b,f){if(d.is(":disabled"))return false;h(c,n?b:f)}).bind("dragEnd",function(c){if(!c.isDefaultPrevented()){c.type=
+"change";A.trigger(c,[l])}}).click(function(c){return c.preventDefault()});i.click(function(c){if(d.is(":disabled")||c.target==m[0])return c.preventDefault();o();var b=m.width()/2;h(c,n?k-u-b+c.pageY:c.pageX-u-b)});a.keyboard&&d.keydown(function(c){if(!d.attr("readonly")){var b=c.keyCode,f=e([75,76,38,33,39]).index(b)!=-1,j=e([74,72,40,34,37]).index(b)!=-1;if((f||j)&&!(c.shiftKey||c.altKey||c.ctrlKey)){if(f)g.step(b==33?10:1,c);else if(j)g.step(b==34?-10:-1,c);return c.preventDefault()}}});d.blur(function(c){var b=
+e(this).val();b!==l&&g.setValue(b,c)});e.extend(d[0],{stepUp:g.stepUp,stepDown:g.stepDown});v();k||e(window).load(v)}e.tools=e.tools||{version:"1.2.5"};var E;E=e.tools.rangeinput={conf:{min:0,max:100,step:"any",steps:0,value:0,precision:undefined,vertical:0,keyboard:true,progress:false,speed:100,css:{input:"range",slider:"slider",progress:"progress",handle:"handle"}}};var x,y;e.fn.drag=function(d){document.ondragstart=function(){return false};d=e.extend({x:true,y:true,drag:true},d);x=x||e(document).bind("mousedown mouseup",
+function(a){var h=e(a.target);if(a.type=="mousedown"&&h.data("drag")){var o=h.position(),v=a.pageX-o.left,g=a.pageY-o.top,p=true;x.bind("mousemove.drag",function(i){var n=i.pageX-v;i=i.pageY-g;var l={};if(d.x)l.left=n;if(d.y)l.top=i;if(p){h.trigger("dragStart");p=false}d.drag&&h.css(l);h.trigger("drag",[i,n]);y=h});a.preventDefault()}else try{y&&y.trigger("dragEnd")}finally{x.unbind("mousemove.drag");y=null}});return this.data("drag",true)};e.expr[":"].range=function(d){var a=d.getAttribute("type");
+return a&&a=="range"||!!e(d).filter("input").data("rangeinput")};e.fn.rangeinput=function(d){if(this.data("rangeinput"))return this;d=e.extend(true,{},E.conf,d);var a;this.each(function(){var h=new G(e(this),e.extend(true,{},d));h=h.getInput().data("rangeinput",h);a=a?a.add(h):h});return a?a:this}})(jQuery);
+(function(e){function t(a,b,c){var k=a.offset().top,f=a.offset().left,l=c.position.split(/,?\s+/),p=l[0];l=l[1];k-=b.outerHeight()-c.offset[0];f+=a.outerWidth()+c.offset[1];if(/iPad/i.test(navigator.userAgent))k-=e(window).scrollTop();c=b.outerHeight()+a.outerHeight();if(p=="center")k+=c/2;if(p=="bottom")k+=c;a=a.outerWidth();if(l=="center")f-=(a+b.outerWidth())/2;if(l=="left")f-=a;return{top:k,left:f}}function y(a){function b(){return this.getAttribute("type")==a}b.key="[type="+a+"]";return b}function u(a,
+b,c){function k(g,d,i){if(!(!c.grouped&&g.length)){var j;if(i===false||e.isArray(i)){j=h.messages[d.key||d]||h.messages["*"];j=j[c.lang]||h.messages["*"].en;(d=j.match(/\$\d/g))&&e.isArray(i)&&e.each(d,function(m){j=j.replace(this,i[m])})}else j=i[c.lang]||i;g.push(j)}}var f=this,l=b.add(f);a=a.not(":button, :image, :reset, :submit");e.extend(f,{getConf:function(){return c},getForm:function(){return b},getInputs:function(){return a},reflow:function(){a.each(function(){var g=e(this),d=g.data("msg.el");
+if(d){g=t(g,d,c);d.css({top:g.top,left:g.left})}});return f},invalidate:function(g,d){if(!d){var i=[];e.each(g,function(j,m){j=a.filter("[name='"+j+"']");if(j.length){j.trigger("OI",[m]);i.push({input:j,messages:[m]})}});g=i;d=e.Event()}d.type="onFail";l.trigger(d,[g]);d.isDefaultPrevented()||q[c.effect][0].call(f,g,d);return f},reset:function(g){g=g||a;g.removeClass(c.errorClass).each(function(){var d=e(this).data("msg.el");if(d){d.remove();e(this).data("msg.el",null)}}).unbind(c.errorInputEvent||
+"");return f},destroy:function(){b.unbind(c.formEvent+".V").unbind("reset.V");a.unbind(c.inputEvent+".V").unbind("change.V");return f.reset()},checkValidity:function(g,d){g=g||a;g=g.not(":disabled");if(!g.length)return true;d=d||e.Event();d.type="onBeforeValidate";l.trigger(d,[g]);if(d.isDefaultPrevented())return d.result;var i=[];g.not(":radio:not(:checked)").each(function(){var m=[],n=e(this).data("messages",m),v=r&&n.is(":date")?"onHide.v":c.errorInputEvent+".v";n.unbind(v);e.each(w,function(){var o=
+this,s=o[0];if(n.filter(s).length){o=o[1].call(f,n,n.val());if(o!==true){d.type="onBeforeFail";l.trigger(d,[n,s]);if(d.isDefaultPrevented())return false;var x=n.attr(c.messageAttr);if(x){m=[x];return false}else k(m,s,o)}}});if(m.length){i.push({input:n,messages:m});n.trigger("OI",[m]);c.errorInputEvent&&n.bind(v,function(o){f.checkValidity(n,o)})}if(c.singleError&&i.length)return false});var j=q[c.effect];if(!j)throw'Validator: cannot find effect "'+c.effect+'"';if(i.length){f.invalidate(i,d);return false}else{j[1].call(f,
+g,d);d.type="onSuccess";l.trigger(d,[g]);g.unbind(c.errorInputEvent+".v")}return true}});e.each("onBeforeValidate,onBeforeFail,onFail,onSuccess".split(","),function(g,d){e.isFunction(c[d])&&e(f).bind(d,c[d]);f[d]=function(i){i&&e(f).bind(d,i);return f}});c.formEvent&&b.bind(c.formEvent+".V",function(g){if(!f.checkValidity(null,g))return g.preventDefault()});b.bind("reset.V",function(){f.reset()});a[0]&&a[0].validity&&a.each(function(){this.oninvalid=function(){return false}});if(b[0])b[0].checkValidity=
+f.checkValidity;c.inputEvent&&a.bind(c.inputEvent+".V",function(g){f.checkValidity(e(this),g)});a.filter(":checkbox, select").filter("[required]").bind("change.V",function(g){var d=e(this);if(this.checked||d.is("select")&&e(this).val())q[c.effect][1].call(f,d,g)});var p=a.filter(":radio").change(function(g){f.checkValidity(p,g)});e(window).resize(function(){f.reflow()})}e.tools=e.tools||{version:"1.2.5"};var z=/\[type=([a-z]+)\]/,A=/^-?[0-9]*(\.[0-9]+)?$/,r=e.tools.dateinput,B=/^([a-z0-9_\.\-\+]+)@([\da-z\.\-]+)\.([a-z\.]{2,6})$/i,
+C=/^(https?:\/\/)?[\da-z\.\-]+\.[a-z\.]{2,6}[#&+_\?\/\w \.\-=]*$/i,h;h=e.tools.validator={conf:{grouped:false,effect:"default",errorClass:"invalid",inputEvent:null,errorInputEvent:"keyup",formEvent:"submit",lang:"en",message:"",messageAttr:"data-message",messageClass:"error",offset:[0,0],position:"center right",singleError:false,speed:"normal"},messages:{"*":{en:"Please correct this value"}},localize:function(a,b){e.each(b,function(c,k){h.messages[c]=h.messages[c]||{};h.messages[c][a]=k})},
+localizeFn:function(a,b){h.messages[a]=h.messages[a]||{};e.extend(h.messages[a],b)},fn:function(a,b,c){if(e.isFunction(b))c=b;else{if(typeof b=="string")b={en:b};this.messages[a.key||a]=b}if(b=z.exec(a))a=y(b[1]);w.push([a,c])},addEffect:function(a,b,c){q[a]=[b,c]}};var w=[],q={"default":[function(a){var b=this.getConf();e.each(a,function(c,k){c=k.input;c.addClass(b.errorClass);var f=c.data("msg.el");if(!f){f=e(b.message).addClass(b.messageClass).appendTo(document.body);c.data("msg.el",f)}f.css({visibility:"hidden"}).find("p").remove();
+e.each(k.messages,function(l,p){e("").html(p).appendTo(f)});f.outerWidth()==f.parent().width()&&f.add(f.find("p")).css({display:"inline"});k=t(c,f,b);f.css({visibility:"visible",position:"absolute",top:k.top,left:k.left}).fadeIn(b.speed)})},function(a){var b=this.getConf();a.removeClass(b.errorClass).each(function(){var c=e(this).data("msg.el");c&&c.css({visibility:"hidden"})})}]};e.each("email,url,number".split(","),function(a,b){e.expr[":"][b]=function(c){return c.getAttribute("type")===b}});
+e.fn.oninvalid=function(a){return this[a?"bind":"trigger"]("OI",a)};h.fn(":email","Please enter a valid email address",function(a,b){return!b||B.test(b)});h.fn(":url","Please enter a valid URL",function(a,b){return!b||C.test(b)});h.fn(":number","Please enter a numeric value.",function(a,b){return A.test(b)});h.fn("[max]","Please enter a value smaller than $1",function(a,b){if(b===""||r&&a.is(":date"))return true;a=a.attr("max");return parseFloat(b)<=parseFloat(a)?true:[a]});h.fn("[min]","Please enter a value larger than $1",
+function(a,b){if(b===""||r&&a.is(":date"))return true;a=a.attr("min");return parseFloat(b)>=parseFloat(a)?true:[a]});h.fn("[required]","Please complete this mandatory field.",function(a,b){if(a.is(":checkbox"))return a.is(":checked");return!!b});h.fn("[pattern]",function(a){var b=new RegExp("^"+a.attr("pattern")+"$");return b.test(a.val())});e.fn.validator=function(a){var b=this.data("validator");if(b){b.destroy();this.removeData("validator")}a=e.extend(true,{},h.conf,a);if(this.is("form"))return this.each(function(){var c=
+e(this);b=new u(c.find(":input"),c,a);c.data("validator",b)});else{b=new u(this,this.eq(0).closest("form"),a);return this.data("validator",b)}}})(jQuery);
\ No newline at end of file
diff --git a/app/assets/javascripts/plugins/replaceall.js b/app/assets/javascripts/plugins/replaceall.js
new file mode 100644
index 0000000..3e2a700
--- /dev/null
+++ b/app/assets/javascripts/plugins/replaceall.js
@@ -0,0 +1,22 @@
+String.prototype.replaceAll = function(
+ strTarget,
+ strSubString
+ ){
+ var strText = this;
+ var intIndexOfMatch = strText.indexOf( strTarget );
+
+ while (intIndexOfMatch != -1)
+ {
+ strText = strText.replace( strTarget, strSubString )
+ intIndexOfMatch = strText.indexOf( strTarget );
+ }
+
+ return(strText);
+}
+
+String.prototype.urifyAll = function(){
+ var strText = this;
+ var text = unescape(decodeURI(strText).replaceAll("+", " "));
+
+ return(text);
+}
\ No newline at end of file
diff --git a/app/assets/javascripts/plugins/scrolling.js b/app/assets/javascripts/plugins/scrolling.js
new file mode 100644
index 0000000..b4ebc00
--- /dev/null
+++ b/app/assets/javascripts/plugins/scrolling.js
@@ -0,0 +1,118 @@
+/*! Copyright (c) 2010 Brandon Aaron (http://brandonaaron.net)
+ * Licensed under the MIT License (LICENSE.txt).
+ *
+ * Thanks to: http://adomas.org/javascript-mouse-wheel/ for some pointers.
+ * Thanks to: Mathias Bank(http://www.mathias-bank.de) for a scope bug fix.
+ * Thanks to: Seamus Leahy for adding deltaX and deltaY
+ *
+ * Version: 3.0.4
+ *
+ * Requires: 1.2.2+
+ */
+
+(function($) {
+
+var types = ['DOMMouseScroll', 'mousewheel'];
+
+$.event.special.mousewheel = {
+ setup: function() {
+ if ( this.addEventListener ) {
+ for ( var i=types.length; i; ) {
+ this.addEventListener( types[--i], handler, false );
+ }
+ } else {
+ this.onmousewheel = handler;
+ }
+ },
+
+ teardown: function() {
+ if ( this.removeEventListener ) {
+ for ( var i=types.length; i; ) {
+ this.removeEventListener( types[--i], handler, false );
+ }
+ } else {
+ this.onmousewheel = null;
+ }
+ }
+};
+
+$.fn.extend({
+ mousewheel: function(fn) {
+ return fn ? this.bind("mousewheel", fn) : this.trigger("mousewheel");
+ },
+
+ unmousewheel: function(fn) {
+ return this.unbind("mousewheel", fn);
+ }
+});
+
+
+function handler(event) {
+ var orgEvent = event || window.event, args = [].slice.call( arguments, 1 ), delta = 0, returnValue = true, deltaX = 0, deltaY = 0;
+ event = $.event.fix(orgEvent);
+ event.type = "mousewheel";
+
+ // Old school scrollwheel delta
+ if ( event.wheelDelta ) { delta = event.wheelDelta/120; }
+ if ( event.detail ) { delta = -event.detail/3; }
+
+ // New school multidimensional scroll (touchpads) deltas
+ deltaY = delta;
+
+ // Gecko
+ if ( orgEvent.axis !== undefined && orgEvent.axis === orgEvent.HORIZONTAL_AXIS ) {
+ deltaY = 0;
+ deltaX = -1*delta;
+ }
+
+ // Webkit
+ if ( orgEvent.wheelDeltaY !== undefined ) { deltaY = orgEvent.wheelDeltaY/120; }
+ if ( orgEvent.wheelDeltaX !== undefined ) { deltaX = -1*orgEvent.wheelDeltaX/120; }
+
+ // Add event and delta to the front of the arguments
+ args.unshift(event, delta, deltaX, deltaY);
+
+ return $.event.handle.apply(this, args);
+}
+
+})(jQuery);
+
+
+
+
+
+
+
+
+
+
+
+
+/*
+* jScrollPane - v2.0.0beta6 - 2010-10-28
+* http://jscrollpane.kelvinluck.com/
+*
+* Copyright (c) 2010 Kelvin Luck
+* Dual licensed under the MIT and GPL licenses.
+*/
+(function (b, a, c) {
+ b.fn.jScrollPane = function (f) {
+ function d(C, L) {
+ var au, N = this, V, ah, v, aj, Q, W, y, q, av, aB, ap, i, H, h, j, X, R, al, U, t, A, am, ac, ak, F, l, ao, at, x, aq, aE, g, aA, ag = true, M = true, aD = false, k = false, Z = b.fn.mwheelIntent ? "mwheelIntent.jsp" : "mousewheel.jsp"; aE = C.css("paddingTop") + " " + C.css("paddingRight") + " " + C.css("paddingBottom") + " " + C.css("paddingLeft"); g = (parseInt(C.css("paddingLeft")) || 0) + (parseInt(C.css("paddingRight")) || 0); an(L); function an(aH) { var aL, aK, aJ, aG, aF, aI; au = aH; if (V == c) { C.css({ overflow: "hidden", padding: 0 }); ah = C.innerWidth() + g; v = C.innerHeight(); C.width(ah); V = b('').wrap(b('').css({ width: ah + "px", height: v + "px" })); C.wrapInner(V.parent()); aj = C.find(">.jspContainer"); V = aj.find(">.jspPane"); V.css("padding", aE) } else { C.css("width", ""); aI = C.outerWidth() + g != ah || C.outerHeight() != v; if (aI) { ah = C.innerWidth() + g; v = C.innerHeight(); aj.css({ width: ah + "px", height: v + "px" }) } aA = V.innerWidth(); if (!aI && V.outerWidth() == Q && V.outerHeight() == W) { if (aB || av) { V.css("width", aA + "px"); C.css("width", (aA + g) + "px") } return } V.css("width", ""); C.css("width", (ah) + "px"); aj.find(">.jspVerticalBar,>.jspHorizontalBar").remove().end() } aL = V.clone().css("position", "absolute"); aK = b('').append(aL); b("body").append(aK); Q = Math.max(V.outerWidth(), aL.outerWidth()); aK.remove(); W = V.outerHeight(); y = Q / ah; q = W / v; av = q > 1; aB = y > 1; if (!(aB || av)) { C.removeClass("jspScrollable"); V.css({ top: 0, width: aj.width() - g }); n(); D(); O(); w(); af() } else { C.addClass("jspScrollable"); aJ = au.maintainPosition && (H || X); if (aJ) { aG = ay(); aF = aw() } aC(); z(); E(); if (aJ) { K(aG); J(aF) } I(); ad(); if (au.enableKeyboardNavigation) { P() } if (au.clickOnTrack) { p() } B(); if (au.hijackInternalLinks) { m() } } if (au.autoReinitialise && !aq) { aq = setInterval(function () { an(au) }, au.autoReinitialiseDelay) } else { if (!au.autoReinitialise && aq) { clearInterval(aq) } } C.trigger("jsp-initialised", [aB || av]) } function aC() { if (av) { aj.append(b('').append(b(''), b('').append(b('').append(b(''), b(''))), b(''))); R = aj.find(">.jspVerticalBar"); al = R.find(">.jspTrack"); ap = al.find(">.jspDrag"); if (au.showArrows) { am = b('').bind("mousedown.jsp", az(0, -1)).bind("click.jsp", ax); ac = b('').bind("mousedown.jsp", az(0, 1)).bind("click.jsp", ax); if (au.arrowScrollOnHover) { am.bind("mouseover.jsp", az(0, -1, am)); ac.bind("mouseover.jsp", az(0, 1, ac)) } ai(al, au.verticalArrowPositions, am, ac) } t = v; aj.find(">.jspVerticalBar>.jspCap,>.jspVerticalBar>.jspArrow").each(function () { t -= b(this).outerHeight() }); ap.hover(function () { ap.addClass("jspHover") }, function () { ap.removeClass("jspHover") }).bind("mousedown.jsp", function (aF) { b("html").bind("dragstart.jsp selectstart.jsp", function () { return false }); ap.addClass("jspActive"); var s = aF.pageY - ap.position().top; b("html").bind("mousemove.jsp", function (aG) { S(aG.pageY - s, false) }).bind("mouseup.jsp mouseleave.jsp", ar); return false }); o() } } function o() { al.height(t + "px"); H = 0; U = au.verticalGutter + al.outerWidth(); V.width(ah - U - g); if (R.position().left == 0) { V.css("margin-left", U + "px") } } function z() {
+ if (aB) {
+ aj.append(b('').append(b(''), b('').append(b('').append(b(''), b(''))), b(''))); ak = aj.find(">.jspHorizontalBar"); F = ak.find(">.jspTrack"); h = F.find(">.jspDrag"); if (au.showArrows) {
+ at = b('').bind("mousedown.jsp", az(-1, 0)).bind("click.jsp", ax); x = b('').bind("mousedown.jsp", az(1, 0)).bind("click.jsp", ax); if (au.arrowScrollOnHover) {
+ at.bind("mouseover.jsp", az(-1, 0, at));
+ x.bind("mouseover.jsp", az(1, 0, x))
+ } ai(F, au.horizontalArrowPositions, at, x)
+ } h.hover(function () { h.addClass("jspHover") }, function () { h.removeClass("jspHover") }).bind("mousedown.jsp", function (aF) { b("html").bind("dragstart.jsp selectstart.jsp", function () { return false }); h.addClass("jspActive"); var s = aF.pageX - h.position().left; b("html").bind("mousemove.jsp", function (aG) { T(aG.pageX - s, false) }).bind("mouseup.jsp mouseleave.jsp", ar); return false }); l = aj.innerWidth(); ae()
+ } else { }
+ } function ae() { aj.find(">.jspHorizontalBar>.jspCap:visible,>.jspHorizontalBar>.jspArrow").each(function () { l -= b(this).outerWidth() }); F.width(l + "px"); X = 0 } function E() { if (aB && av) { var aF = F.outerHeight(), s = al.outerWidth(); t -= aF; b(ak).find(">.jspCap:visible,>.jspArrow").each(function () { l += b(this).outerWidth() }); l -= s; v -= s; ah -= aF; F.parent().append(b('').css("width", aF + "px")); o(); ae() } if (aB) { V.width((aj.outerWidth() - g) + "px") } W = V.outerHeight(); q = W / v; if (aB) { ao = 1 / y * l; if (ao > au.horizontalDragMaxWidth) { ao = au.horizontalDragMaxWidth } else { if (ao < au.horizontalDragMinWidth) { ao = au.horizontalDragMinWidth } } h.width(ao + "px"); j = l - ao; ab(X) } if (av) { A = 1 / q * t; if (A > au.verticalDragMaxHeight) { A = au.verticalDragMaxHeight } else { if (A < au.verticalDragMinHeight) { A = au.verticalDragMinHeight } } ap.height(A + "px"); i = t - A; aa(H) } } function ai(aG, aI, aF, s) { var aK = "before", aH = "after", aJ; if (aI == "os") { aI = /Mac/.test(navigator.platform) ? "after" : "split" } if (aI == aK) { aH = aI } else { if (aI == aH) { aK = aI; aJ = aF; aF = s; s = aJ } } aG[aK](aF)[aH](s) } function az(aF, s, aG) { return function () { G(aF, s, this, aG); this.blur(); return false } } function G(aH, aF, aK, aJ) { aK = b(aK).addClass("jspActive"); var aI, s = function () { if (aH != 0) { T(X + aH * au.arrowButtonSpeed, false) } if (aF != 0) { S(H + aF * au.arrowButtonSpeed, false) } }, aG = setInterval(s, au.arrowRepeatFreq); s(); aI = aJ == c ? "mouseup.jsp" : "mouseout.jsp"; aJ = aJ || b("html"); aJ.bind(aI, function () { aK.removeClass("jspActive"); clearInterval(aG); aJ.unbind(aI) }) } function p() { w(); if (av) { al.bind("mousedown.jsp", function (aH) { if (aH.originalTarget == c || aH.originalTarget == aH.currentTarget) { var aG = b(this), s = setInterval(function () { var aI = aG.offset(), aJ = aH.pageY - aI.top; if (H + A < aJ) { S(H + au.trackClickSpeed) } else { if (aJ < H) { S(H - au.trackClickSpeed) } else { aF() } } }, au.trackClickRepeatFreq), aF = function () { s && clearInterval(s); s = null; b(document).unbind("mouseup.jsp", aF) }; b(document).bind("mouseup.jsp", aF); return false } }) } if (aB) { F.bind("mousedown.jsp", function (aH) { if (aH.originalTarget == c || aH.originalTarget == aH.currentTarget) { var aG = b(this), s = setInterval(function () { var aI = aG.offset(), aJ = aH.pageX - aI.left; if (X + ao < aJ) { T(X + au.trackClickSpeed) } else { if (aJ < X) { T(X - au.trackClickSpeed) } else { aF() } } }, au.trackClickRepeatFreq), aF = function () { s && clearInterval(s); s = null; b(document).unbind("mouseup.jsp", aF) }; b(document).bind("mouseup.jsp", aF); return false } }) } } function w() { F && F.unbind("mousedown.jsp"); al && al.unbind("mousedown.jsp") } function ar() { b("html").unbind("dragstart.jsp selectstart.jsp mousemove.jsp mouseup.jsp mouseleave.jsp"); ap && ap.removeClass("jspActive"); h && h.removeClass("jspActive") } function S(s, aF) { if (!av) { return } if (s < 0) { s = 0 } else { if (s > i) { s = i } } if (aF == c) { aF = au.animateScroll } if (aF) { N.animate(ap, "top", s, aa) } else { ap.css("top", s); aa(s) } } function aa(aF) { if (aF == c) { aF = ap.position().top } aj.scrollTop(0); H = aF; var aI = H == 0, aG = H == i, aH = aF / i, s = -aH * (W - v); if (ag != aI || aD != aG) { ag = aI; aD = aG; C.trigger("jsp-arrow-change", [ag, aD, M, k]) } u(aI, aG); V.css("top", s); C.trigger("jsp-scroll-y", [-s, aI, aG]) } function T(aF, s) { if (!aB) { return } if (aF < 0) { aF = 0 } else { if (aF > j) { aF = j } } if (s == c) { s = au.animateScroll } if (s) { N.animate(h, "left", aF, ab) } else { h.css("left", aF); ab(aF) } } function ab(aF) { if (aF == c) { aF = h.position().left } aj.scrollTop(0); X = aF; var aI = X == 0, aH = X == j, aG = aF / j, s = -aG * (Q - ah); if (M != aI || k != aH) { M = aI; k = aH; C.trigger("jsp-arrow-change", [ag, aD, M, k]) } r(aI, aH); V.css("left", s); C.trigger("jsp-scroll-x", [-s, aI, aH]) } function u(aF, s) { if (au.showArrows) { am[aF ? "addClass" : "removeClass"]("jspDisabled"); ac[s ? "addClass" : "removeClass"]("jspDisabled") } } function r(aF, s) {
+ if (au.showArrows) {
+ at[aF ? "addClass" : "removeClass"]("jspDisabled");
+ x[s ? "addClass" : "removeClass"]("jspDisabled")
+ }
+ } function J(s, aF) { var aG = s / (W - v); S(aG * i, aF) } function K(aF, s) { var aG = aF / (Q - ah); T(aG * j, s) } function Y(aR, aM, aG) { var aK, aH, aI, s = 0, aQ = 0, aF, aL, aO, aN, aP; try { aK = b(aR) } catch (aJ) { return } aH = aK.outerHeight(); aI = aK.outerWidth(); aj.scrollTop(0); aj.scrollLeft(0); while (!aK.is(".jspPane")) { s += aK.position().top; aQ += aK.position().left; aK = aK.offsetParent(); if (/^body|html$/i.test(aK[0].nodeName)) { return } } aF = aw(); aL = aF + v; if (s < aF || aM) { aN = s - au.verticalGutter } else { if (s + aH > aL) { aN = s - v + aH + au.verticalGutter } } if (aN) { J(aN, aG) } viewportLeft = ay(); aO = viewportLeft + ah; if (aQ < viewportLeft || aM) { aP = aQ - au.horizontalGutter } else { if (aQ + aI > aO) { aP = aQ - ah + aI + au.horizontalGutter } } if (aP) { K(aP, aG) } } function ay() { return -V.position().left } function aw() { return -V.position().top } function ad() { aj.unbind(Z).bind(Z, function (aI, aJ, aH, aF) { var aG = X, s = H; T(X + aH * au.mouseWheelSpeed, false); S(H - aF * au.mouseWheelSpeed, false); return aG == X && s == H }) } function n() { aj.unbind(Z) } function ax() { return false } function I() { V.unbind("focusin.jsp").bind("focusin.jsp", function (s) { if (s.target === V[0]) { return } Y(s.target, false) }) } function D() { V.unbind("focusin.jsp") } function P() { var aF, s; C.attr("tabindex", 0).unbind("keydown.jsp").bind("keydown.jsp", function (aJ) { if (aJ.target !== C[0]) { return } var aH = X, aG = H, aI = aF ? 2 : 16; switch (aJ.keyCode) { case 40: S(H + aI, false); break; case 38: S(H - aI, false); break; case 34: case 32: J(aw() + Math.max(32, v) - 16); break; case 33: J(aw() - v + 16); break; case 35: J(W - v); break; case 36: J(0); break; case 39: T(X + aI, false); break; case 37: T(X - aI, false); break } if (!(aH == X && aG == H)) { aF = true; clearTimeout(s); s = setTimeout(function () { aF = false }, 260); return false } }); if (au.hideFocus) { C.css("outline", "none"); if ("hideFocus" in aj[0]) { C.attr("hideFocus", true) } } else { C.css("outline", ""); if ("hideFocus" in aj[0]) { C.attr("hideFocus", false) } } } function O() { C.attr("tabindex", "-1").removeAttr("tabindex").unbind("keydown.jsp") } function B() { if (location.hash && location.hash.length > 1) { var aG, aF; try { aG = b(location.hash) } catch (s) { return } if (aG.length && V.find(aG)) { if (aj.scrollTop() == 0) { aF = setInterval(function () { if (aj.scrollTop() > 0) { Y(location.hash, true); b(document).scrollTop(aj.position().top); clearInterval(aF) } }, 50) } else { Y(location.hash, true); b(document).scrollTop(aj.position().top) } } } } function af() { b("a.jspHijack").unbind("click.jsp-hijack").removeClass("jspHijack") } function m() { af(); b("a[href^=#]").addClass("jspHijack").bind("click.jsp-hijack", function () { var s = this.href.split("#"), aF; if (s.length > 1) { aF = s[1]; if (aF.length > 0 && V.find("#" + aF).length > 0) { Y("#" + aF, true); return false } } }) } b.extend(N, { reinitialise: function (aF) { aF = b.extend({}, aF, au); an(aF) }, scrollToElement: function (aG, aF, s) { Y(aG, aF, s) }, scrollTo: function (aG, s, aF) { K(aG, aF); J(s, aF) }, scrollToX: function (aF, s) { K(aF, s) }, scrollToY: function (s, aF) { J(s, aF) }, scrollBy: function (aF, s, aG) { N.scrollByX(aF, aG); N.scrollByY(s, aG) }, scrollByX: function (s, aG) { var aF = ay() + s, aH = aF / (Q - ah); T(aH * j, aG) }, scrollByY: function (s, aG) { var aF = aw() + s, aH = aF / (W - v); S(aH * i, aG) }, animate: function (aF, aI, s, aH) { var aG = {}; aG[aI] = s; aF.animate(aG, { duration: au.animateDuration, ease: au.animateEase, queue: false, step: aH }) }, getContentPositionX: function () { return ay() }, getContentPositionY: function () { return aw() }, getIsScrollableH: function () { return aB }, getIsScrollableV: function () { return av }, getContentPane: function () { return V }, scrollToBottom: function (s) { S(i, s) }, hijackInternalLinks: function () { m() } })
+ } f = b.extend({}, b.fn.jScrollPane.defaults, f); var e; this.each(function () { var g = b(this), h = g.data("jsp"); if (h) { h.reinitialise(f) } else { h = new d(g, f); g.data("jsp", h) } e = e ? e.add(g) : g }); return e
+ }; b.fn.jScrollPane.defaults = { showArrows: false, maintainPosition: true, clickOnTrack: true, autoReinitialise: false, autoReinitialiseDelay: 500, verticalDragMinHeight: 0, verticalDragMaxHeight: 99999, horizontalDragMinWidth: 0, horizontalDragMaxWidth: 99999, animateScroll: false, animateDuration: 300, animateEase: "linear", hijackInternalLinks: false, verticalGutter: 4, horizontalGutter: 4, mouseWheelSpeed: 10, arrowButtonSpeed: 10, arrowRepeatFreq: 100, arrowScrollOnHover: false, trackClickSpeed: 30, trackClickRepeatFreq: 100, verticalArrowPositions: "split", horizontalArrowPositions: "split", enableKeyboardNavigation: true, hideFocus: false }
+})(jQuery, this);
diff --git a/app/assets/javascripts/plugins/store.js b/app/assets/javascripts/plugins/store.js
new file mode 100644
index 0000000..944c1e9
--- /dev/null
+++ b/app/assets/javascripts/plugins/store.js
@@ -0,0 +1,94 @@
+jQuery.store = (function(){
+ var api = {},
+ win = window,
+ doc = win.document,
+ localStorageName = 'localStorage',
+ globalStorageName = 'globalStorage',
+ storage
+
+ api.disabled = false
+ api.set = function(key, value) {}
+ api.get = function(key) {}
+ api.remove = function(key) {}
+ api.clear = function() {}
+ api.transact = function(key, transactionFn) {
+ var val = api.get(key)
+ if (typeof val == 'undefined') { val = {} }
+ transactionFn(val)
+ api.set(key, val)
+ }
+
+ api.serialize = function(value) {
+ return JSON.stringify(value)
+ }
+ api.deserialize = function(value) {
+ if (typeof value != 'string') { return undefined }
+ return JSON.parse(value)
+ }
+
+ // Functions to encapsulate questionable FireFox 3.6.13 behavior
+ // when about.config::dom.storage.enabled === false
+ // See https://github.com/marcuswestin/store.js/issues#issue/13
+ function isLocalStorageNameSupported() {
+ try { return (localStorageName in win && win[localStorageName]) }
+ catch(err) { return false }
+ }
+
+ function isGlobalStorageNameSupported() {
+ try { return (globalStorageName in win && win[globalStorageName] && win[globalStorageName][win.location.hostname]) }
+ catch(err) { return false }
+ }
+
+ if (isLocalStorageNameSupported()) {
+ storage = win[localStorageName]
+ api.set = function(key, val) { storage.setItem(key, api.serialize(val)) }
+ api.get = function(key) { return api.deserialize(storage.getItem(key)) }
+ api.remove = function(key) { storage.removeItem(key) }
+ api.clear = function() { storage.clear() }
+
+ } else if (isGlobalStorageNameSupported()) {
+ storage = win[globalStorageName][win.location.hostname]
+ api.set = function(key, val) { storage[key] = api.serialize(val) }
+ api.get = function(key) { return api.deserialize(storage[key] && storage[key].value) }
+ api.remove = function(key) { delete storage[key] }
+ api.clear = function() { for (var key in storage ) { delete storage[key] } }
+
+ } else if (doc.documentElement.addBehavior) {
+ var storage = doc.createElement('div')
+ function withIEStorage(storeFunction) {
+ return function() {
+ var args = Array.prototype.slice.call(arguments, 0)
+ args.unshift(storage)
+ doc.body.appendChild(storage)
+ storage.addBehavior('#default#userData')
+ storage.load(localStorageName)
+ var result = storeFunction.apply(api, args)
+ doc.body.removeChild(storage)
+ return result
+ }
+ }
+ api.set = withIEStorage(function(storage, key, val) {
+ storage.setAttribute(key, api.serialize(val))
+ storage.save(localStorageName)
+ })
+ api.get = withIEStorage(function(storage, key) {
+ return api.deserialize(storage.getAttribute(key))
+ })
+ api.remove = withIEStorage(function(storage, key) {
+ storage.removeAttribute(key)
+ storage.save(localStorageName)
+ })
+ api.clear = withIEStorage(function(storage) {
+ var attributes = storage.XMLDocument.documentElement.attributes
+ storage.load(localStorageName)
+ for (var i=0, attr; attr = attributes[i]; i++) {
+ storage.removeAttribute(attr.name)
+ }
+ storage.save(localStorageName)
+ })
+ } else {
+ api.disabled = true
+ }
+
+ return api
+})();
diff --git a/app/assets/javascripts/search.js b/app/assets/javascripts/search.js
new file mode 100644
index 0000000..e050685
--- /dev/null
+++ b/app/assets/javascripts/search.js
@@ -0,0 +1,13 @@
+$(document).ready(function(){
+ $("#search_form .text").autocomplete('', {
+ width: 300,
+ multiple: true
+ });
+});
+
+function init_autocomplete(){
+ $("#search_bar .text").autocomplete('', {
+ width: 300,
+ multiple: true
+ });
+}
\ No newline at end of file
diff --git a/app/assets/javascripts/store.js b/app/assets/javascripts/store.js
new file mode 100644
index 0000000..e69de29
diff --git a/app/assets/javascripts/title.js b/app/assets/javascripts/title.js
new file mode 100644
index 0000000..3bb0148
--- /dev/null
+++ b/app/assets/javascripts/title.js
@@ -0,0 +1,25 @@
+function changeDocumentTitle(to, special)
+{
+ special = (typeof special == "undefined" || typeof special == "boolean") ? null : special;
+
+ titleLink = (to.substring(to.length-1, to.length) == "/") ?
+ to.substring(0, to.length-1) : to;
+
+ titleLink = titleLink.replaceAll("/","");
+
+ switch(titleLink)
+ {
+ case "artists":
+ titleLink = special;
+ special = null;
+ break;
+ case "home":
+ document.title = documentTitle;
+ return;
+ break;
+ }
+
+ document.title = titleLink.urifyAll();
+ if (special) document.title += " » " + special.urifyAll();
+ document.title += " on " + documentTitle;
+}
\ No newline at end of file
diff --git a/app/assets/stylesheets/.gitkeep b/app/assets/stylesheets/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/app/assets/stylesheets/album.css.scss b/app/assets/stylesheets/album.css.scss
new file mode 100644
index 0000000..aa5b5e6
--- /dev/null
+++ b/app/assets/stylesheets/album.css.scss
@@ -0,0 +1,78 @@
+/*********************************/
+/************* ALBUM *************/
+/*********************************/
+
+$bg: #f4f6f9;
+
+#album_box {
+ position: absolute;
+ top: 69px;
+ left: 100px;
+ display: none;
+ z-index: 12;
+ border: 7px solid rgba(255,255,255,0.8);
+ //@include rounded(10px);
+ @include shadow(0 0 2px 2px rgba(31,34,40,0.10));
+ > span {
+ position: absolute;
+ top: -19px;
+ left: 70px;
+ background: url('#{$ico-url}/arrow.png') no-repeat;
+ width: 47px;
+ height: 23px;
+ }
+ .headline {
+ background: desaturate(darken($bg,6%),10%);
+ float: left;
+ width: 128px;
+ height: 180px;
+ padding: 10px;
+ border-right: 1px solid desaturate(darken($bg,10%),10%);
+ h4 {
+ font-size: 18px;
+ line-height: 16px;
+ span {
+ font-size: 14px;
+ color: $blue;
+ }
+ }
+ img {
+ margin-bottom: 10px;
+ width: 128px;
+ height: 128px;
+ }
+ }
+
+ .wrap {
+ background: $bg;
+ float: right;
+ max-height: 200px;
+ overflow:auto;
+ width: 279px;
+ //@include rounded(8px);
+ li {
+ padding: 7px 9px;
+ overflow: hidden;
+ width: 259px;
+ border-bottom: 1px solid darken($bg,6%);
+ border-top: 1px solid lighten($bg,01%);
+ span {
+ color: #9aa7b3;
+ width: 20px;
+ display: inline-block;
+ }
+ .playsong, .add {
+ width: 20px;
+ height: 20px;
+ display: inline-block;
+ background: url('#{$ico-url}/list-controls.png') no-repeat 0 0;
+ vertical-align: middle;
+ float: right;
+ }
+ .add {
+ margin-right: 6px;
+ background-position: 0 -20px;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/app/assets/stylesheets/application.css.scss b/app/assets/stylesheets/application.css.scss
new file mode 100644
index 0000000..23f91d2
--- /dev/null
+++ b/app/assets/stylesheets/application.css.scss
@@ -0,0 +1,18 @@
+@import "reset.css.scss";
+@import "fauxconsole.css.scss";
+@import "layout.css.scss";
+
+@import "artist.css.scss";
+@import "home.css.scss";
+@import "user.css.scss";
+@import "charts.css.scss";
+@import "search.css.scss";
+@import "album.css.scss";
+
+@import "player.css.scss";
+@import "sidebar.css.scss";
+@import "nivoslider.css.scss";
+@import "scrolling.css.scss";
+@import "lists.css.scss";
+@import "fullscreen.css.scss";
+@import "autocomplete.css.scss";
diff --git a/app/assets/stylesheets/artist.css.scss b/app/assets/stylesheets/artist.css.scss
new file mode 100644
index 0000000..04c8392
--- /dev/null
+++ b/app/assets/stylesheets/artist.css.scss
@@ -0,0 +1,93 @@
+/*********************************/
+/************ LAYOUT *************/
+/*********************************/
+
+@mixin set-width-for-artist-left($w){
+ width: $w;
+ h1 { width: $w }
+ .information { width: $w }
+}
+
+$padding: 28px;
+
+#artist_left {
+ float: left;
+ @include set-width-for-artist-left(386px);
+
+ #slider {
+ position: relative;
+ width: 386px;
+ height: 240px;
+ overflow: hidden;
+ background: url('#{$place-url}/artist-big.png') no-repeat 0 0;
+
+ img {
+ position: absolute;
+ top: 0;
+ left: 0;
+ max-width: 386px;
+ }
+ }
+ h1 {
+ color: #fff;
+ font-size: 30px;
+ $height: 74px;
+ overflow: hidden;
+ height: $height;
+ line-height: $height - 4;
+ text-indent: $padding;
+ margin-bottom: 23px;
+ @include stripe-bg();
+ }
+ #artist_links {
+ ul { margin: -2px 0 30px 0; }
+ li {
+ margin-bottom: 12px;
+ @include std-font();
+ overflow: hidden;
+ a {
+ text-decoration: none;
+ font-size: 10px;
+ color: #fff;
+ &:hover h3 { color: lighten($blue, 10) }
+ }
+ h3 {
+ color: $blue;
+ font-size: 13px;
+ font-weight: normal;
+ }
+ }
+ }
+ #artist_tags {
+ li {
+ background: url('#{$ico-url}/tag.png') no-repeat left 2px;
+ color: #fff;
+ padding-left: 20px;
+ margin-bottom: 12px;
+ @include std-font();
+ }
+ }
+ #artist_info {
+ @include std-font();
+ font-size: 11px;
+ line-height: 16px;
+ }
+ h2 {
+ font-size: 18px;
+ color: $blue;
+ font-weight: normal;
+ margin: -2px 0 10px 0;
+ }
+ .heart {
+ float: right;
+ width: 22px;
+ height: 19px;
+ display: inline-block;
+ margin: 28px 20px 0 0;
+ cursor: pointer;
+ background: url('#{$ico-url}/heart.png') no-repeat 0 0;
+ &.loved {
+ background-position: 0 -19px;
+ }
+ }
+}
\ No newline at end of file
diff --git a/app/assets/stylesheets/autocomplete.css.scss b/app/assets/stylesheets/autocomplete.css.scss
new file mode 100644
index 0000000..e6059e4
--- /dev/null
+++ b/app/assets/stylesheets/autocomplete.css.scss
@@ -0,0 +1,52 @@
+/*********************************/
+/********* AUTOCOMPLETE **********/
+/*********************************/
+
+.ac_results {
+ padding: 0px;
+ border: 1px solid black;
+ background-color: white;
+ overflow: hidden;
+ z-index: 99999;
+}
+
+.ac_results ul {
+ width: 100%;
+ list-style-position: outside;
+ list-style: none;
+ padding: 0;
+ margin: 0;
+}
+
+.ac_results li {
+ margin: 0px;
+ padding: 2px 5px;
+ cursor: default;
+ display: block;
+ /*
+ if width will be 100% horizontal scrollbar will apear
+ when scroll mode will be used
+ */
+ /*width: 100%;*/
+ font: menu;
+ font-size: 12px;
+ /*
+ it is very important, if line-height not setted or setted
+ in relative units scroll will be broken in firefox
+ */
+ line-height: 16px;
+ overflow: hidden;
+}
+
+.ac_loading {
+ background: white url('indicator.gif') right center no-repeat;
+}
+
+.ac_odd {
+ background-color: #eee;
+}
+
+.ac_over {
+ background-color: #0A246A;
+ color: white;
+}
\ No newline at end of file
diff --git a/app/assets/stylesheets/charts.css.scss b/app/assets/stylesheets/charts.css.scss
new file mode 100644
index 0000000..bf356f2
--- /dev/null
+++ b/app/assets/stylesheets/charts.css.scss
@@ -0,0 +1,50 @@
+/*********************************/
+/************ LAYOUT *************/
+/*********************************/
+
+#charts {
+ width: 530px;
+ float: left;
+ li {
+ $height: 50px;
+ overflow: hidden;
+ display: block;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #f0f2f4;
+ margin-bottom: 10px;
+ h6 {
+ font-size: 28px;
+ font-weight: bold;
+ float: left;
+ height: $height;
+ color: $light-blue;
+ line-height: $height;
+ margin-left: 15px;
+ width: 50px;
+ }
+ .img {
+ width: 90px;
+ height: $height;
+ background: url('#{$place-url}/artist.png') no-repeat 0 0;
+ float: left;
+ overflow: hidden;
+ position: relative;
+ img {
+ max-width: 90px;
+ }
+ }
+ .text {
+ float: left;
+ margin-left: 15px;
+ h2 {
+ margin: -3px 0 5px 0;
+ a {
+ color: $blue;
+ font-size: 16px;
+ text-decoration: none;
+ &:hover { text-decoration: underline; }
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/app/assets/stylesheets/fauxconsole.css.scss b/app/assets/stylesheets/fauxconsole.css.scss
new file mode 100644
index 0000000..b50ceb7
--- /dev/null
+++ b/app/assets/stylesheets/fauxconsole.css.scss
@@ -0,0 +1,20 @@
+#fauxconsole{
+ position:absolute;
+ top:0;
+ right:0;
+ width:300px;
+ border:1px solid #999;
+ font-family:courier,monospace;
+ background:#eee;
+ font-size:10px;
+ padding:10px;
+}
+html>body #fauxconsole{
+ position:fixed;
+}
+#fauxconsole a{
+ float:right;
+ padding-left:1em;
+ padding-bottom:.5em;
+ text-align:right;
+}
diff --git a/app/assets/stylesheets/fonts.css.scss b/app/assets/stylesheets/fonts.css.scss
new file mode 100644
index 0000000..0542c66
--- /dev/null
+++ b/app/assets/stylesheets/fonts.css.scss
@@ -0,0 +1,28 @@
+/** FONTS **/
+@font-face{
+ font-family: AauxNextLight;
+ src: url('../fonts/aauxnext/aauxnext-lt-webfont.eot');
+ src: local('☺'),
+ url('../fonts/aauxnext/aauxnext-lt-webfont.ttf') format("truetype"),
+ url('../fonts/aauxnext/aauxnext-lt-webfont.otf') format("opentype"),
+ url('../fonts/aauxnext/aauxnext-lt-webfont.woff') format("woff"),
+ url('../fonts/aauxnext/aauxnext-lt-webfont.svg#webfont') format("svg");
+}
+@font-face{
+ font-family: AauxNextMedium;
+ src: url('../fonts/aauxnext/aauxnext-md-webfont.eot');
+ src: local('☺'),
+ url('../fonts/aauxnext/aauxnext-md-webfont.ttf') format("truetype"),
+ url('../fonts/aauxnext/aauxnext-md-webfont.otf') format("opentype"),
+ url('../fonts/aauxnext/aauxnext-md-webfont.woff') format("woff"),
+ url('../fonts/aauxnext/aauxnext-md-webfont.svg#webfont') format("svg");
+}
+@font-face{
+ font-family: AauxNextBold;
+ src: url('../fonts/aauxnext/aauxnext-bd-webfont.eot');
+ src: local('☺'),
+ url('../fonts/aauxnext/aauxnext-bd-webfont.ttf') format("truetype"),
+ url('../fonts/aauxnext/aauxnext-bd-webfont.otf') format("opentype"),
+ url('../fonts/aauxnext/aauxnext-bd-webfont.woff') format("woff"),
+ url('../fonts/aauxnext/aauxnext-bd-webfont.svg#webfont') format("svg");
+}
\ No newline at end of file
diff --git a/app/assets/stylesheets/fullscreen.css.scss b/app/assets/stylesheets/fullscreen.css.scss
new file mode 100644
index 0000000..f8b2e1e
--- /dev/null
+++ b/app/assets/stylesheets/fullscreen.css.scss
@@ -0,0 +1,137 @@
+/*********************************/
+/************ LAYOUT *************/
+/*********************************/
+
+
+#fullscreen_wrap {
+ width: 100%;
+ height: 100%;
+ position: fixed;
+ z-index: 70;
+ background: #000;
+ top: 0; left: 0;
+ display: none;
+}
+
+#fullscreen_close {
+ width: 78px;
+ height: 78px;
+ position: fixed;
+ left: -10px;
+ top: -20px;
+ background: url('#{$ico-url}/fullscreen-close.png');
+ opacity: 0;
+ z-index: 71;
+ cursor: pointer;
+}
+
+#fullscreen {
+ width: 950px;
+ position: absolute;
+ margin-left: -475px;
+ z-index: 70;
+ opacity: 0;
+ top: 0; left: 50%;
+ h2 {
+ font-size: 18px;
+ color: #fff;
+ text-transform: uppercase;
+ font-weight: bold;
+ line-height: 14px;
+ }
+ h1 {
+ font-size: 28px;
+ color: #fff;
+ margin-bottom: 20px;
+ }
+ #video {
+ float: left;
+ width: 640px;
+ height: 360px;
+ @include stripe-bg();
+ }
+
+
+ .sidebar {
+ $width: 310px;
+ $height: 3px;
+
+ float: right;
+ width: $width;
+ height: 360px;
+
+ /* slider root element */
+ .slider
+ {
+ background: transparent;
+ position: relative;
+ cursor: pointer;
+ width: $width; height: $height;
+ float: left;
+ clear: right;
+ }
+
+ /* progress bar (enabled with progress: true) */
+ .progress {
+ height: $height; width: $width;
+ background: $blue;
+ position: absolute;
+ }
+
+ /* drag handle */
+ .handle {
+ background: lighten($blue, 5%);
+ width: 0; height: $height;
+ position:absolute;
+ display:block;
+ cursor: pointer;
+ }
+
+ /* the input field */
+ .range { display: none; }
+
+
+ @include stripe-bg();
+ .top {
+ width: 310px;
+ height: 125px;
+ @include stripe-bg();
+ text-align: center;
+ line-height: 125px;
+ .player {
+ float: left;
+ margin-top: 47px;
+ margin-left: 40px;
+ }
+ }
+ #playlist {
+ width: 310px;
+ height: 230px;
+ padding: 10px 0;
+ overflow: auto;
+ .el {
+ cursor: pointer;
+ padding: 6px 25px;
+ h3 {
+ font-size: 22px;
+ color: white;
+ line-height: 22px;
+ span {
+ display: block;
+ font-size: 12px;
+ text-transform: uppercase;
+ color: $blue;
+ }
+ }
+ &.active {
+ margin-left: -20px;
+ h3 {
+ background: url('#{$ico-url}/playing.png') no-repeat 0 7px;
+ text-indent: 18px;
+ }
+ }
+ }
+ .jspVerticalBar { left: 0!important; opacity: 0.02; }
+ }
+ }
+}
\ No newline at end of file
diff --git a/app/assets/stylesheets/home.css.scss b/app/assets/stylesheets/home.css.scss
new file mode 100644
index 0000000..df8a82d
--- /dev/null
+++ b/app/assets/stylesheets/home.css.scss
@@ -0,0 +1,63 @@
+/*********************************/
+/************ LAYOUT *************/
+/*********************************/
+
+#top_artist {
+ position: relative;
+ width: 500px;
+ height: 270px;
+ background: url('#{$ico-url}/loading.gif') no-repeat 50% 50%;
+ overflow: hidden;
+ float: left;
+
+
+ img {
+ position: absolute;
+ top: 0;
+ right: 0;
+ display: none;
+ max-width: 500px;
+ max-height: 270px; overflow: hidden;
+ }
+ .nivo-controlNav {
+ position:absolute;
+ bottom:-70px; /* Put the nav below the slider */
+ }
+ .nivo-controlNav img {
+ display:inline; /* Unhide the thumbnails */
+ position:relative;
+ margin-right:10px;
+ }
+}
+#top_artist_nav {
+ float: right;
+ li, a, img {
+ width: 150px;
+ height: 199px;
+ display: inline-block;
+ float: left;
+ }
+ a, img { position: absolute; }
+ .ll img, .rr img { opacity: 0.4 }
+ .ll { background: url('#{$ico-url}/home-left.png') }
+ .rr { background: url('#{$ico-url}/home-right.png') }
+}
+#search_home {
+ width: 428px;
+ height: 43px;
+ background: #fff;
+ float: right;
+ padding: 14px 11px;
+}
+#home_foot {
+ display: block;
+ width: 950px;
+ height: 200px;
+ @include stripe-bg();
+ .right {
+ width: 300px;
+ height: 200px;
+ @include stripe-bg();
+ float: right;
+ }
+}
\ No newline at end of file
diff --git a/app/assets/stylesheets/layout.css.scss b/app/assets/stylesheets/layout.css.scss
new file mode 100644
index 0000000..c63414d
--- /dev/null
+++ b/app/assets/stylesheets/layout.css.scss
@@ -0,0 +1,339 @@
+/*********************************/
+/*********** SETTINGS ************/
+/*********************************/
+
+/* SIZES */
+$site-width: 950px;
+
+/* COLORS */
+$dark-blue: #2f3a40;
+$content-black: #15191d;
+$blue: #0086cc;
+$light-blue: #a3adb5;
+$red: #ee0000;
+$ultra-light: #f4f6f9;
+
+/* URLS */
+$base-url: "/images";
+$bg-url: "#{$base-url}/backgrounds";
+$ico-url: "#{$base-url}/icons";
+$place-url: "#{$base-url}/placeholder";
+$home-url: "#{$base-url}/startsite";
+
+
+/* FUNCTIONS */
+@mixin center() {
+ position: relative;
+ margin: 0 auto;
+}
+@mixin stripe-bg() {
+ background: transparent url('#{$bg-url}/dark.png') repeat;
+}
+@mixin stripe-dark-bg() {
+ background: transparent url('#{$bg-url}/darker.png') repeat;
+}
+
+@mixin rounded($radius) {
+ border-radius: $radius;
+ -moz-border-radius: $radius;
+ -webkit-border-radius: $radius;
+}
+@mixin shadow($value) {
+ -moz-box-shadow: $value;
+ -webkit-box-shadow: $value;
+ box-shadow: $value;
+}
+
+
+/* SHORTCUTS */
+.clean { clear: both; }
+
+/* FONTS */
+@mixin font() { font-family: "Segoe UI", Corbel, Arial, sans-serif; }
+@mixin medium-font() { @include font(); }
+@mixin light-font() { @include font(); font-weight: 100; }
+@mixin bold-font() { @include font(); font-weight: bold; }
+@mixin std-font() { @include font(); }
+b, strong { @include medium-font();}
+
+/* DEFAULTS */
+a { cursor: pointer; }
+*:focus {outline: none;}
+
+/*********************************/
+/************ LAYOUT *************/
+/*********************************/
+
+/* OVERALL */
+body {
+ background: #05070a url('#{$bg-url}/overallcrush.png') no-repeat center top;
+ color: $content-black;
+ font-size: 12px;
+ @include medium-font()
+}
+#bg_stripe {
+ height: 228px;
+ width: 100%;
+ position: absolute;
+ top: 136px;
+ @include stripe-bg();
+}
+#site {
+ width: $site-width;
+ @include center();
+}
+
+/* HEAD */
+#head {
+ height: 115px;
+
+ h1 {
+ margin: 36px 0 0 94px;
+ float: left;
+ }
+}
+
+/* NAVIGATION */
+#navigation {
+ $height: 79px;
+ $width: 141px;
+ float: right;
+ overflow: hidden;
+
+ li {
+ float: left;
+ &.active { background: url('#{$bg-url}/fuse.png') 0 -127px }
+ &.search {
+ $top: 21px;
+ width: 260px;
+ font-size: 16px;
+ color: #ffffff;
+ line-height: $height - $top;
+ display: inline-block;
+ @include stripe-bg();
+ margin-top: $top;
+ height: $height - $top;
+ padding-left: 20px;
+ img {
+ vertical-align: middle;
+ margin-left: 10px;
+ }
+ .text {
+ width: 210px;
+ height: 45px;
+ border: 0;
+ background: 0;
+ color: #fff;
+ }
+ .submit { display: none;}
+ }
+ > a {
+ font-size: 16px;
+ font-weight: bold;
+ color: #ffffff;
+ height: $height;
+ line-height: $height + 20;
+ width: $width;
+ display: inline-block;
+ text-decoration: none;
+ text-align: center;
+ }
+ &.login {
+ a {
+ width: auto;
+ margin: 0 15px 0 10px;
+ margin-top: 7px;
+ height: $height - 7;
+ }
+ }
+ }
+}
+
+
+/* FOOT */
+#foot {
+ $font-size: 11px;
+ $height: 20px;
+ clear: both;
+ padding: 25px 0;
+ float: right;
+
+ h6 {
+ color: #aab7c4;
+ font-size: $font-size;
+ float: left;
+ height: $height;
+ line-height: $height + 2;
+ }
+ ul {
+ float: left;
+ height: $height;
+ line-height: $height;
+ }
+ li {
+ float: left;
+ margin-left: 33px;
+ }
+ a {
+ color: #ffffff;
+ text-transform: uppercase;
+ text-decoration: none;
+ font-size: $font-size;
+ background: url('#{$ico-url}/arrow-foot.png') left 3px no-repeat;
+ padding-left: 22px;
+ display: inline-block;
+ height: $height;
+ line-height: $height;
+ }
+}
+
+@mixin set-width-for-tabs($w, $p){
+ .nav { width: $w }
+ .content {
+ width: $w - 2*$p;
+ > div { width: $w - 2*$p; }
+ .more {
+ width: $w;
+ margin: 7px 0 - $p -48px 0 - $p;
+ }
+ }
+}
+
+/* TABS */
+.tabs_js .nav li { cursor: pointer }
+.tabs {
+ float: right;
+ $padding-width: 37px;
+ .content {
+ background: #fff;
+ > div { display: none; position: relative; }
+ padding: 48px $padding-width;
+ }
+ .more {
+ background: $ultra-light;
+ border-top: 1px solid #e5e9ef;
+ height: 40px;
+ display: block;
+ text-align: center;
+ line-height: 40px;
+ font-weight: bold;
+ &.disabled {
+ cursor: default;
+ background: #0086cc!important;
+ }
+ .loadingimg {
+ display: inline-block;
+ margin-top: 10px;
+ }
+ }
+ &.w01 { @include set-width-for-tabs(564px, $padding-width) }
+ &.w02 { @include set-width-for-tabs(750px, $padding-width) }
+ &.w03 { @include set-width-for-tabs(950px, $padding-width) }
+ .nav {
+ color: #fff;
+ overflow: hidden;
+ @include stripe-dark-bg();
+
+ li {
+ $height: 54px;
+ width: 120px;
+ height: $height;
+ line-height: $height;
+ float: left;
+ text-align: center;
+ text-transform: lowercase;
+ font-size: 15px;
+
+ &.active {
+ background: #fff;
+ color: $dark-blue;
+ }
+ }
+ }
+}
+
+
+
+
+$padding: 22px;
+
+#content {
+ .information {
+ overflow: hidden;
+ padding-bottom: 22px;
+ @include stripe-bg();
+ .content {
+ > div { display: none; }
+ }
+ .nav {
+ margin-left: $padding;
+ float: left;
+ li {
+ width: 37px;
+ height: 25px;
+ margin-bottom: 13px;
+
+ &.active {
+ background: url('#{$ico-url}/artist-information-active-arrow.png') no-repeat right 10px;
+ cursor: default;
+ }
+ }
+ }
+ .content {
+ float: right;
+ width: 280px;
+ margin-right: $padding;
+ color: #fff;
+ }
+ }
+}
+
+
+#loading, #error {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 30px;
+ line-height: 30px;
+ background: $blue;
+ color: #fff;
+ text-align: center;
+ font-weight: bold;
+ text-transform: uppercase;
+ display: none;
+ z-index: 999;
+ .loadingimg {
+ margin-top: 5px;
+ }
+}
+#error {
+ background: $red;
+}
+
+
+#white {
+ $padding: 40px;
+ width: $site-width - 2 * $padding;
+ padding: 50px $padding;
+ background: #fff;
+}
+
+
+#block {
+ width: 100%;
+ height: 100%;
+ position: fixed;
+ z-index: 22;
+ background: #000;
+ opacity: 0;
+ display: none;
+}
+
+.box {
+ padding: 10px;
+ border: 1px solid desaturate(darken($ultra-light, 6%), 20%);
+ background: $ultra-light;
+}
+
+#videoInfo { color: White!important; }
\ No newline at end of file
diff --git a/app/assets/stylesheets/lists.css.scss b/app/assets/stylesheets/lists.css.scss
new file mode 100644
index 0000000..fbc8ad7
--- /dev/null
+++ b/app/assets/stylesheets/lists.css.scss
@@ -0,0 +1,183 @@
+/*********************************/
+/************ LAYOUT *************/
+/*********************************/
+
+.list {
+ margin-bottom: 20px;
+ display: block;
+ float: left;
+ &.songs {
+ li {
+ $height: 24px;
+ height: $height;
+ line-height: $height;
+ width: 100%;
+ font-size: 13px;
+ margin-bottom: 12px;
+ span { color: $light-blue; }
+ a {
+ color: $light-blue;
+ text-decoration: none;
+ &:hover { color: $blue }
+ }
+ @include std-font();
+ &:last-child { margin-bottom: 0; }
+ .playsong, .addsong {
+ width: 20px;
+ height: 20px;
+ display: inline-block;
+ margin-right: 6px;
+ background: url('#{$ico-url}/list-controls.png') no-repeat 0 0;
+ vertical-align: middle;
+ }
+ .addsong {
+ margin-right: 16px;
+ background-position: 0 -20px;
+ }
+ }
+ }
+
+ &.albums {
+ margin-bottom: 10px;
+ > li {
+ margin-bottom: 15px;
+ min-width: 450px;
+ position: relative;
+ clear: both;
+ &:last-child { margin-bottom: 0; }
+ .songsbtn {
+ text-transform: uppercase;
+ text-decoration: none;
+ color: $blue;
+ background: url('#{$ico-url}/list-controls.png') no-repeat 0 -60px;
+ height: 20px;
+ line-height: 20px;
+ text-indent: 25px;
+ display: inline-block;
+ margin-top: 10px;
+ font-size: 11px;
+ }
+ }
+ .img {
+ $dim: 64px;
+ $left: 18px;
+ margin-right: 10px;
+ position: relative;
+ float: left;
+ overflow: hidden;
+ background: url('#{$bg-url}/fuse.png') 0 6px no-repeat;
+ width: 90px;
+ height: 74px;
+ .cover {
+ width: $dim;
+ height: $dim;
+ margin-left: $left;
+ }
+ .playall {
+ position: absolute;
+ top: 0;
+ left: $left;
+ @include stripe-bg();
+ width: $dim;
+ height: $dim;
+ display: none;
+ a {
+ display: inline-block;
+ width: 20px;
+ height: 20px;
+ background: url('#{$ico-url}/list-controls.png') no-repeat 0 -40px;
+ margin: 22px 0 0 22px;
+ }
+ }
+ }
+ .name {
+ font-size: 16px;
+ line-height: 17px;
+ margin-top: -2px;
+ }
+ .artist {
+ font-size: 12px;
+ color: $light-blue;
+ }
+ }
+
+ &.related {
+ li {
+ overflow: hidden;
+ float: left;
+ margin: 0 20px 20px 0;
+ width: 150px;
+ a { text-decoration: none }
+ h5 {
+ font-size: 14px;
+ text-decoration: none!important;
+ color: $dark-blue;
+ $height: 30px;
+ height: $height;
+ line-height: $height;
+ border-bottom: 2px solid $blue;
+ span {
+ &:before { content: "(" }
+ &:after { content: "%)" }
+ color: $blue;
+ font-size: 11px;
+ }
+ }
+ div {
+ width: 150px;
+ height: 95px;
+ float: left;
+ overflow: hidden;
+ position: relative;
+ background: url('#{$place-url}/related.png') no-repeat 0 0;
+ }
+ }
+ }
+ &.artists {
+ width: 530px;
+ float: left;
+ li {
+ $height: 50px;
+ overflow: hidden;
+ display: block;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #f0f2f4;
+ margin-bottom: 10px;
+ .img {
+ width: 90px;
+ height: $height;
+ float: left;
+ overflow: hidden;
+ position: relative;
+ background: url('#{$place-url}/artist.png') no-repeat 0 0;
+ img {
+ max-width: 90px;
+ }
+ }
+ .text {
+ float: left;
+ margin-left: 15px;
+ h2 {
+ margin: -3px 0 5px 0;
+ a {
+ color: $blue;
+ font-size: 16px;
+ text-decoration: none;
+ &:hover { text-decoration: underline; }
+ }
+ }
+ }
+ }
+ }
+}
+
+
+
+.playlist {
+ background: #080a0c;
+ width: 150px;
+ display: none;
+ position: absolute;
+ left: 0;
+ top: 0;
+}
\ No newline at end of file
diff --git a/app/assets/stylesheets/nivoslider.css.scss b/app/assets/stylesheets/nivoslider.css.scss
new file mode 100644
index 0000000..88d72b5
--- /dev/null
+++ b/app/assets/stylesheets/nivoslider.css.scss
@@ -0,0 +1,20 @@
+/* The Nivo Slider styles */
+.nivoSlider {
+ position:relative;
+ img {
+ position:absolute;
+ top:0px;
+ left:0px;
+ }
+}
+.nivo-slice {
+ display:block;
+ position:absolute;
+ z-index:5;
+ height:100%;
+}
+.nivo-box {
+ display:block;
+ position:absolute;
+ z-index:5;
+}
diff --git a/app/assets/stylesheets/player.css.scss b/app/assets/stylesheets/player.css.scss
new file mode 100644
index 0000000..5e41d40
--- /dev/null
+++ b/app/assets/stylesheets/player.css.scss
@@ -0,0 +1,51 @@
+/*********************************/
+/************ LAYOUT *************/
+/*********************************/
+
+.player {
+ float: right;
+ height: 47px;
+ margin: 52px 17px 0 0;
+ line-height: 47px;
+ a { float: left; }
+ .play, .pause {
+ margin: -8px 5px 0 5px;
+ width: 47px;
+ height: 47px;
+ display: inline-block;
+ background: url("#{$ico-url}/player/play.png");
+ }
+ .pause {
+ background: url("#{$ico-url}/player/pause.png");
+ }
+ .forward, .backward {
+ display: inline-block;
+ width: 32px;
+ height: 32px;
+ background: url("#{$ico-url}/player/forward.png");
+ }
+ .backward {
+ background: url("#{$ico-url}/player/backward.png");
+ }
+
+ .volume, .novolume, .repeat, .full {
+ margin: 8px 0 0 20px;
+ }
+ .volume, .novolume {
+ width: 16px;
+ height: 16px;
+ display: inline-block;
+ background: url("#{$ico-url}/player/volume.png");
+ }
+ .novolume {
+ background: url("#{$ico-url}/player/novolume.png");
+ }
+
+ .full {
+ width: 16px;
+ height: 12px;
+ margin-top: 9px;
+ display: inline-block;
+ background: url("#{$ico-url}/player/fullscreen.png");
+ }
+}
\ No newline at end of file
diff --git a/app/assets/stylesheets/reset.css.scss b/app/assets/stylesheets/reset.css.scss
new file mode 100644
index 0000000..9c6a477
--- /dev/null
+++ b/app/assets/stylesheets/reset.css.scss
@@ -0,0 +1 @@
+body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
\ No newline at end of file
diff --git a/app/assets/stylesheets/scrolling.css.scss b/app/assets/stylesheets/scrolling.css.scss
new file mode 100644
index 0000000..ddba7a7
--- /dev/null
+++ b/app/assets/stylesheets/scrolling.css.scss
@@ -0,0 +1,122 @@
+/*********************************/
+/********** SCROLLING ************/
+/*********************************/
+
+/*
+ * CSS Styles that are needed by jScrollPane for it to operate correctly.
+ *
+ * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
+ * may not operate correctly without them.
+ */
+
+.jspContainer
+{
+ overflow: hidden;
+ position: relative;
+}
+
+.jspPane
+{
+ position: absolute;
+}
+
+.jspVerticalBar
+{
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 6px;
+ height: 100%;
+}
+
+.jspHorizontalBar
+{
+ width: 0; height: 0;
+ display: none;
+}
+
+.jspVerticalBar *,
+.jspHorizontalBar *
+{
+ margin: 0;
+ padding: 0;
+}
+
+.jspCap
+{
+ display: none;
+}
+
+.jspHorizontalBar .jspCap
+{
+ float: left;
+}
+
+.jspTrack
+{
+ background: transparent;
+ position: relative;
+ padding: 0 0;
+}
+
+.jspDrag
+{
+ background: #e0e6ee;
+ position: relative;
+ top: 0;
+ left: 2px;
+ width: 4px;
+ cursor: pointer;
+}
+
+.jspHorizontalBar .jspTrack,
+.jspHorizontalBar .jspDrag
+{
+ float: left;
+ height: 100%;
+}
+
+.jspArrow
+{
+ background: #50506d;
+ text-indent: -20000px;
+ display: block;
+ cursor: pointer;
+}
+
+.jspArrow.jspDisabled
+{
+ cursor: default;
+ background: #80808d;
+}
+
+.jspVerticalBar .jspArrow
+{
+ height: 16px;
+}
+
+.jspHorizontalBar .jspArrow
+{
+ width: 16px;
+ float: left;
+ height: 100%;
+}
+
+.jspVerticalBar .jspArrow:focus
+{
+ outline: none;
+}
+
+.jspCorner
+{
+ background: #eeeef4;
+ float: left;
+ height: 100%;
+}
+
+/* Yuk! CSS Hack for IE6 3 pixel bug :( */
+* html .jspCorner
+{
+ margin: 0 -3px 0 0;
+}
+
diff --git a/app/assets/stylesheets/search.css.scss b/app/assets/stylesheets/search.css.scss
new file mode 100644
index 0000000..515cceb
--- /dev/null
+++ b/app/assets/stylesheets/search.css.scss
@@ -0,0 +1,28 @@
+/*********************************/
+/************ LAYOUT *************/
+/*********************************/
+
+#search_bar {
+ width: 500px;
+ float: left;
+ border: 0;
+ margin-bottom: 20px;
+ position: relative;
+ padding: 15px;
+ input {
+ width: 488px;
+ height: 35px;
+ padding-left: 10px;
+ font-size: 14px;
+ border: 1px solid desaturate(darken($ultra-light, 10%), 20%);
+ @include rounded(4px);
+ &:focus { border-color: $blue }
+ }
+ .button {
+ position: absolute;
+ width: 20px;
+ height: 20px;
+ right: 26px;
+ top: 24px;
+ }
+}
\ No newline at end of file
diff --git a/app/assets/stylesheets/sidebar.css.scss b/app/assets/stylesheets/sidebar.css.scss
new file mode 100644
index 0000000..dcb6665
--- /dev/null
+++ b/app/assets/stylesheets/sidebar.css.scss
@@ -0,0 +1,19 @@
+/*********************************/
+/************ LAYOUT *************/
+/*********************************/
+
+#sidebar {
+ float: right;
+ width: 320px;
+ .advertisment {
+ width: 300px;
+ height: 270px;
+ }
+ img { float: left; }
+ sup {
+ display: block;
+ height: 20px;
+ line-height: 20px;
+ float: left;
+ }
+}
\ No newline at end of file
diff --git a/app/assets/stylesheets/user.css.scss b/app/assets/stylesheets/user.css.scss
new file mode 100644
index 0000000..fcdabfa
--- /dev/null
+++ b/app/assets/stylesheets/user.css.scss
@@ -0,0 +1,67 @@
+/*********************************/
+/************ LAYOUT *************/
+/*********************************/
+
+@mixin set-width-for-user-left($w){
+ width: $w;
+ h1 { width: $w }
+ .information { width: $w }
+}
+
+#user_left {
+ $padding: 28px;
+ float: left;
+ @include set-width-for-user-left(200px);
+ .picture {
+ float: left;
+ position: relative;
+ width: 200px;
+ height: 200px;
+ }
+ h1 {
+ font-size: 18px;
+ $height: 44px;
+ line-height: $height;
+ height: $height;
+ color: #fff;
+ @include stripe-bg();
+ margin-bottom: 20px;
+ text-indent: 22px;
+ }
+ .nav li {
+ background: url('#{$ico-url}/artist-information-active-arrow.png') no-repeat right 10px;
+ cursor: default;
+ &:last-child { margin-bottom: 0 }
+ }
+ .con {
+ margin-left: 80px;
+ li {
+ $height: 25px;
+ height: $height;
+ margin-bottom: 13px;
+ color: White;
+ line-height: $height;
+ &:last-child { margin-bottom: 0 }
+ }
+ }
+}
+
+
+
+.signuptab {
+ input[type=text], input[type=email], input[type=password] {
+ width: 300px;
+ height: 28px;
+ margin-bottom: 10px;
+ padding-left: 10px;
+ }
+ input[type=submit] {
+ width: 70px;
+ height: 25px;
+ margin-bottom: 20px;
+ }
+ a {
+ color: $blue!important;
+ margin-right: 20px;
+ }
+}
\ No newline at end of file
diff --git a/app/views/layouts/application.html.haml b/app/views/layouts/application.html.haml
index 1956c45..7f1717d 100644
--- a/app/views/layouts/application.html.haml
+++ b/app/views/layouts/application.html.haml
@@ -2,9 +2,11 @@
%html
%head
%title 9minutes
- = include_stylesheets :common, :media=>'all'
= javascript_include_tag "http://www.google.com/jsapi"
- = include_javascripts :jquery, :helper, :plugins, :common
+ = stylesheet_link_tag "application", :media=>'all'
+ = javascript_include_tag "application"
+ -# = include_stylesheets :common, :media=>'all'
+ -# = include_javascripts :jquery, :helper, :plugins, :common
:javascript
google.load("swfobject", "2.1");
google.setOnLoadCallback(_run);
diff --git a/config/application.rb b/config/application.rb
index 1f9c228..d7385d5 100644
--- a/config/application.rb
+++ b/config/application.rb
@@ -5,7 +5,8 @@ Bundler.require(:default, Rails.env) if defined?(Bundler)
module Nineminutes
class Application < Rails::Application
-
+ config.autoload_once_paths += %W(#{config.root}/lib)
+
# enable caching in development mode
config.action_controller.perform_caching = true
config.action_controller.page_cache_directory = Rails.root.to_s+"/public/cache/"
@@ -17,5 +18,11 @@ module Nineminutes
config.encoding = "utf-8"
config.filter_parameters += [:password]
+
+ config.assets.enabled = true
+ config.assets.version = '1.0'
+
+ # Defaults to '/assets'
+ # config.assets.prefix = '/asset-files'
end
end
diff --git a/config/assets.yml b/config/assets.yml
index 0fc9928..9a96b25 100644
--- a/config/assets.yml
+++ b/config/assets.yml
@@ -1,6 +1,6 @@
-embed_assets: on
+embed_assets: off
javascript_compressor: closure
-
+package_path: jammit
javascripts:
jquery:
diff --git a/config/config.yml.template b/config/config.yml.template
index 2335351..3b3743a 100644
--- a/config/config.yml.template
+++ b/config/config.yml.template
@@ -1,8 +1,9 @@
-secret_token: ""
-lastfm_api_key: ""
+secret_token:
+lastfm_api_key:
+bing_api_key:
facebook:
- app_id: ""
- secret: ""
+ app_id:
+ secret:
redis:
- development: ""
- production: ""
\ No newline at end of file
+ development:
+ production:
diff --git a/config/environments/development.rb b/config/environments/development.rb
index 8bdcc0f..17ea73a 100644
--- a/config/environments/development.rb
+++ b/config/environments/development.rb
@@ -1,9 +1,9 @@
Nineminutes::Application.configure do
# Settings specified here will take precedence over those in config/application.rb
-
+
# Reloads modules and files in lib directory
config.autoload_paths += %W(#{config.root}/lib)
-
+
# In the development environment your application's code is reloaded on
# every request. This slows down response time but is perfect for development
# since you don't have to restart the webserver when you make code changes.
@@ -14,7 +14,6 @@ Nineminutes::Application.configure do
# Show full error reports and disable caching
config.consider_all_requests_local = true
- config.action_view.debug_rjs = true
config.action_controller.perform_caching = false
# Don't care if the mailer can't send
@@ -26,5 +25,11 @@ Nineminutes::Application.configure do
# Only use best-standards-support built into browsers
config.action_dispatch.best_standards_support = :builtin
+
+ # Do not compress assets
+ config.assets.compress = false
+
+ # Expands the lines which load the assets
+ config.assets.debug = true
end
diff --git a/config/environments/production.rb b/config/environments/production.rb
index bed7f83..ddd7264 100644
--- a/config/environments/production.rb
+++ b/config/environments/production.rb
@@ -47,4 +47,22 @@ Nineminutes::Application.configure do
# Send deprecation notices to registered listeners
config.active_support.deprecation = :notify
+
+ # Compress JavaScripts and CSS
+ config.assets.compress = true
+
+ # Don't fallback to assets pipeline if a precompiled asset is missed
+ config.assets.compile = false
+
+ # Generate digests for assets URLs
+ config.assets.digest = true
+
+ # Defaults to Rails.root.join("public/assets")
+ # config.assets.manifest = YOUR_PATH
+
+ # Precompile additional assets (application.js, application.css, and all non-JS/CSS are already added)
+ # config.assets.precompile += %w( search.js )
+
+ # Force all access to the app over SSL, use Strict-Transport-Security, and use secure cookies.
+ # config.force_ssl = true
end
diff --git a/config/environments/test.rb b/config/environments/test.rb
index f36aefd..6413791 100644
--- a/config/environments/test.rb
+++ b/config/environments/test.rb
@@ -32,4 +32,8 @@ Nineminutes::Application.configure do
# Print deprecation notices to the stderr
config.active_support.deprecation = :stderr
+
+ # Configure static asset server for tests with Cache-Control for performance
+ config.serve_static_assets = true
+ config.static_cache_control = "public, max-age=3600"
end
diff --git a/config/initializers/lastfm.rb b/config/initializers/lastfm.rb
index eaee98b..3859f0e 100644
--- a/config/initializers/lastfm.rb
+++ b/config/initializers/lastfm.rb
@@ -1,3 +1,3 @@
ActionDispatch::Callbacks.to_prepare do
LastFM::Request::api_key = ENV['LASTFM_API_KEY']
-end
\ No newline at end of file
+end
diff --git a/config/initializers/wrap_parameters.rb b/config/initializers/wrap_parameters.rb
new file mode 100644
index 0000000..7ebab83
--- /dev/null
+++ b/config/initializers/wrap_parameters.rb
@@ -0,0 +1,13 @@
+# Be sure to restart your server when you modify this file.
+# This file contains settings for ActionController::ParamsWrapper which
+# is enabled by default.
+
+# Enable parameter wrapping for JSON. You can disable this by setting :format to an empty array.
+ActiveSupport.on_load(:action_controller) do
+ wrap_parameters :format => [:json]
+end
+
+# Disable root element in JSON by default.
+ActiveSupport.on_load(:active_record) do
+ self.include_root_in_json = false
+end
diff --git a/config/routes.rb b/config/routes.rb
index b271763..2d59630 100644
--- a/config/routes.rb
+++ b/config/routes.rb
@@ -1,7 +1,11 @@
Nineminutes::Application.routes.draw do
- devise_for :users,
- :controllers => { :omniauth_callbacks => "users/omniauth_callbacks", :registrations => "devise_auth/registrations", :sessions => "devise_auth/sessions" }
+ devise_for :users, :controllers => {
+ :omniauth_callbacks => "users/omniauth_callbacks",
+ :registrations => "devise_auth/registrations",
+ :sessions => "devise_auth/sessions"
+ }
+
devise_scope :user do
get "/users/auth/:provider" => "users/omniauth_callbacks#passthru"
get "/register" => "devise_auth/registrations#new", :as => :new_user_registration
@@ -27,8 +31,8 @@ Nineminutes::Application.routes.draw do
match "/charts", :to => "charts#index"
resources :users, :only => [ :show, :update, :edit, :create ]
-
+
get "/home", :to => "home#index"
-
+
root :to => "home#index"
end
diff --git a/db/schema.rb b/db/schema.rb
index 033efac..70b4614 100644
--- a/db/schema.rb
+++ b/db/schema.rb
@@ -1,3 +1,4 @@
+# encoding: UTF-8
# This file is auto-generated from the current state of the database. Instead
# of editing this file, please use the migrations feature of Active Record to
# incrementally modify your database, and then regenerate this schema definition.