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 false;
    });
    /* -- */

    /* 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 () {

        //get the IFRAME element - note no hashes in the name, we're using browser functionality
        $("#lightbox").css("filter", "alpha(opacity=90)");
        $("#lightbox, #loginbox-panel").fadeIn(300);
    });

    $("#lightbox, #lightbox-close").click(function () {
        $("#lightbox, #loginbox-panel").fadeOut(300);
    });

    /* -- */
    $("#login-box1").click(function () {

        //get the IFRAME element - note no hashes in the name, we're using browser functionality
        $("#lightbox").css("filter", "alpha(opacity=90)");
        $("#lightbox, #loginbox-panel1").fadeIn(300);
    });

    $("#lightbox, #lightbox-close").click(function () {
        parent.location.reload();
        $("#lightbox, #loginbox-panel1").fadeOut(300);

    });
    /* -- */

    $("#buttonAddSales").click(function () {
        //get the IFRAME element - note no hashes in the name, we're using browser functionality

        $("#lightbox").css("filter", "alpha(opacity=90)");
        $("#lightbox, #loginbox-panel1").fadeIn(300);
    });

    $("#lightbox, #lightbox-close").click(function () {
        parent.location.reload();
        $("#lightbox, #loginbox-panel1").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;
    });

});


