$(document).ready( function() {

	//$("form.markup textarea").markItUp(myTextileSettings);
	//$('.actionmenu').actionmenu();
	
    Utils.toggler('.toggler');
	
	
	Utils.load_content('a.ajax');
	Utils.load_content('a.ajax_smooth', function(reciever, response) {
		reciever.html(response);
		reciever.css('display', 'none');
		reciever.fadeIn('1000');
	});
	
	$('a[rel*=facebox]').facebox();
    $('.fancybox').fancybox();
    $('.hoverbtn').hoverbtn();
    $('.ajaxtabs').ajaxtabs();

    

});


/**
 *  Sets the content of an element to 'invinsible' shows it on hover and
 *  sets it to invinsible again when mouse leaves
 */
$.fn.hoverbtn = function() {

    $(this).css({'border': '0px solid red','cursor': 'pointer'});
    $(this).children().css({'visibility': 'hidden'});


   /*
    $(this).hover(function(){
       $(this).children().css('visibility', 'visible');
    }, function(){
        $(this).children().css('visibility', 'hidden');
    });
    */

   $(this).live('mouseover', function(){
       $(this).children().css('visibility', 'visible');
   });
   $(this).live('mouseout', function(){
        $(this).children().css('visibility', 'hidden');
   });

   

}



/**
 *  Sets the content of an element to 'invinsible' shows it on hover and
 *  sets it to invinsible again when mouse leaves
 */
$.fn.ajaxtabs = function() {


    var tabs = $(this).find('a');
    tabs.each(function(){
        // disable all tabs
        // hide all tab contents
        $(this).removeAttr('id');
        $('#' + $(this).attr('href').split('#')[1]).css('display', 'none');
    });
    if (tabs.length > 0) {
        $(tabs[0]).attr('id', 'current');
        $('#' + $(tabs[0]).attr('href').split('#')[1]).css('display', 'block');
    }
    

    tabs.bind('click', function(){
        var invoker = $(this);


        tabs.each(function(){
            
            // disable all tabs
            // hide all tab contents
            $(this).removeAttr('id');
            $('#' + $(this).attr('href').split('#')[1]).css('display', 'none');
        });

        // enable current tab
        invoker.attr('id', 'current');
        var tab_content_container = $('#' + $(this).attr('href').split('#')[1]);
        //alert(tab_content_container.html());
        tab_content_container.css('display', 'block');

    });

}




Utils = {};
Utils.refresh = function(update, url) {
	$.ajax({
		type: 'POST',
    	url: url,
    	dataType: 'html',
    	beforeSend: function() {
			$(update).html('<div class="loader" style=" margin:auto; margin-bottom:123px; margin-top:333px; ">Loading</div>')
		},
    	success: function(response) {
			$(update).html(response);
		}
	});
	
}


Utils.toggler = function(selector) {

	$(selector).live('click', function() {

		var href = $(this).attr('href');
		var reciever = $('#' + href.split('#')[1]);

		reciever.toggle('slow');
		return false;
	});

}

Utils.display_picture = function(selector, target) {

	var invokers = $(selector);
	var target = $(target);

	$.each(invokers, function() {
		var elem = $(this);
		elem.bind('click', function() {
			target.html('<img src="' + elem.attr('href') + '"/>');
			return false;
		});
	});

}

/**
 *	Loads content via ajax in an area.
 *	The element specified by selector must be an a-tag.
 *
 *	href="/url/to/view/#<id>"
 *
 *	Sends an ajax-request and puts the result in $(#<id>)
 */
Utils.load_content = function(selector, callback) {

	var invokers = $(selector);

	invokers.live('click', function() {
        
		var invoker = $(this);
		var href = invoker.attr('href');

		var url = href.split('#')[0];
		var reciever = $('#' + href.split('#')[1]);

		$.ajax( {
			type : 'GET',
			url : url,
			dataType : 'html',
			beforeSend: function() {
				reciever.html('<div class="loader" style=" margin:auto; ">Loading</div>')
			},
			success : function(response) {
				if (callback != null)
					callback(reciever, response);
				else {
                    if (invoker.attr('rel') == 'replace')
                        reciever.replaceWith(response);
                    else
                        reciever.html(response);
				}
				
		}
		});

		return false;

	});

}

Utils.makeSortable = function(selector, url, opts) {

	var container = $(selector);

	container.sortable( {
		opacity : 0.7,
		handle : '.dragzone',
		scroll : true,
		forceHelperSize : true,
        connectWith: opts.connectWith,
		stop : function() {

            if (opts.finish != null)
                opts.finish();

			var data = [];

			$.each(container.children(), function() {
                // split to enable prefix to prevent id-collisions
                var id_attr = $(this).attr("id");
                var id = null;

                if (id_attr.search('_') == -1) {

                    id = id_attr;
                }  else {
                    id = id_attr.split('_')[1];
                }
        		data.push(id);
			});

			$.ajax( {
				type : 'POST',
				url : url,
				data : {
					'elems' : $.toJSON(data)
				},
				success : function(msg) {

				}
			});
		}

	});
}

var confirm = function(elem) {
	var elem = $(elem);
	elem.empty();
	elem.append('Saved');
	elem.hide("puff", {}, 1000);

}