var qtip_settings = {
   		content: {
    		  attr: 'alt'
   			},
   		
   		position: {
      	corner: {
        	target: 'topMiddle',
         	tooltip: 'bottomLeft'
      		}
   		},
		hide: { 
			when: 'mouseout',
			delay: 200, 
			fixed: true 
		},
		style: {
        	border: {
            	width: 3,
                radius: 5,
                color: '#333333'
            },
            width: 'auto',
            background: '#333333',
            tip: true,
            name: 'dark'
         }
	};
	
function deleteTagProfile(){
	alert('HI');
}

$(document).ready(function(){

	$(function(){ $(".frm-std select, input:checkbox, input:radio, input:file").uniform(); });
	
	/* weggehaald maar facebox kan wellicht elder hergebruikt worden
	$('a[rel*=facebox]').facebox() 
	
	$("a.greybox").click(function(){
    	var t = this.title || $(this).text() || this.href;
		GB_show(t,this.href,470,600);
		return false;
	});
	*/
	
	$('a[rel*=facebox]').facebox();
	
	$("#socialytrending_form .active-wrap").hover(function(){
	  //$(this).toggleClass("active");
	});
	
	
	$("a[rel*=tp_bar-top]").qtip({
   		/* dit werkt zo niet.. waarschijnlijk door jouw logica :-) wellicht wil jij het toch anders indelen: */
   		content: {
      		url: 'template/jb_userhome.html'
   		},
   		
   		/* content: 'Er moet nog wel dynamische content in, zie joey.js en http://craigsworks.com/projects/qtip/docs/', */
   		position: {
      	corner: {
        	target: 'bottomMiddle',
         	tooltip: 'topMiddle'
      		}
   		},
		hide: { 
			when: 'mouseout',
			delay: 200, 
			fixed: true 
		},
		style: {
        	border: {
            	width: 5,
                radius: 7,
                color: '#c2c2c2'
            },
            width: 150,
            tip: true,
            name: 'light'
         }
	});
	
	
	
	$("[rel*=qtip]").qtip({
   		content: {
    		  attr: 'alt'
   			},
   		
   		position: {
      	corner: {
        	target: 'topMiddle',
         	tooltip: 'bottomLeft'
      		}
   		},
		hide: { 
			when: 'mouseout',
			delay: 200, 
			fixed: true 
		},
		style: {
        	border: {
            	width: 3,
                radius: 5,
                color: '#333333'
            },
            width: 'auto',
            background: '#333333',
            tip: true,
            name: 'dark'
         }
	});

	

	$("[rel*=qmiddle]").qtip({
   		content: {
    		  attr: 'alt'
   			},
   		
   		position: {
      	corner: {
        	target: 'rightMiddle',
         	tooltip: 'leftMiddle'
      		}
   		},
		hide: { 
			when: 'mouseout',
			delay: 200, 
			fixed: true 
		},
		style: {
        	border: {
            	width: 3,
                radius: 5,
                color: '#333333'
            },
       		width: 180,
            background: '#333333',
            tip: true,
            name: 'dark'
         }
	});
	
	$("[rel*=qtright]").qtip({
   		content: {
    		  attr: 'alt'
   			},
   		
   		position: {
      	corner: {
        	target: 'rightMiddle',
         	tooltip: 'leftMiddle'
      		}
   		},
		hide: { 
			when: 'mouseout',
			delay: 200, 
			fixed: true 
		},
		style: {
        	border: {
            	width: 1,
                radius: 3,
                color: '#333333'
            },
       		width: 55,
            background: '#333333',
            tip: true,
            name: 'dark'
         }
	});
	
	$("[rel*=qtleft]").qtip({
   		content: {
    		  attr: 'alt'
   			},
   		
   		position: {
      	corner: {
        	target: 'leftMiddle',
         	tooltip: 'rightMiddle'
      		}
   		},
		hide: { 
			when: 'mouseout',
			delay: 200, 
			fixed: true 
		},
		style: {
        	border: {
            	width: 0,
                radius: 0,
                color: '#333333'
            },
       		width: 45,
            background: '#333333',
            tip: true,
            name: 'dark'
         }
	});
	
	$("[rel*=details]").qtip({
   		content: {
    		  attr: 'alt'
   			},
   		
   		position: {
      	corner: {
        	target: 'bottomRight',
         	tooltip: 'leftTop'
      		}
   		},
		hide: { 
			when: 'mouseout',
			delay: 200, 
			fixed: true 
		},
		style: {
        	border: {
            	width: 3,
                radius: 3,
                color: '#333333'
            },
            background: '#333333',
            name: 'dark',
            padding: 2,
          	'font-size': 12
         }
	});
	
});

function imposeMaxLength(Object, MaxLen)
{
  return (Object.value.length <= MaxLen);
}
