var tabs = {

    init : function()
	{
        $('.tabs li').unbind('click').bind('click',function() {
            return tabs.swap( $(this) );
        });

    },

    swap : function ( tab ) {
		
        if( tab.find('a').length > 0 && tab.find('a').attr('href').substr(0,1) != '#' ) {
            return true;
        }
        tab.parent().find('li').removeClass('cur');
        tab.addClass('cur');

		if( $( '#' + tab.attr('id') + '-content' ).html() == '' ) {			
			if( tab.find('a').attr('href').substr(0,1) == '#' ) {
				var url = tab.find('a').attr('href').substr(1);
				$.get(url,function( data ) {
					$( '#' + tab.attr('id') + '-content' ).html( data );
					$( '.' + tab.parent().attr('id') + '-tab' ).addClass('hidden ');
					$( '#' + tab.attr('id') + '-content' ).removeClass('hidden');
				});
				return false;
			} else {
				return true;
			}
		}

		$( '.' + tab.parent().attr('id') + '-tab' ).addClass('hidden ');
		$( '#' + tab.attr('id') + '-content' ).removeClass('hidden');
		
        return false;
    }

}

var submenu = {
	init : function() {
		$('#submenu').find('ul[title]').each(function(){
			var timer;
			submenu.create($(this),timer);
		});
	},
	create: function(el,timer){ //
		var trigger = $('#sub').find('a[href^="'+el.attr('title')+'"]');
		var offset = trigger.position();
		el.css({
			left : ( offset.left - 9 )
		}).attr('title','');
		trigger.hover(function(){
			clearTimeout( timer );
			el.css({'display':'block'});
			trigger.parent().addClass('over');
		},function(){
			timer = setTimeout(function(){
				el.css({'display':'none'});
				trigger.parent().removeClass('over');
			},500);
		});
		el.find('a').hover(function(){
			clearTimeout( timer );
		},function(){
			timer = setTimeout(function(){
				el.css({'display':'none'});
				trigger.parent().removeClass('over');
			},500);
		});
	}
}

$(document).ready(function() {
    tabs.init();
    submenu.init();

	$('.clicker').bind('click',function() {
		$('#' + $(this).attr('rel')).click();
		return false;
	});
	
	$('#p-tab-2-content .user-links a b').live('click',function() {
		if( confirm( 'Weet u zeker dat u deze favoriet wilt verwijderen?' ) ) {
			var parent = $(this).parent();
			$.post('profile/star',{
				url		: parent.attr('href'),
				name	: parent.html(),
				status  : 'off'
			});
			parent.remove();
		}
		return false;
	});

	var starbusy = false;
	$('#star').bind('click',function() {
		if( starbusy ) {
			return false;
		}
		starbusy = true;
		var status = 'on';
		if( $(this).hasClass('active') ) {
			status = 'off';
			$(this).removeClass('active');
			$('a[rel="' + $(this).attr('href') + '"]').remove();
		} else {
			if( $('.user-links-empty').length > 0 ) {
				$('.user-links-empty').addClass('user-links').removeClass('user-links-empty').html('');
			}
			var text = $(this).html();
			if( text.length >= 15 ){
				text = text.substr(0,15) + '...';
			}
			$('#p-tab-2-content .user-links').append('<a rel="' + $(this).attr('href') + '" href="' + $(this).attr('href') + '"><span>' + text + '</span><b><!-- --></b></a>');
			$(this).addClass('active');
		}
		$.post('profile/star',{
			url		: $(this).attr('href'),
			name	: $(this).html(),
			status  : status
		},function() {
			starbusy = false;
		});
		return false;
	});
})