jQuery.fn.infoPopup = function(oParams) {
	var text 	= $(this).attr("title");

	if(oParams.pos == "L"){
		var div		= $("div.popup_infoL[rel="+oParams.type+"]");
	} else {
		var div		= $("div.popup_info[rel="+oParams.type+"]");
	}

	var cDiv	= div.find("div");
	var item	= $(this);
	var typeID	= oParams.typeID;

	item.removeAttr("title");

	item.hover(function() {
		cDiv.html(text);
		div.appendTo(item.parent());
		div.show();
	}, function() {
		div.hide();
		div.insertBefore($("#"+typeID));
	});
};

jQuery.fn.extend({

	initInfoPopups: function(pos) {
		if(!pos){
			pos="";
		}

		var thumbs 	= $(this).find("label.error img");
		var type	= $(this).attr("id")+"Display";
		var typeID	= $(this).attr("id");
		thumbs.each( function(i) {
			if($(this).attr("title")){
				$(this).infoPopup({"type":type,"typeID":typeID,"pos":pos});
			}
		});
	}

});

var baseUrl = null;

function getKenmerk_list(typeID, type){
	$.ajax({
		type: "POST",
		url: "/members/user/ajax/get_kenmerk.lasso",
		data: baseUrl+'&typeID='+typeID,
		dataType: "json",
		success: function(json){
			if(json.status == 'OK'){
				if($("#div_add_"+type)){
					//show or hide the add button
					if(json.action == 'disAdd'){
						$("#div_add_"+type).hide();
					} else {
						$("#div_add_"+type).show();
					}
				}
				$("#divList_"+type).html(json.data);
				$("#divList_"+type).fadeTo("fast", 1.0);
			}
		}
	});
}

function addmodifyKenmerk(type, typeID, positie, action, itemID){

	var val = $("#i_"+type).val();

	$("#div_"+type+" > .btn").attr('disabled','disabled');

	if(positie == 1){
		//textarea bij cv
		$("#div_"+type).fadeTo("fast", 0.2);
	} else {
		//input fields aan rechter kant
		if(action != "-delete" && val == ""){
			$("#div_"+type+" > .btn").removeAttr('disabled');
			return false;
		}
		$("#div_"+type).hide();
		$("#divList_"+type).fadeTo("fast", 0.2);
	}

	$.ajax({
		type: "POST",
		url: "/members/user/ajax/process_kenmerk.lasso",
		data: baseUrl+'&val='+val+'&type='+typeID+'&positie='+positie+'&action='+action+'&itemID='+itemID,
		success: function(itemID){
			if(positie == 1){
				//textarea bij cv
				$("input#item_"+type).val(itemID);
				$("input#action_"+type).val("-update");
				$("#div_"+type).fadeTo("fast", 1.0);
				$("#datadiv_"+type).html(val);
			} else {
				//input fields aan linker kant
				getKenmerk_list(typeID, type);
				$("#i_"+type).val("");
			}
			$("#div_"+type+" > .btn").removeAttr('disabled');
		}
	});

}

//null function om errors te vermijden - function word op diverse plekken override
function activateModalInner(){ }

function toTop() {
	window.scrollTo(0,0);
}

var modalLoading = "<table cellspacing=\"0\" cellpadding=\"0\" width=\"100%\" height=\"300\" border=\"0\"><tr><td width=\"100%\" height=\"100%\" align=\"center\" valign=\"center\"><img src=\"/site/" + ys_site + "/design/graphics/loading_overlay.gif\" /></td></tr></table>";
var modalOpen = function(hash){
	toTop();
	hash.w.html(modalLoading).show();
};
var modalClose=function(hash) { hash.w.hide(); hash.w.empty(); hash.o.remove(); };
var modalLoad = function(hash) { activateModalInner(); };

function activateOverlays(){
	$('#overlayWindow').jqmAddTrigger('.itemOverlay');
}
function closeOverlay(){
	//word gebruikt vanuit iframe
	$('#overlayWindow').jqmHide();
}

$(document).ready(function() {

	baseUrl = 'ys_site='+ys_site+'&ys_language='+ys_language+'&ys_path='+ys_path+'&ys_sessionID='+ys_sessionID;

	// apply to all png images
	$('img[src$=.png]').ifixpng();

	Cufon.replace('h1, .cufonFont, .cufonFontLightGrey');

	//overlay window init
	$('#overlayWindow').jqm({toTop:true, ajax: '@rel', trigger: false, onShow: modalOpen, onLoad: modalLoad, modal: false, onHide: modalClose });

	if($(".progressbar").length)
	{
		$(".progressbar").progressbar({
			value: $("span.progressbarNum").html()
		});
	}

	$(".progressbarSmall").each(function(){
		var pValue = $(this).attr("rel");
		$(this).progressbar({
			value: pValue
		});
	});

	$(".triggerEnter").keydown(function(e) {
		if ( e.keyCode == 13 ) { // onEnter
			$(".triggerEnter ~ input.btn").trigger("click");
		}
	});

	//cluetips
	$('.tips').cluetip({splitTitle: '|', arrows: true, cluetipClass: 'jtip'});
	$('.tipssticky').cluetip({sticky: true, closePosition: 'title', closeText: 'sluiten', splitTitle: '|', arrows: true, cluetipClass: 'jtip', mouseOutClose: true});

	//activate overlays
	activateOverlays();
});