/*jslint browser: true */ /*global jQuery: true */

/**
* jQuery Cookie plugin
*
* Copyright (c) 2010 Klaus Hartl (stilbuero.de)
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
*/

// TODO JsDoc

/**
* Create a cookie with the given key and value and other optional parameters.
*
* @example $.cookie('the_cookie', 'the_value');
* @desc Set the value of a cookie.
* @example $.cookie('the_cookie', 'the_value', { expires: 7, path: '/', domain: 'jquery.com', secure: true });
* @desc Create a cookie with all available options.
* @example $.cookie('the_cookie', 'the_value');
* @desc Create a session cookie.
* @example $.cookie('the_cookie', null);
* @desc Delete a cookie by passing null as value. Keep in mind that you have to use the same path and domain
*       used when the cookie was set.
*
* @param String key The key of the cookie.
* @param String value The value of the cookie.
* @param Object options An object literal containing key/value pairs to provide optional cookie attributes.
* @option Number|Date expires Either an integer specifying the expiration date from now on in days or a Date object.
*                             If a negative value is specified (e.g. a date in the past), the cookie will be deleted.
*                             If set to null or omitted, the cookie will be a session cookie and will not be retained
*                             when the the browser exits.
* @option String path The value of the path atribute of the cookie (default: path of page that created the cookie).
* @option String domain The value of the domain attribute of the cookie (default: domain of page that created the cookie).
* @option Boolean secure If true, the secure attribute of the cookie will be set and the cookie transmission will
*                        require a secure protocol (like HTTPS).
* @type undefined
*
* @name $.cookie
* @cat Plugins/Cookie
* @author Klaus Hartl/klaus.hartl@stilbuero.de
*/

jQuery.cookie = function(key, value, options) {

    // key and at least value given, set cookie...
    if (arguments.length > 1 && String(value) !== "[object Object]") {
        options = jQuery.extend({}, options);

        if (value === null || value === undefined) {
            options.expires = -1;
        }

        if (typeof options.expires === 'number') {
            var days = options.expires, t = options.expires = new Date();
            t.setDate(t.getDate() + days);
        }

        value = String(value);

        return (document.cookie = [
            encodeURIComponent(key), '=',
            options.raw ? value : encodeURIComponent(value),
            options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
            options.path ? '; path=' + options.path : '',
            options.domain ? '; domain=' + options.domain : '',
            options.secure ? '; secure' : ''
        ].join(''));
    }

    // key and possibly options given, get cookie...
    options = value || {};
    var result, decode = options.raw ? function(s) { return s; } : decodeURIComponent;
    return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};


$(document).ready(function() {
    //alert($.cookie('start_animation'));
    //if ($.cookie('start_animation') != 'true') {
if (1==1) {
//        $(".AnimationHolder .Close").click(function() {
//            $(".OverlayDiv").hide();
//            $(".AnimationHolder").hide();
//        });

//        $(".OverlayDiv").click(function() {
//            $(".OverlayDiv").hide();
//            $(".AnimationHolder").hide();
//        });

//        $(window).resize(function() {
//            $(".OverlayDiv").css("height", $("body").outerHeight() + "px");
//            $(".OverlayDiv").css("width", $("body").outerWidth() + "px");
//        });

//        $(".OverlayDiv").show();
        $(".AnimationHolder").show();
        startAnimation();
    }
});



var startAnimation = function() {
    var openSpeed = 3000;
    var parent = $("#IntroAnimHolder");
    parent.click(function() { window.location = "/avfallshantering/"; });
    var leftCurtain = parent.find(".Curtain.Left");
    var rightCurtain = parent.find(".Curtain.Right");
    var spotlight = parent.find(".Spotlight");
    var bottomThing = parent.find(".BottomThing");
    var textTop = parent.find(".TextTop");
    var textBottom = parent.find(".TextBottom");
    var readMore = parent.find(".ReadMore");
    leftCurtain.animate({ left: '-=500' }, openSpeed, 'swing', function() { });
    rightCurtain.animate({ right: '-=500' }, openSpeed, 'swing', function() { });
    spotlight.animate({ top: "+=200" }, openSpeed, 'swing', function() { });
    var expand = false;
    var perc = 30;
    var pulse = function() { nh = expand ? "23px" : "13px"; nw = expand ? "70px" : "40px"; mr = expand ? "0px" : "15px"; mb = expand ? "0px" : "5px"; expand = !expand; readMore.animate({ height: nh, width: nw, 'padding-right': mr, 'padding-bottom': mb }, 1000, function() { pulse(); }); };
    setTimeout(function() {
        bottomThing.animate({ bottom: "+=64" }, openSpeed - 1000, 'swing', function() {
            textTop.animate({ width: '+=393' }, openSpeed - 1000, 'linear', function() {
                textBottom.animate({ width: '+=661' }, openSpeed - 1000, 'linear', function() {
                    readMore.css("display", "block");
                    pulse();
                });
            });
        });
    }, openSpeed - 2000);
    $(window).trigger("resize");
    $.cookie('start_animation', 'true');
};