///////////////////////
// FORM INPUT HINTS //
//////////////////////
function formInputHints()
{
 var v,i,a;
 $('.inputHints').focus(function(index)
 {
  v = $(this).val();
  i = $(this).attr('id');
  a = $(this).attr('alt');
  if(v==a && $(this).attr('id')!='passwordFake')
  {
   $(this).val('');
   $(this).addClass('inputActive');
  }
  else if($(this).attr('id')=='passwordFake')
  {
   $(this).css('display','none');
   $('#password').css('display','inline-block');
   $('#password').focus();
  }
 });
 $('.inputHints').keyup(function(index)
 {
  v = $(this).val();
  i = $(this).attr('id');
  a = $(this).attr('alt');
  if(v!=a && $(this).attr('id')!='passwordFake')
  { $(this).addClass('inputActive'); }
  else if($(this).attr('id')=='passwordFake')
  {
   $(this).css('display','none');
   $('#password').css('display','inline-block');
   $('#password').focus();
  }
 });
 $('.inputHints').blur(function(index)
 {
  v = $(this).val();
  i = $(this).attr('id');
  a = $(this).attr('alt');
  if((v=='' || v==a) && $(this).attr('id')!='password')
  {
   $(this).val(a);
   $(this).removeClass('inputActive');
  }
  else if((v=='' || v==a) && $(this).attr('id')=='password')
  {
   $('#password').css('display','none');
   $('#passwordFake').val('password');
   $('#passwordFake').css('display','inline-block');
  }
 });
 $('.inputHints').change(function(index)
 {
  v = $(this).val();
  i = $(this).attr('id');
  a = $(this).attr('alt');
  if((v=='' || v==a) && $(this).attr('id')!='passwordFake')
  {
   $(this).val(a);
   $(this).removeClass('inputActive');
  }
  else if((v=='' || v==a) && $(this).attr('id')=='passwordFake')
  {
   $('#passwordFake').val('password');
   $('#passwordFake').css('display','none');
   $('#password').css('display','inline-block');
  }
 });
 $('.inputHints').each(function()
 {
  v = $(this).val();
  i = $(this).attr('id');
  a = $(this).attr('alt');
  if((v!=a) && $(this).attr('id')!='password')
  { $(this).addClass('inputActive'); }
  else if((v!=a) && $(this).attr('id')=='password')
  {
   $('#passwordFake').css('display','none');
   $('#password').css('display','inline-block');
  }
  else if($(this).attr('id')=='password') { $(this).css('display','none'); }
 });
}

/////////////////////////////
// CUSTOM SELECT DROPDOWN //
////////////////////////////
function customSelect()
{
 window.customDropdownClick = false;
 ////////////////////////
 // CHANGE APPEARANCE //
 ///////////////////////
 var i = 1;
 $('.customDropdown').each(function()
 {
  if($(this).is('select'))
  {
   var options = '';
   var selected = $(this).val();
   var selectedText = $(this).find('option:selected').text();
   var name = $(this).attr('name');
   $(this).find('option').each(function()
   {
    options += ($(this).val()==selected) ? '<li><a id="'+name+'_link" class="selected" href="#" title="'+$(this).val()+'">'+$(this).text()+'</a></li>' : '<li><a id="'+name+'_link" href="#" title="'+$(this).val()+'">'+$(this).text()+'</a></li>';
   });
   $(this).before('<div id="customDD'+i+'" class="customDropdown"><div class="displayed">'+selectedText+'</div><div class="dropdownArrow"></div><ul>'+options+'</ul></span></div><input id="'+name+'" type="hidden" name="'+name+'" value="'+selected+'"/>');
   $(this).remove();
  }
  var f = $(this).width();
  if(f>0) { $('#customDD'+i).find('.displayed:first').width(f); }
  var w = ($('#customDD'+i).width()*1) + 20;
  if(w<=112) { $('#customDD'+i).find('.displayed:first').css('padding','5px 3px 0px 3px'); }
  $('#customDD'+i).find('ul:first').width(w);
  i++;
 });
 //////////////////////
 // HANDLE DROPDOWN //
 /////////////////////
 mouse_is_inside = false;
 window.customDropdownID = '';
 $('div.customDropdown').click(function()
 {
  if(window.customDropdownID!=$(this).attr('id') && window.customDropdownID)
  {
   $('div.customDropdown').find('ul:first').css('display','none');
   window.customDropdownClick = false;
   $('div.customDropdown').css('z-index','2');
   $('div.customDropdown').find('.displayed').css('z-index','3');
   $('div.customDropdown').find('.dropdownArrow').css('z-index','3');
   $('div.customDropdown').find('ul:first').css('z-index','2');
  }
  if(window.customDropdownClick)
  {
   $(this).find('ul:first').css('display','none');
   $(this).css('z-index','2');
   $(this).find('.displayed').css('z-index','3');
   $(this).find('.dropdownArrow').css('z-index','3');
   $(this).find('ul:first').css('z-index','2');
   window.customDropdownClick = false;
   window.customDropdownID = '';
   return;
  }
  window.customDropdownClick = true;
  window.customDropdownID = $(this).attr('id');
  $(this).children('ul:first').css('display','block');
  $(this).css('z-index','5');
  $(this).find('.displayed').css('z-index','6');
  $(this).find('.dropdownArrow').css('z-index','6');
  $(this).find('ul:first').css('z-index','5');

  /////////////////////////////
  // HANDLE DROPDOWN SELECT //
  ////////////////////////////
  $(this).find('a').click(function()
  {
   var id = $(this).attr('id').replace('_link','');
   var val = $(this).attr('title');
   var selectedText = $(this).html();
   $('#'+id).val(val);
   $(this).parent('li').parent('ul:first').parent('.customDropdown:first').find('.displayed').html(selectedText);
   $(this).parent('li').parent('ul:first').css('display','none');
   $(this).parent('li').parent('ul:first').find('a').each(function()
   {
    if($(this).attr('title')==val) { $(this).addClass('selected'); }
    else { $(this).removeClass('selected'); }
   });
//   var w = ($('.customDropdown').width()*1) + 20;
//   $('.customDropdown').find('ul:first').width(w);
   window.customDropdownClick = false;
   if(id=='routeid') { pickRoute(val); }
   if(id=='workoutInputType') { changeWorkoutType(val); }
   return false;
  });
 });
 $('div.customDropdown').hover(function(){ mouse_is_inside=true; },function(){ mouse_is_inside=false; });
 $(document).mouseup(function()
 { 
  if(!mouse_is_inside) { $('div.customDropdown').find('ul:first').css('display','none'); window.customDropdownClick = false; window.customDropdownID = ''; }
 });
}

///////////////////
// CUSTOM INPUT //
//////////////////
function customInput()
{
 $('.customInput').after('<span class="customInputContainter"><div class="customInputEnd"></div></span>');
 $('.customInputContainter').each(function()
 {
  //$(this).parent('.customInputContainter:first').css('padding',$(this).width()+'px');
  var w = $(this).find('.customInput:first').width();
$(this).css('width',w+'px');
 });
}
function customInputDisabled()
{
 $('.customInputDisabled').after('<span class="customInputContainter"><div class="customInputEndDisabled"></div></span>');
 $('.customInputContainter').each(function()
 {
  //$(this).parent('.customInputContainter:first').css('padding',$(this).width()+'px');
  var w = $(this).find('.customInputDisabled:first').width();
$(this).css('width',w+'px');
 });
}

///////////////////
// NAV DROPDOWN //
//////////////////
function navDropdown()
{
 $('.dropdownNav').mouseover(function()
 {
  $(this).addClass('dropdownNavActive');
  $(this).parent('li').find('ul:first').css('display','block');
 });
 $('.dropdownNav').mouseout(function()
 {
  $(this).removeClass('dropdownNavActive');
  $(this).parent('li').find('ul:first').css('display','none');
 });
 $('header nav ul li ul').mouseover(function()
 {
  $(this).parent('li').find('.dropdownNav:first').addClass('dropdownNavActive');
  $(this).css('display','block');
 });
 $('header nav ul li ul').mouseout(function()
 {
  $(this).parent('li').find('.dropdownNav:first').removeClass('dropdownNavActive');
  $(this).css('display','none');
 });
 $('.dropdownNav').click(function()
 {
  $(this).addClass('dropdownNavActive');
  $(this).parent('li').find('ul:first').css('display','block');
  return false;
 });
}

//////////////////////////
// CLOSE WELCOME POPUP //
/////////////////////////
function closeWelcome()
{
 $('#closeWelcome').addClass('hand');
 $('#closeWelcome').click(function() { $('#welcomeMess').css('display','none'); });
}

//////////////////////////
// INPUT TOOGLE FIELDS //
/////////////////////////
function toggleInputs(e,id,value)
{
 $('#'+e).parent().children().removeClass('active');
 $('#'+e).addClass('active');
 $('#'+id).val(value);
}

/////////////////////////////
// RECENT MEMBER ACTIVITY //
////////////////////////////
function recentMemberAct()
{
 window.recentMemberActSlide = 0;
 setInterval(function()
 {
  window.recentMemberActSlide += 54;
  $('.recentActBox:first').before($('.recentActBox:last'));
  $('.recentActBox').each(function () { $(this).css('top','-'+window.recentMemberActSlide+'px'); });
  $('#recentActBoxWrap').animate({ top: window.recentMemberActSlide }, 2000, function() { });
 },6000);
}

/////////////////////
// ERROR MESS BOX //
////////////////////
function errMessBox()
{
 //$('.errMess,.succMess').delay(15000).fadeOut();
 $('.errMess,.succMess').each(function()
 {
  $(this).addClass('popupErr');
  $(this).html('<div class="errMessClose hand">X</div>'+$(this).html());
  $(this).click(function() { $(this).fadeOut(); });
 });
}

///////////////////////
// LOAD CSS FOR MAC //
//////////////////////
function loadCSS()
{
 // Load CSS for Firefox Mac
 if($.browser.mozilla && navigator.platform.substr(0,3).toLowerCase()=='mac')
 {
  $("<link/>", {
   rel: "stylesheet",
   type: "text/css",
   href: "/css/mac-firefox.css"
  }).appendTo("head");
  //$('.customInputEnd,.customInputEndDisabled').css('top','-200px !important');
 }
}

/////////////////////
// PRELOAD IMAGES //
////////////////////
(function($) {
  var cache = [];
  // Arguments are image paths relative to the current page.
  $.preLoadImages = function() {
    var args_len = arguments.length;
    for (var i = args_len; i--;) {
      var cacheImage = document.createElement('img');
      cacheImage.src = arguments[i];
      cache.push(cacheImage);
    }
  }
})(jQuery)

////////////////////
// WINDOW ONLOAD //
///////////////////
$(document).ready(function()
{
 formInputHints();
 customSelect();
 customInput();
 customInputDisabled();
 navDropdown();
 closeWelcome();
 recentMemberAct();
 errMessBox();
 loadCSS();
// jQuery.preLoadImages('/images/dropdownNavLi.png','/images/dropdownNavLiActive.png');
});