function simple_tooltip(target_items, name) {
    $(target_items).each(function (i) {
        $("body").append("<div class='" + name + "' id='" + name + i + "'>" + $(this).attr('title') + "</div>");
        var my_tooltip = $("#" + name + i);

        if ($(this).attr("title") != "" && $(this).attr("title") != "undefined") {

            $(this).removeAttr("title").mouseover(function () {
                my_tooltip.css({ display: "none" }).fadeIn(400);
            }).mousemove(function (kmouse) {
                var border_top = $(window).scrollTop();
                var border_right = $(window).width();
                var left_pos;
                var top_pos;
                var offset = -8;
                if (border_right - (offset * 2) >= my_tooltip.width() + kmouse.pageX) {
                    left_pos = kmouse.pageX + offset - 25;
                } else {
                    left_pos = border_right - my_tooltip.width() - offset - 25;
                }

                if (border_top + (offset * 2) >= kmouse.pageY - my_tooltip.height()) {
                    top_pos = border_top + offset;
                } else {
                    top_pos = kmouse.pageY - my_tooltip.height() + (offset * 2);
                }

                my_tooltip.css({ left: left_pos, top: top_pos });
            }).mouseout(function () {
                my_tooltip.css({ left: "-9999px" });
            });

        }

    });
}

$(document).ready(function () {

    $(".list-services ul li:nth-child(3n)").addClass("removed");
    $(".list-items ul li:nth-child(4n)").addClass("removed");
    $(".sub-menu ul li ul li:last-child a").addClass("last-child");
    $(".sub-menu ul li:last-child a").addClass("last-child");
    $(".new ul li:last-child").addClass("last-child");
    $(".list.bordered li:last-child").addClass("last-child");
    simple_tooltip(".tooltip", "tooltip-cloud");

    /* top menu */
    $("#top-menu > .main > li").mouseenter(function () {
        $(this).addClass("current-dynamic");
        $(this).find(".sub").animate({
            height: "show"
        }, 100);
        return false;
    }).mouseleave(function () {
        $(this).removeClass("current-dynamic");
        $(this).find(".sub").animate({
            height: "hide"
        }, 100);
        return false;
    });
    /* -- */

    /* sub menu */
    $(".sub-menu > ul > li > a").click(function () {
        $(this).parent().parent().find("ul").animate({
            height: "hide"
        }, 200);

        $(this).parent().parent().find("li").removeClass("current");

        $(this).parent().find("ul").animate({
            height: "toggle"
        }, 200);

        $(this).parent().has("ul").addClass("current");
        return true;
    });
    /* -- */

    /* scroll menu */
    $('.scrollmenu a').click(function () {
        var curList = $(".scrollmenu li a.current").attr("rel");
        var listID = $(this).attr("rel");
        if (listID != curList) {
            $("#" + curList).fadeOut(150, function () {
                $("#" + listID).fadeIn(150);
            });
        }
        var ul = $(this).closest('ul'),
	len = ul.children().length,
	ix = $(this).parent().index(),
	c = 'selected',
	h = $(this).outerHeight();

        if ($(".scrollmenu").hasClass("non-scrollable")) {

        } else {
            ix = ix < 2 ? 2 : ix > len - 3 ? len - 3 : ix;
            ul.animate({ 'marginTop': (2 - ix) * h });
        }

        $(this).addClass('selected current').parent().siblings().children('.' + c).removeClass();


    });
    /* -- */

    /* tabs */
    $(".tabs .nav li a").click(function () {
        var curList = $(".tabs .nav li a.current").attr("rel");
        var curListHeight = $(".tabs .cnt").height();
        $(".tabs .nav li a").removeClass("current");
        $(this).addClass("current");
        var listID = $(this).attr("rel");
        if (listID != curList) {
            $("#" + curList).fadeOut(0, function () {
                $("#" + listID).fadeIn();
                var newHeight = $("#" + listID).height();
            });
        }
        return false;
    });


    /* -- */

    /* toggles */
    $(".toggles > ul > li > a").click(function () {
        if ($(this).hasClass("current")) {
            $(this).parent().find("p").slideUp("normal");
            $(this).removeClass("current");
        }
        else {
            $(this).parent().find("p").slideDown("normal");
            $(this).addClass("current");
        }
        return false;
    });


    /* -- */

    /* portfolio filtering & pagination usage, pagination plugin is also in js/jquery.paginate.js */
    var activeFiltersList = $("#filters ul li a").text();
    var filterDefault = document.location.hash.replace("#", "");

    // checking each element in filters list, and if they match then add class current so they can be highlighted on page load
    if (filterDefault) {
        $("#filters ul li a").each(function () {
            if ($(this).attr("rel") == filterDefault) {
                $(this).addClass("current");
            }
        });
    }

    // checking each element in project list, and if they match with the filter, if yes then show them
    if (filterDefault) {
        $(".project-list .list-contents li").each(function () {
            if (!$(this).hasClass(filterDefault)) {
                $(this).hide();
            }
            else {
                $(this).show();
            }
        });
    }
    else {
        var filterDefault = "all";
    }


    // filter choosen elements
    $("#filters ul li a").click(function () {


        $("#filters ul li a.current").removeClass("current");
        $(this).addClass("current");

        var filterBy = $(this).attr("href").replace("#", "");


        $(".project-list").hide().fadeIn(400);
        $(".project-list > ul > li").each(function () {
            if (!$(this).hasClass(filterBy)) {
                $(this).hide();
            }
            else {
                $(this).fadeIn(400);
            }

        });


        var items_size = $(".project-list ul li:visible").size();
        if (items_size < external_pajinate_items_number) {
            $(".page_navigation").hide();
        }
        else {
            $(".page_navigation").show();
        }

        $('.project-list').pajinate({ items_per_page: external_pajinate_items_number });

        return false;
    });

    $(".project-list ul li .image a.more").click(function () {
        $("#lightbox").css("filter", "alpha(opacity=90)");
        $("#lightbox").fadeIn(300);
        $(this).parent().parent().find(".lightbox-work").fadeIn(300);
    })
    $("#lightbox, .lightbox-close").click(function () {
        $("#lightbox, .lightbox-work").fadeOut(300);
    });
    /* -- */


    /* login box */
    $("#login-box").click(function () {
        $("#lightbox").css("filter", "alpha(opacity=90)");
        $("#lightbox, #loginbox-panel").fadeIn(300);
    })
    $("#lightbox, #lightbox-close").click(function () {
        $("#lightbox, #loginbox-panel").fadeOut(300);
    });
    /* -- */

    /* autoclear function for inputs */
    $('.autoclear').click(function () {
        if (this.value == this.defaultValue) {
            this.value = '';
        }
    });
    $('.autoclear').blur(function () {
        if (this.value == '') {
            this.value = this.defaultValue;
        }
    });

    $('.gotop').click(function () {
        $('html, body').animate({ scrollTop: 0 }, 'slow');
        return false;
    });

});