var addEvent = (function () {
  if (document.addEventListener) {
    return function (el, type, fn) {
      if (el.length) {
        for (var i = 0; i < el.length; i++) {
          addEvent(el[i], type, fn);
        }
      } else {
        el.addEventListener(type, fn, false);
      }
    };
  } else {
    return function (el, type, fn) {
      if (el.length) {
        for (var i = 0; i < el.length; i++) {
          addEvent(el[i], type, fn);
        }
      } else {
        el.attachEvent('on' + type, function () { return fn.call(el, window.event); });
      }
    };
  }
})();

var removeEvent = (function () {
  if (document.removeEventListener) {
    return function (el, type, fn) {
      if (el.length) {
        for (var i = 0; i < el.length; i++) {
          removeEvent(el[i], type, fn);
        }
      } else {
        el.removeEventListener(type, fn, false);
      }
    };
  } else {
    return function (el, type, fn) {

      if (el.length) {
        for (var i = 0; i < el.length; i++) {
          removeEvent(el[i], type, fn);
        }
      } else {
        el.detachEvent('on' + type, function () { return fn.call(el, window.event); });
      }
    };
  }
})();

$(document).ready(function() {

		$('a[href^="http://"]:not([href*="parkowadolina"])').each(function() {
			$(this).attr('target', "_blank");
		});

        var res = screen.width;
        var screen_option = 0;
        if(res <= 1280)
        {
            screen_option = 1;
        }
        else if(1280 < res && res <= 1366)
        {
            screen_option = 2;
        }
        else if(1366 < res && res <= 1440)
        {
            screen_option = 3;
        }
        else
        {
            screen_option = 4;
        }
        switch (screen_option){

            case 4:
                $('html').css("background-image", "url('"+baseUrl+"system/images/layout/bg_1920.png')");
            break;
            case 1:
                $('html').css("background-image", "url('"+baseUrl+"system/images/layout/bg_1280.png')");
            break;
            case 2:
                $('html').css("background-image", "url('"+baseUrl+"system/images/layout/bg_1366.png')");
            break;
            case 3:
                $('html').css("background-image", "url('"+baseUrl+"system/images/layout/bg_1440.png')");
            break;
            default:
                $('html').css("background-image", "url('"+baseUrl+"system/images/layout/bg_1366.png')");
            break;
        }

        //flip
        var config = {
            over: flipElem,
            timeout: 100,
            out: revertElem
        };
        $('.invertme').hoverIntent(config);
        function flipElem()
        {
            var elem = $(this);
            if(elem.hasClass('opened')) return false;
            elem.flip({
                direction:'rl',
                color:'black',
                bgColor:'white',
                border1Color:'white',
                border2Color:'black',
                alfa:0.7,
                speed: 500,
                onBefore: function(){
                    elem.toggleClass('opened');
                    elem.html(elem.children('.partner-info').html());
                },
                onEnd: function(){
                   //
                }
            });
        }

        function revertElem()
        {
            $('.opened').each(function(){
                $(this).revertFlip();
            });
        }

        //endflip
        
        //login
           var html_content = "\
            <div class=\"login_form\" id=\"login_form\">\n\
                <table><tr>\n\
                <td><label for=\"login\">Login: </label></td><td><input type=\"text\" id=\"login\" name=\"login\"/></td>\n\
                </tr><tr>\n\
                <td><label for=\"password\">Hasło: </label></td><td><input type=\"password\" id=\"password\" name=\"password\"/></td>\n\
                </tr></table>\n\
            <p>\n\
                <input type=\"button\" name=\"submit\" id=\"submit_login\" value=\"Zaloguj\"/>\n\
            </p>\n\
            </div>"
            $('#show_login').colorbox({ html:html_content, onComplete:function(){
                    
                $('#submit_login').click(function(){
                   var login = $('#login').val();
                   var password = $('#password').val();
                   $.post(baseUrl+"ajax/login", { "login": login, "password": password},
                        function(data){
                            if(data && data.result == "ok"){
                                location.reload();
                            }
                            else{
                                $('#login').css('border', '2px solid #a00');
                                $('#login').val("");
                                $('#password').css('border', '2px solid #a00');
                                $('#password').val("");
                            }
                        }, "json");
                });
            }});

            $('#logout').click(function(){
                $.post(baseUrl+"ajax/logout", {},
                function(data){
                    if(data && data.result == "ok"){
                        location.reload();
                    }
                    else{
                        alert("nie wylogowano!");
                    }
                }, "json");
            });
        //endlogin
        
    });