$(document).ready( function() {

	$('#main-menu').slddm();


    // menu hover

    var t;
    var rel;
    var my_id;
    var play;

    var menuImgShowDelay = 500;

    function qqq () {
        ShowImage(my_id, rel)
    };

    /*jQuery('#mycarousel').jcarousel({  });*/
    jQuery('.jcarousel-skin-tango').jcarousel({  });



    $("#main-menu li li a").hover(
        function () {
            rel = $(this).attr("data-rel");
            my_id = $(this).attr("id");
            t=setTimeout(qqq,menuImgShowDelay);
        },
        function () {
            clearTimeout(t);
        }
    );

    $("#main-menu").live('mouseenter mouseleave', function(event) {
        if (event.type == 'mouseenter') {
            if (!$("#controls #play").length) {
                play = true;
            }
            else {
                play = false;
            }
        } else {
            if (play == true) {
                $('#play').click();
            }
        }
    });


    // load galleriffic

    $('div.navigation').css({'width' : '300px', 'float' : 'left'});
    $('div.content').css('display', 'block');

    if ($("body").hasClass("main")) {
        var obG = $('#thumbs').galleriffic({
            delay:                      3000,
            preloadAhead:               2,
            imageContainerSel:          '#slideshow',
            controlsContainerSel:       '#controls',
            playLinkText:               '<img src="/bitrix/templates/taggroup/i/play.png" border="0">',
            pauseLinkText:              '<img src="/bitrix/templates/taggroup/i/pause.png" border="0">',
            prevLinkText:               '<img src=/bitrix/templates/taggroup/i/back.png border=0>',
            nextLinkText:               '<img src=/bitrix/templates/taggroup/i/forward.png border=0>',
            autoStart:                  true,
            syncTransitions:            true,
            defaultTransitionDuration:  900,
            onPageTransitionOut:        function(callback) {
                this.fadeTo('fast', 0.0, callback);
            },
            onPageTransitionIn:         function() {
                this.fadeTo('fast', 1.0);
            }
        });
    }
    else {
        var onMouseOutOpacity = 0.6;
        $('#thumbs ul.thumbs li img').opacityrollover({
            mouseOutOpacity:   onMouseOutOpacity,
            mouseOverOpacity:  1,
            fadeSpeed:         'fast',
            exemptionSelector: '.selected'
        });

        $('#thumbs').galleriffic({
            delay:                     3000,
            numThumbs:                 6,
            preloadAhead:              6,
            enableTopPager:            false,
            enableBottomPager:         true,
            imageContainerSel:         '#slideshow',
            controlsContainerSel:      '#controls',
            captionContainerSel:       '#caption',
            loadingContainerSel:       '#loading',
            renderSSControls:          true,
            renderNavControls:         true,
            playLinkText:              '<img src="/bitrix/templates/taggroup/i/play.png" border="0">',
            pauseLinkText:             '<img src="/bitrix/templates/taggroup/i/pause.png" border="0">',
            prevLinkText:              '<img src=/bitrix/templates/taggroup/i/back.png border=0>',
            nextLinkText:              '<img src=/bitrix/templates/taggroup/i/forward.png border=0>',
            nextPageLinkText:          '<img src=/bitrix/templates/taggroup/i/forward_old.png border=0>',
            prevPageLinkText:          '<img src=/bitrix/templates/taggroup/i/back_old.png border=0>',
            enableHistory:             false,
            autoStart:                 false,
            syncTransitions:           true,
            defaultTransitionDuration: 900,
            onPageTransitionOut:       function(callback) {
                this.fadeTo('fast', 0.0, callback);
            },
            onPageTransitionIn:        function() {
                this.fadeTo('fast', 1.0);
            }
        });
    };






});

// menu img preload
window.onload = function(){
    //alert ("ddd");

    $("#main-menu li li a").each( function () {
        rel = $(this).attr("data-rel");
        pic = new Image();
        pic.src = rel;
    });
}


// menu image
function ShowImage(ID,SRC) {
      $('#slideShowHide').stop();
      $('#slideShowHide_img').stop();

      var currentImg = $("#img-box #slideshow .advance-link img",0).attr('src');
      var menuImgShowSpeed = 900;

      if (($("#slideshow").css("display")=='none') ||
          ($("#slideshow").css("display")==undefined))
      {
          if (currentImg!=SRC)
          {
              $('#pause').click();
		$("#slideShowHide").show();
		if($("#slideShowHide_img").css('opacity') != 1)
		{
			if($("#slideShowHide").css('background-image') == SRC)
			{
				$("#slideShowHide_img").fadeTo((1-$("#slideShowHide_img").css('opacity'))*menuImgShowSpeed,0);

			}
			else
			{
				$("#slideShowHide_img").css('opacity','0');
				$("#slideShowHide_img").attr('src',SRC);
				$("#slideShowHide_img").fadeTo(menuImgShowSpeed,1);
                  }
		}
		else
		{
			$("#slideShowHide").css('background-image','url('+SRC+')');
			$("#slideShowHide_img").animate({opacity: '0'},menuImgShowSpeed,'linear',function()
			{
					$("#slideShowHide_img").attr('src',SRC);
					$("#slideShowHide_img").css('opacity','1');
			});
		}

          }
          else
          {
          //$('#pause').click();
          //$("#slideShowHide").html('<img id="slideShowHide_img" src='+SRC+'>').removeAttr('style');
          $('#pause').click();
          $("#slideShowHide").html('<img id="slideShowHide_img" src='+SRC+'>').removeAttr('style');
          $("#slideShowHide").css('opacity','0');
          $("#slideShowHide").fadeTo(menuImgShowSpeed,1.0,function()
              {
                  //$("#slideshow").hide();
              });
          }

      }
      else
      {
          $('#pause').click();
          $("#slideShowHide").html('<img id="slideShowHide_img" src='+SRC+'>').removeAttr('style');
          $("#slideShowHide").css('opacity','0');
          $("#slideShowHide").fadeTo(menuImgShowSpeed,1.0,function()
              {
                  $("#slideshow").hide();
                  //$("#slideshow").fadeOut(900);
              });
      }
}