var Derks = Derks || {};

/**
* Initialize.
*/
Derks.init = function() {
  Derks.selector();  
  Derks.tuxSelector();  
};

/**
* Initialize select fields.
*/
Derks.selector = function() { 
  // Hide sub items
  $('.dropdown .subItem').hide();
  
  // Toggle Dropdown   
  $('.dropdown a.toggle img').click(function(){       
      $('.subItem', $(this).parents('.dropdown')).slideToggle(400);
      
      return false;
  });
  
  // Close sub items when clicked
  $('.dropdown .subItem').click(function(){
    $(this).slideUp(200);
  });
};              

/**
* Initialize tux selector fields.
*/
Derks.tuxSelector = function() {
  // Toggle styles
  $('.tux_selector .dropdown .subItem li').click(function(){
      var lastClass      = $('#main_content_tuxedos').attr('class');         
      var newClass       = $(this).attr('class');  
      var effectDuration = 800;
			
			newStyle = newClass.replace(/tux_/, ''); 
            
      $('#main_content_tuxedos').fadeOut(effectDuration, function(){
        // Toggle classes
        $('#main_content_tuxedos').removeClass(lastClass);
        $('#main_content_tuxedos').addClass('style_' + newStyle);
        
        // Load data
        $.ajax({
          type    : 'GET',
          url     : 'styles/' + newStyle + '.html',
          timeout : 6000,
          success : function(data){
            $('#main_content_tuxedos').html(data).fadeIn(effectDuration);
          } 
        });
      });
  });
};

$(function(){
  Derks.init();
});