//Standard variables
var loading = false;
var contentHandler = "/_handlers/loader/content.ashx";

//Audio variables
var player = null;
var playing = false;
var currentTrack = 0;
var playerID = 'downloadPlayer';
var divPlayerID = '#' + playerID;
var srcBase = '/_img/ico/';
var srcLoading = srcBase + 'loading-small.gif';
var srcPlay = srcBase + 'play-small.gif';
var srcPause = srcBase + 'pause-small.gif';

//Audio player interaction functions
function playerReady(thePlayer) {
   player = document.getElementById(thePlayer.id);
   addListeners();
}

function addListeners() {
   if (player) {
      player.addModelListener("STATE", "stateFunction");
   } else {
      setTimeout("addListeners()", 100);
   }
}

function stateFunction(obj) {
   if (obj.newstate == "COMPLETED") {
      $('.playBtn').removeClass('pauseBtn');
      $('.playBtn img').attr('src', srcPlay);

      //Go to next track and load
   }
   else if (obj.newstate == "PLAYING") {
      $('.trackSmp' + currentTrack).addClass('pauseBtn');
      $('.trackSmp' + currentTrack + ' img').attr('src', srcPause);
      playing = true;
   }
   else if (obj.newstate == "PAUSED") {
      $('.trackSmp' + currentTrack).removeClass('pauseBtn');
      $('.trackSmp' + currentTrack + ' img').attr('src', srcPlay);
      playing = false;
   }
};

function PlayClick(el) {
   if (!loading) {
      loading = true;
      setTimeout(function() { loading = false; }, 3000);
      $('.playBtn img').attr('src', srcPlay);
      $('.playBtn').removeClass('pauseBtn');
      var elImg = el.children('img');
      var url = el.attr('url');
      var name = el.attr('name');
      var newTrack = parseInt(el.attr('track'));
      playing = true;

      if (newTrack == currentTrack) {
         loading = false;
         player.sendEvent("PLAY", "true");
         elImg.attr('src', srcPause);
         el.addClass('pauseBtn');
      }
      else {
         player.sendEvent("PLAY", "false");
         currentTrack = newTrack;
         elImg.attr('src', srcLoading);
         $('.sampleTrackName').html('loading...');
         var s = "url=" + url + "&id=" + playerID + "&width=280";
         $.ajax({
            type: 'POST',
            url: '/_handlers/audio/embed.ashx',
            data: s,
            success: function(data, textStatus) {
               $(divPlayerID).html(data);
               $('.sampleTrackName').html('');
            },
            error: function(XMLHttpRequest, textStatus, errorThrown) {
            },
            complete: function(XMLHttpRequest, textStatus) {
               loading = false;
               elImg.attr('src', srcPause);
               el.addClass('pauseBtn');
            }
         });
      }
   }
}

function PauseClick(el) {
   if (!loading) {
      var elImg = el.children('img');
      elImg.attr('src', srcPlay);
      el.removeClass('pauseBtn');
      player.sendEvent("PLAY", "false");
      playing = false;
   }
}

$(document).ready(function() {

   $('.customScroll').jScrollPane({ scrollbarWidth: 10 });
   //$('.logo').pngFix();
   //$('.logo').supersleight();

   //Hover over
   $('.hoverText').mousemove(function(e) {
      var el = $(this);
      var mouseX = e.pageX;
      var mouseY = e.pageY;
      var thisWidth = $('.popoverHover').width();
      var thisHeight = $('.popoverHover').height();
      if (el.attr('rel') == "low") {
         mouseY = mouseY + 10;
      }
      $('.popoverHover').css({ 'left': (mouseX - Math.floor(thisWidth / 2) - 10) + 'px', 'top': (mouseY - 20 - thisHeight) + 'px' });
   });
   $('.hoverText').mouseover(function() {
      $('.popoverHover').html($(this).attr('title'));
      $('.popoverHover').show();
   });
   $('.hoverText').mouseout(function() {
      $('.popoverHover').html('');
      $('.popoverHover').hide();
   });

   //Audio commands
   $('.mainItem .playBtn').click(function() {
      var el = $(this);
      $('.samplePlayer').animate({ marginLeft: '390px' }, 700, function() {
         if (el.hasClass('pauseBtn')) {
            PauseClick(el);
         } else {
            PlayClick(el);
         }
      });
      return false;
   });


   // Dropdown nav
   $("#priNav ul li").hover(function() {
      var el = $(this);
      el.find('ul').show();
      el.css('z-index', '7');
      el.children('ul').children('li').each(function() {
         if (!$(this).hasClass('hide')) {
            $(this).show();
            $(this).stop(false, true).animate({ height: "29px" }, 200);
         }
      });
   }, function() {
      var el = $(this);
      el.stop();
      el.css('z-index', '6')
      el.children('ul').children('li').each(function() {
      if (!$(this).hasClass('hide')) {
            $(this).stop(false, true).animate({ height: "29px" }, 200, function() {
               el.find('ul').hide();
               $(this).hide();
            });
         }
      });
   });

   $('.trigger').click(function() {
      $(this).parent().children('.toggleContainer').slideToggle();
      $(this).toggleClass('triggerOpen');
      return false;
   });


   $('.photoList li')
     .append('<span class="hover" />').each(function() {
        var $span = $('> span.hover', this).css('opacity', 0);
        $(this).hover(function() {
           $(this).addClass('over');
           $span.stop().fadeTo(500, 1);
        }, function() {
           $(this).removeClass('over');
           $span.stop().fadeTo(500, 0);
        });
     });

   //   $('.clsAudio a').click(function() {
   //      $('.sideAudio').slideDown(function() {
   //         $('.sideAudio .customScrollAudio').jScrollPane({ scrollbarWidth: 10 });
   //      });
   //      return false;
   //   });

   //   $('.clsClosePlayer').click(function() {
   //      $('.sideAudio').slideUp();
   //      return false;
   //   });

   //   $('.sideAudio').draggable();

});