/* ...................................................
  
  Modules javascript functions.
    
................................................... */

$(document).ready(function(){
  
  // testing purpose ONLY!
  // ========================================================================================
  var diffSizes = '<select id="diffSizes" style="position:absolute; top:13px; left:20px; font-size:0.92em;">' +
              '<option value="--">--choose one--</option>' +
              '<option value="800">800x600</option>' +
              '<option value="1024">1024x768</option>' +  
              '<option value="full">Full screen</option>' +  
             '</select>'
  $('#header .tools').before(diffSizes);
  
  $('#diffSizes').change(function(){
    var option = this.options[this.selectedIndex].value;
    if(option == '800'){
      $('#container').css('width', 730);
      $('#content').css({'width':510,'margin-right':0});
      $('#sideNav').css({'margin-left':0});
      $('.sIFR-flash').css({'width':510});
    }
    else if(option == '1024'){
      $('#container').css('width', 950);
      $('#content').css({'width':730, 'margin-right':0});
      $('#sideNav').css({'margin-left':0});
    }
    else if(option == 'full'){
      $('#container').css('width', 'auto');
      $('#content').css({'width':'auto', 'margin-right':220});
      $('#sideNav').css({'margin-left':-200});
    }
    else{
      $('#container').css('width', 1000);
      $('#content').css({'width':780, 'margin-right':0});
      $('#sideNav').css({'margin-left':0});
    }
  });
  // ========================================================================================
  
  
  // Add listing rollover effects
  $('.moduleListing li').hover(function(){
    $(this).addClass('listingHover');
  }, function(){
    $(this).removeClass('listingHover');
  });
  
  
  
});