//
// psd2css.js
//
//   This is where all the javascript required by your design is written.
//
//   Originally generated at http://psd2cssonline.com 
//   January 6, 2010, 5:30 am with psd2css Online version 1.65

var timerId;
$(document).ready(function(){

  // This is required for the PNG fix to work.
  if( $.fn.pngfix != null )
    $("img[@src$=png]").pngfix();

  // This is some javascript to stop IE from displaying the img alt attributes
  // when you mouse over imagess.  If you would like IE to display the alt attributes,
  // just comment out the following 4 lines.  Don't worry, if you leave this in 
  // place, your ALT attributes are still readable by the search engines.
  var tmpalt;
  $("img").hover( 
    function(){ tmpalt = $(this).attr( "alt" ); $(this).attr( "alt", "" ); },
    function(){ $(this).attr( "alt", tmpalt ); });

  // This is code to handle all of the _linkover events.  It works by
  // creating a special Wrap class, adding it to the link and linkover
  // divs of each link and linkover pair, and assigning a hover event to
  // that.
  $("#Layer-12").addClass("Wrap-11-12").hide();
  $("#Layer-11").addClass("Wrap-11-12");
  $(".Wrap-11-12").hover(
    function(){ $("#Layer-12").show(); $("#Layer-11").hide(); },
    function(){ $("#Layer-11").show(); $("#Layer-12").hide(); });
  $("#Layer-14").addClass("Wrap-13-14").hide();
  $("#Layer-13").addClass("Wrap-13-14");
  $(".Wrap-13-14").hover(
    function(){ $("#Layer-14").show(); $("#Layer-13").hide(); },
    function(){ $("#Layer-13").show(); $("#Layer-14").hide(); });
  $("#Layer-16").addClass("Wrap-15-16").hide();
  $("#Layer-15").addClass("Wrap-15-16");
  $(".Wrap-15-16").hover(
    function(){ $("#Layer-16").show(); $("#Layer-15").hide(); },
    function(){ $("#Layer-15").show(); $("#Layer-16").hide(); });
  $("#Layer-18").addClass("Wrap-17-18").hide();
  $("#Layer-17").addClass("Wrap-17-18");
  $(".Wrap-17-18").hover(
    function(){ $("#Layer-18").show(); $("#Layer-17").hide(); },
    function(){ $("#Layer-17").show(); $("#Layer-18").hide(); });
  
  // This is code to handle the boton1_vlist1_menu menu
  $("#Layer-10").hide().addClass("allMenus");
  $("#Layer-12").click(function(e){
    e.preventDefault();
    $(".allMenus").hide("slow");
    $("#Layer-10").show("slow");
    // Remove the following 2 lines if you don't want this menu to dissappear
    // automatically.  Change how long the menu stays visible by changing
    // the 4000 to another number of milliseconds
    clearTimeout( timerId );
    timerId = setTimeout( '$("#Layer-10").hide("slow")', 4000 );
  });

  // Here we add some javascript to take care of the scrolling
  // sections of the page that you designed.  It works by removing
  // each scrollcontent layer (and it's children) from the DOM and re-
  // inserting it (and a copy) inside the matching scrollframe layer.
  // Then we define an interval timer with a callback function
  // where we move the scrollcontent within the scrollframe.
  // Scrolling code for: lema
  var scrollOffset9 = 0;
  $('#Layer-8').append( $('#Layer-9') );
  $('#Layer-9').clone().addClass('Copy-Layer-9').insertAfter('#Layer-9');
  function ScrollFunc()
  {
    // Change the speed of the scroll by changing the '2' in the following
    // line after the '+='.  Negative numbers scroll the other way.
    scrollOffset9 += 2;
    // Scroll vertically by changing 'left' to 'top' and 'width' to 'height
    // in the following lines
    $('#Layer-9').css( 'left', scrollOffset9 );
    $('.Copy-Layer-9').css( 'left', scrollOffset9 - $('.Copy-Layer-9').width() + 1 );
    if( scrollOffset9 > $('.Copy-Layer-9').width() )
      scrollOffset9 -= $('.Copy-Layer-9').width();
  }
  setInterval( ScrollFunc, 64 );


});