$(document).ready(function() {
    if (null === $.cookie('kysely_link')) {
        $('body').append('<div id="kysely"></div>');
        $('#kysely').html(
            '<img src="images/empty.png" width="260" height="125" usemap="#kyselymap"/>'
            + '<map id="kyselymap" name="kyselymap">'
            + '<area shape="rect" coords="240,38,256,54" href="#" id="sulje"/>'
            + '<area shape="poly" coords="28,8,259,36,259,110,18,81" href="#" id="avaa"/>'
            + '</map>');

        if (null === $.cookie('kysely_slidein')) {
            $('#kysely').animate({ 
                right: '+=' + $('#kysely').css('width') 
            }, '5000');
            $.cookie('kysely_slidein', '1', { path: '/' });
        } else {
            $('#kysely').css('right', '0px');
        }

        $('#kysely area').mouseover(function() {
            switch ($(this).attr('id')) {
                case 'avaa':
                    $('#kysely').removeClass('nappihover').addClass('hover');
                    break;
                case 'sulje':
                    $('#kysely').removeClass('hover').addClass('nappihover');
                    break;
            }
        }).mouseout(function() {
            switch ($(this).attr('id')) {
                case 'avaa':
                    $('#kysely').removeClass('hover');
                    break;
                case 'sulje':
                    $('#kysely').removeClass('nappihover');
                    break;
                }
        }).click(function() {
            $.cookie('kysely_link', new Date().getTime(),
                     { expires: 365, path: '/' });
            if ($(this).attr('id') == 'avaa') {
                _gaq.push(['_trackEvent', 'Kysely', 'Avaa kysely']);
                var w = window.open("http://digiumenterprise.com/answer/?sid=753934&chk=QN4JJE6C", "kysely");
            } else {
                _gaq.push(['_trackEvent', 'Kysely', 'Piilota kysely']);
            }
            $('#kysely').animate({
                right: '-=' + $('#kysely').css('width')
            }, '5000', function() { $(this).hide(); });
            return false;
        });
    }
});