$(document).ready(function() { startChangeImage();
                               setGallery();
                                setWarningMessages();
                               setFontSizer();
                               setValidator();
                               $("hr").replaceWith("<div class=\"hr\"><hr/></div>");
                               setMenuOverlay();
                             });
  
  
function startChangeImage()
{
  $('#header-img').innerfade({ speed: 2000, timeout: 10000, type: 'random', containerheight: '255px' }); 
}

function getFancyTitle(title, currentArray, currentIndex, currentOpts)
{
  var curImage = $(currentArray[currentIndex]).attr("href");  
  return $('ul li').has('a[href|="' + curImage + '"]').find(".description").html();
}

function setGallery()
{
  $(".ImageGallery > ul > li.imageframe").each(function(index) { $(this).css("width", ($(this).find("img").outerWidth() + 50) + "px"); });
  $(".ImageGallery > ul > li.imageframe").each(function(index) { $(this).html( '<div class="image-border" \
                                          style="width: ' + ($(this).find("img").outerWidth() + 16) + 'px; \
                                               height: ' + ($(this).find("img").outerHeight() + 16) + 'px;"> \
                                    <div class="edge-top"></div> \
                                    <div class="edge-left"></div> \
                                    <div class="edge-right"></div> \
                                    <div class="image-content"><a rel="' + $(this).find("a").attr("rel") + '" href="' + $(this).find("a").attr("href") + '">'
                                                      + $(this).find("a").html() + '</a>' +
                                  '</div> \
                                    <div class="description">' + $(this).find("div.description").html() + '</div> \
                                    <div class="edge-bottom"></div> \
                                    <div class="corner-bottom-left"></div> \
                                    <div class="corner-bottom-right"></div> \
                                    <div class="corner-top-left"></div> \
                                    <div class="corner-top-right"></div> \
                                  </div>' +
                                  (($(this).find("span.title").length == 1) ?
                                      ('<div class="image-title">'
                                      + $(this).find("span.title").html() + '</div>')
                                      : '')
                                  ); });
  /*  imageBtnClose: '/layout/images/lipnoline/maindesign/gallery/close.png',
    imageBtnPrev: '/layout/images/lipnoline/maindesign/gallery/left.png',
    imageBtnNext: '/layout/images/lipnoline/maindesign/gallery/right.png',
    imageLoading: '/layout/images/lipnoline/maindesign/lightbox/lightbox-ico-loading.gif',
    imageBlank: '/layout/images/lipnoline/maindesign/lightbox/lightbox-blank.gif'}
  */
  $('.ImageGallery > ul > li a:has(img)').fancybox( {   'showCloseButton'  : true,   'titlePosition'     : 'inside',   'titleFormat'    : getFancyTitle});
  
}


function setWarningMessages()
{
    $("#js-warning").hide();
}

function setFontSizer()
{
    $('#fontsizer').jfontsizer({ applyTo: '#main, #footer', changesmall: '1', changelarge: '5', expire: 30 });
}

function setValidator()
{
  if ($("#MainForm"))
  {
    $("#MainForm").validate();
  }
  
  $("#MainForm .contact #date").datepicker();
}

function setMenuOverlay()
{
  $("ul#menu-bottom-items li div.overlay").css("height", ($("ul#menu-bottom-items li").outerHeight() + 100) + "px");
  $("ul#menu-bottom-items li").mouseover(function() {$(this).find("div.overlay").clearQueue(); 
                                                      $(this).find("div.overlay").fadeTo(300, 1); } );
  $("ul#menu-bottom-items li div.overlay").mouseout(function() { $(this).clearQueue();
                                                                 $(this).fadeTo(300, 0); } );
}