$(window).resize(function () {
   boyutlandir();


});

$(document).ready(function () {

    $('.panel').draggable();
    $('.anasayfa').click(function () {

        $('.panel').hide();
    });


    $('.hakkimizda').click(function () {
        $('.panel').hide();
        $('#p1').show();
    });



    $('.subeler').click(function () {
        $('.panel').hide();
        $('#p2').show();
    });




    $('.iletisim').click(function () {
        $('.panel').hide();
        $('#p3').show();
    });


    boyutlandir();

    $('#menu > .menuContent > ul > li.urunler').hover(function () {
        $('#menu > .menuContent > ul > li.urunler > ul').slideDown();



        $('#menu > .menuContent > ul > li.urunler > ul > li').hover(function () {
            $(this).addClass('menuHover');
            $(this).children('ul').show(20);


            $('#menu > .menuContent > ul > li.urunler > ul > li > ul > li').hover(function () {
                $(this).addClass('menuHoverSub');



            },
  function () {
      $(this).removeClass('menuHoverSub');

  }
  );



        },
  function () {
      $(this).removeClass('menuHover');
      $(this).children('ul').hide();
  }
);






    },
  function () {
      $('#menu .menuContent ul li.urunler ul').hide();
  }
);

});

function aramaTxt(txt, secici) {

    $(secici).val(txt);
    $(secici).focus(function () {
        $(secici).val("");
    });

    $(secici).blur(function () {

        if ($(secici).val() == "") {
            $(secici).val(txt);
        }

    });
}

////////////////////////////////////////////////////////
////////////////////SCROLLBAR

var disYukseklik;
var textYukseklik = "600";
var disClass = "scrollDis";
var icerikClass = "scrollIcerik";
var sliderClass = "slider";
var sliderHandler = ".ui-slider-vertical > .ui-slider-handle";
var limit = 100;
var sliderHeight = 10;
var seciciClass;
function scrollBarF(secici) {
    seciciClass = secici;
    disYukseklik = parseInt($(seciciClass).css("height"));



    $(seciciClass).html('<div class="kapsayiciClass" style="float:left;height:' + disYukseklik + 'px;position:relative;overflow:hidden;z-index:1001;"><div class=" as ' + disClass + '"><div class="' + icerikClass + ' a" style="position:absolute;z-index:1000;padding-right:10px;">' + $(seciciClass).html() + '</div></div></div><div class="scrollHandlerDis"  style="float:left;"><div class="' + sliderClass + '"></div></div><div style="clear:both;"></div>');

    //   textYukseklik = parseInt($('.as').css("height"));

    scrollBarSliderF();
    scrollBarH();


}



function scrollBarH() {

    if (textYukseklik < disYukseklik && textYukseklik > 0) {
        sliderHeight = 0;
    }
    else {

        sliderHeight = 100;

    }
    $('.scrollHandlerDis').css('padding-top', +(sliderHeight - 10) + 'px');
    $('.' + sliderHandler).css('height', sliderHeight + 'px');
    $('.' + sliderHandler).css('marginTop', +(-1 * (sliderHeight / 2)) + 'px');
    var v = $(seciciClass).width() - $('.scrollHandlerDis').width();
    var c = (disYukseklik - parseInt($('.scrollHandlerDis').css('padding-top'))) + 'px';
    $('.' + disClass).css('width', v);
    $('.' + sliderClass).css('height', c);
}

function scrollBarSliderF() {

    $("." + sliderClass).slider({
        orientation: "vertical",
        max: limit,
        value: limit,
        slide: function (event, ui) {
            textYukseklik = parseInt($("." + icerikClass).css("height"));
            $("." + icerikClass).animate({ top: "-" + ((limit - (ui.value)) * ((textYukseklik - disYukseklik) / limit)) + "px" }, 20);

            //scrollBarH();

        }
    });
}

///////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////


function boyutlandir() {




    var solPanel = ($(window).width() - $('.panel').width()) / 2;
    var ustPanel = ($(window).height() - $('.panel').height()) / 2;

    var solmenu = ($(window).width() - $('#menu').width()) / 2;
    var ustmenu = ($(window).height() - $('#menu').height()) / 2;


    $('.panel').css('left', solPanel).css('top', ustPanel);


}