$(function(e){
    function tracking(e, data){
        document.getElementById('event').innerHTML = e.type + '.'+ e.namespace
        if(data){
            document.getElementById('cls').innerHTML = data.config.cls
            document.getElementById('drag_old').innerHTML = data.config.drag_old
            document.getElementById('horizontal-track').innerHTML = data.config.horizontal
            document.getElementById('start').innerHTML = data.config.start
            document.getElementById('step').innerHTML = data.config.step

            document.getElementById('selector').innerHTML = e.currentTarget.className

            document.getElementById('scrollHeight').innerHTML = data.tracking.scrollHeight == undefined ? data.tracking.scrollWidth : data.tracking.scrollHeight
            document.getElementById('paneHeight').innerHTML = data.tracking.paneHeight == undefined ? data.tracking.paneWidth : data.tracking.paneHeight
            document.getElementById('dragHeight').innerHTML = data.tracking.dragHeight == undefined ? data.tracking.dragWidth : data.tracking.dragHeight
            document.getElementById('dragTop').innerHTML = data.tracking.dragTop == undefined ? data.tracking.dragLeft : data.tracking.dragTop
            document.getElementById('dragBot').innerHTML = data.tracking.dragBot == undefined ? data.tracking.dragRight : data.tracking.dragBot
        }
        return true;
    }
    new Scroll('.scroll-old', {
        drag_old: '<div class="drag-top"></div><div class="drag-body"></div><div class="drag-bottom"></div>'
    });
    return true;
});
var logopened=false;
$(document).ready(function(){
    $('#logbtn').click(function(){
        if(logopened)
        {
            $('#logform').hide('fast');
            $('#logbtn').removeClass('selected');
        }
        else
        {
            $('#logform').show('fast');
            $('#logbtn').addClass('selected');
        }
        logopened=!logopened;
        return false;
    });
}).click(function(e){
        if(!logopened)
            return;
        e=e||window.event;
        var target=e.target||e.srcElement;
        while(target)
        {
            if(target==$('#logform').get(0))
                return;
            target=target.parentNode;
        }
        $('#logform').hide('fast');
        $('#logbtn').removeClass('selected');
        logopened=false;
    });
$(document).ready(function(){
    // Fade effect
    $(".fade").css("opacity", "1");
    $(".fade").hover(function () {
            $(this).stop().fadeTo(300, 0.65);
        },
        function () {
            $(this).stop().fadeTo(300, 1);
        });
    // Horizontal menu
    $('#h_flow li.h_this').hover(
        function() {
            $(this).addClass("selected");
            $(this).find('ul').stop(true, true);
            $(this).find('ul').slideDown('fast');
        },
        function() {
            $(this).find('ul').slideUp('fast');
            $(this).removeClass("selected");
        }
    );
    $(".navi_cc").CLspoiler();

    // Slider
    $('#products').slides({
        preload: false,
        effect: 'slide, fade',
        crossfade: true,
        slideSpeed: 200,
        fadeSpeed: 500,
        generateNextPrev: true,
        generatePagination: false
    });
    $("#lastnews").tinycarousel({
        axis   : "z"
    });
    $('ul.tabs').each(function() {
        $(this).find('li').each(function(i) {
            $(this).click(function(){
                $(this).addClass('active').siblings().removeClass('active')
                    .parents('div.intrest').find('ul.box').eq(i).fadeIn(150).siblings('ul.box').hide();
            });
        });
    });
    $('.select select').styler();
});
$.fn.CLspoiler=function()
{
    $.each(this,function(){
        $("li.submenu",this).hide();
        $("li.sublink",this).click(function(){
            $(this).toggleClass("selected").next("li.submenu").slideToggle(300).css("display",function(){
                if($(this).css("display")=="list-item")
                    return "block";
            });
        });
    });
    return this;
};

// userinfo by Qnut
function showUserHint(username, obj) {
    ShowLoading("");
    $.get(dle_root + "engine/ajax/profile_cl.php", {
        name: username,
        skin: dle_skin,
        tpl: "userhint"
    }, function (data) {
        HideLoading("");
        ShowHintDialog(data, obj, true);
    });
}
function ShowHintDialog(data, object, showClose) {
    $("body").unbind("click");
    if (!showClose) {
        var showClose = false;
    }
    var closeBtn = "";
    $(".popupHintOut").remove();
    $("body").append(data);
    var hintWidth = $(".popupHintOut").width();
    var hintHeight = $(".popupHintOut").height();
    var scrollTop = $(window).scrollTop();
    var windowWidth = $(window).width();
    var windowHeight = $(window).height();
    var objPosLeft = $(object).offset().left;
    var objPosTop = $(object).offset().top;
    var arrowWidth = 48;
    var arrowHeight = 10;
    if ((hintHeight + arrowHeight + 50) < (objPosTop - scrollTop)) {
        $(".popupHintOut").addClass('arrowBottom');
        var positionTop = objPosTop - hintHeight - arrowHeight - 4;
    } else {
        $(".popupHintOut").addClass('arrowTop');
        var positionTop = objPosTop + arrowHeight + $(object).height();
    }
    if ((objPosLeft + hintWidth + 100) < windowWidth) {
        var positionLeft = Math.round(objPosLeft - ((arrowWidth - $(object).width()) / 2) + 15);
    } else {
        var positionLeft = Math.round(objPosLeft - hintWidth + arrowWidth - ((arrowWidth - $(object).width()) / 2) + 15);
    }
    $(".popupHintOut").css({
        top: positionTop + "px",
        left: positionLeft + "px"
    }).fadeIn('normal');
    setTimeout(function () {
        $("body").unbind("click").bind("click", function (e) {
            e = e || window.event;
            var target = e.target || e.srcElement;
            while (target) {
                if (target == $(".popupHintOut").get(0))
                    return;
                target = target.parentNode;
            }
            $(".popupHintOut").fadeOut('normal', function () {
                $(this).remove();
            });
            $("body").unbind("click");
        });
    }, 100);
}
function HideHintDiaog() {
    $(".popupHintOut").stop(true, true).fadeOut('normal', function () {
        $(this).remove();
    });
    $("body").unbind("click");
}