﻿/*
Custom properties voor tooltip functionaliteit 
Kan uitgebreid worden naar eigen wens: http://plugins.learningjquery.com/cluetip/#options
*/

$.cluetip.setup({ insertionType: 'appendTo', insertionElement: 'form' });

$(document).ready(function() {
    $('img.uitleg').cluetip({
        width: '350',
        attribute: 'longdesc',
        titleAttribute: 'alt',
        sticky: true,
        positionBy: 'fixed',
        topOffset: 4,
        leftOffset: 12,
        cluetipClass: 'jtip',
        closePosition: 'title',
        arrows: true,
        dropShadow: false,
        closeText: '<img src="/images/diversen/icons/sluiten.png" alt="Sluiten" />'
    });

    $('img.login-uitleg').cluetip({
        attribute: 'longdesc',
        titleAttribute: 'alt',
        sticky: true,
        positionBy: 'fixed',
        topOffset: 4,
        leftOffset: 28,
        cluetipClass: 'jtip',
        closePosition: 'title',
        arrows: true,
        dropShadow: false,
        closeText: '<img src="/images/diversen/icons/sluiten.png" alt="Sluiten" />',
        cluezIndex: 100002
    });

    $('a.uitleg').cluetip({
        width: '350',
        attribute: 'href',
        titleAttribute: 'title',
        sticky: true,
        positionBy: 'fixed',
        topOffset: 4,
        leftOffset: 12,
        cluetipClass: 'jtip',
        closePosition: 'title',
        arrows: true,
        dropShadow: false,
        closeText: '<img src="/images/diversen/icons/sluiten.png" alt="Sluiten" />'
    });

    $('a.auteur').cluetip({
        width: '200',
        attribute: 'href',
        titleAttribute: 'title',
        sticky: true,
        positionBy: 'fixed',
        topOffset: 4,
        leftOffset: 12,
        cluetipClass: 'jtip',
        closePosition: 'title',
        arrows: true,
        dropShadow: true,
        closeText: '<img src="/images/diversen/icons/sluiten.png" alt="Sluiten" />'
    });

    $('img.hovertip').cluetip({
        attribute: 'longdesc',
        titleAttribute: 'alt',
        sticky: false,
        positionBy: 'fixed',
        topOffset: 4,
        leftOffset: 12,
        cluetipClass: 'jtip',
        arrows: true,
        dropShadow: true,
        cluezIndex: 100002
    });
});