﻿//
// Varje radbrytning måste avslutas med ett \ tecken när det gäller innehåll inom ' och '.
//
var CookieInformation = {
    // Config start
    
    CSSInserted: false,
    RequestInProgress: false,

    CSSContent: '\
        #codeAndCookies {font: 12px/18px Arial, Helvetica, sans-serif; color: #222; padding: 0 20px;} \
        #codeAndCookies h1, #codeAndCookies h2,#codeAndCookies h3 {font: 16px/24px Arial, Helvetica, sans-serif; color: #222;} \
        #codeAndCookies h1 {font: 24px/36px Arial, Helvetica, sans-serif; padding: 0 !important; margin: 16px 0 !important;} \
        #codeAndCookies h2 {border-bottom:4px solid #f5f5f5; padding: 0 !important; margin: 13px 0 !important;} \
        #codeAndCookies p {padding-bottom: 10px !important; margin: 10px 0 !important;}',

    HTMLContent: '\
        <div id="codeAndCookies"> \
            <h1>Information om cookies och kodstandard</h1> \
            \
            <h2>Om kodstandard XHTML/CSS enligt W3C</h2> \
            <p>Denna webbplats är kodad med XHTML/CSS standard enligt The World Wide Web Consortium (W3C).<br /> \
            Läs mer om W3C och XHTML/CSS standard på <a href="http://www.w3c.org">www.w3c.org</a>.</p> \
            \
            <h2>Om användning av cookies och andra mätverktyg</h2> \
            <p>Vi använder cookies för att underlätta användningen av webbplats och personalisera delar av innehållet. En cookie är en liten textfil som skickas från vår webbserver och som sparas av din webbläsare. Informationen som sparas i filen kan vara information om senast besökta sidan, eller ett val i navigeringen som du gjort.</p>    <p>Vi använder olika mätverktyg på webbplatsen för att ta fram statistik i samlad/aggregerad form om användare/trafik. Sådan statistik innehåller dock aldrig någon form av personlig information utan är till för att upptäcka generella mönster för användningen av webbaserade tjänster.</p>  \
	        <p>IP-adresser sparas inte i våra databaser som rör beteende på webbplatsen, därför kan informationen om dig aldrig kopplas samman med din identitet. Din IP-adress kan sparas av säkerhetsskäl endast i de fall då du kommenterar eller registrerar dig på vår webbplats.</p> \
            <p>Vi använder även så kallade tredjepartscookies från andra företag för att göra marknadsundersökningar och trafikmätningar, och för att förbättra funktionaliteten på webbplatsen.</p> \
            \
            <h2>Så tackar du nej till denna tjänst</h2> \
            <p>Du kan radera cookies från din hårddisk när som helst, men detta kan göra att dina personliga inställningar försvinner. Du kan också ändra inställningarna i din webbläsare så att den inte tillåter att cookies sparas på din hårddisk. Detta försämrar dock funktionaliteten på vissa webbsidor och göra att en del innehåll och vissa funktioner inte är tillgängliga.<br> \
            Har din webbläsare stöd för ett så kallat "inkognitoläge" kan du aktivera det för att automatiskt radera alla cookies varje gång du stänger din webbpublik.</p> \
            \
            <p>Läs mer om cookies på Post- och telestyrelsens hemsida, <a title="Länk till Post och Telestyrelsen" href="http://www.pts.se/pts/Templates/Page.aspx?id=26817&epslanguage=SV">www.pts.se</a>.</p> \
        </div>',
    
    Config: {
        OverlayID: 'ss-overlay',
        OverlayInlineCss: '\
            background: #000000; \
            opacity: 0.5; \
			filter: alpha(opacity = 50); \
			zoom : 1; \
            position: absolute; \
            top: 0; \
            left: 0;\
            width: 100%; \
            height: 100%; \
            z-index: 90000; \
        ',

        ContentID: 'ss-content',
        ContentInlineCss: '\
            background: #fff; \
            width: 900px; \
            padding: 20px; \
            position: fixed; \
            z-index: 90001; \
            border-radius: 6px 6px 6px 6px; \
            border: 1px solid #DDDDDD; \
        ',

        CloseBtnID: 'ss-close-btn',
        CloseBtnInlineCss: '\
            background: url(http://shopsetup.com/cookie-information/close-btn.png) no-repeat 50% 50%; \
            position: absolute; \
            right: 5px; \
            top: 5px; \
            width: 24px; \
            height: 24px; \
        '
    },

    // Config end

    Show: function() {
        var $this = this;
        
        if ($this.RequestInProgress)
            return;
        
        $this.RequestInProgress = true;
        $this.CreateContent();
    },

    Close: function() {
        var $this = this;

        $('#' + $this.Config.OverlayID).remove();
        $('#' + $this.Config.ContentID).remove();

        $(window).unbind('resize', $this.CenterIt);
    },


    CreateContent: function() {
        var $this = this;

        if (!$this.CSSInserted) {
            $head = $('head');
            $head.append('<style>' + $this.CSSContent + '</style>');
            $this.CSSInserted = true;
        }


        $body = $('body');
        $overlay = $('<div/>')
            .attr('id', $this.Config.OverlayID)
            .attr('style', $this.Config.OverlayInlineCss)
            .click(function() { $this.Close(); });

        $contentCloseBtn = $('<a />')
            .attr('id', $this.Config.CloseBtnID)
            .attr('style', $this.Config.CloseBtnInlineCss)
            .attr('href', 'javascript:CookieInformation.Close();');

        $container = $('<div />')
            .attr('id', $this.Config.ContentID)
            .attr('style', $this.Config.ContentInlineCss)
            .html($this.HTMLContent)
            .append($contentCloseBtn);

        $body.append($overlay);
        $body.append($container);

        $this.CenterIt();
        $(window).bind('resize', $this.CenterIt);

        $this.RequestInProgress = false;
    },

    CenterIt: function() {
        element = $('#' + CookieInformation.Config.ContentID);

        var top = (($(window).height() / 2) - (element.outerHeight() / 2));
        var left = (($(window).width() / 2) - (element.outerWidth() / 2));
        if (top < 0) top = 0;
        if (left < 0) left = 0;

        $(element).css({
            top: top + 'px',
            left: left + 'px'
        });
        
        $('#' + CookieInformation.Config.OverlayID).height($(document).height());
    }
}
