var _loginAnimating = false;
var _loginOnQuery = false;
var _activeContent = '';
var toPage = null;
var animating = false;

var cmbSayi_change = function() {
    var secim = $('#cmbSayi').val();
    yil = '20' + secim.substring(0, 2);
    ay = secim.substring(2);
    LoadData('kapak', SetKapak, { 'yil': yil, 'ay': ay });
}

var IcindekilerHeader_Click = function() {
    icindekilerDurum = !icindekilerDurum;
    SetIcindekilerDurum(icindekilerDurum);
}

var index_Click = function(sender) {
    if (!isLogin) { Login(); return; }
    SetIcindekilerDurum(false);
    var key = $(sender).attr('key');
    FillContent(key);
}

var login_Click = function() {
    uid = $('#txtUid').val();
    var pwd = $('#txtPwd').val();
    $.getScript("login.aspx?data=login&uid=" + encodeURI(uid) + "&pwd=" + encodeURI(pwd) + "&yil=" + yil + "&ay=" + ay, SetLogin);
    pwd = '';
    $('#txtPwd').val('');
    $('#loginForm > div').hide();
    $('#loginStatus').show().html('Oturum açılıyor...');
}

var logout_Click = function() {
    $('#loginForm > div').hide();
    $('#loginStatus').show().html('Oturum sonlandırılıyor...');
    $.getScript("login.aspx?data=logout");
}

var txtUid_onblur = function() {
    var opacity = $('#pleaseLogin').css('opacity');
    if ($('#pleaseLogin').css('opacity') == 0.7) {
        $('#pleaseLogin').animate({ opacity: 0 }, function() { $('#pleaseLogin').hide(); });
    }
}

var txtUid_onkeydown = function() {
    if (event.keyCode == 13 && $('#txtUid').val() != '') $('#txtPwd').focus();
}

var txtPwd_onkeydown = function(){
    if(event.keyCode==13 && $('#txtPwd').val() != '' && $('#txtUid').val() != '') login_Click();
}

function LoadData(data, callback, query) {
    var qs = "";
    for (var x in query)
    { qs += "&" + x + "=" + query[x]; }
    $.getScript("data.ashx?data=" + data + qs, callback);
}

function Login() {
    $('#pleaseLogin').show().animate({ opacity:0.70 });
    $('#txtUid').focus();
    FixIE7();
}

function SetLogin() {
    if (isLogin)
        $('#loginStatus').html('Oturum açıldı, yönlendiriliyorsunuz...');
    else {
        alert('Geçersiz kullanıcı bilgisi!');
        $('#loginForm > div').show();
        $('#loginStatus').hide();
        $('#txtUid').focus();
    }
}

function SetIcindekilerDurum(durum) {
    // Soldaki içindekiler panelini açar/kapatır
    if (durum)  // true ise aç
    {
        $('#icindekilerContainer').animate({ marginTop: '0px' }, function() { $('#icindekilerRoot').css('width', 320); }).parent().css('width', 320);
        $('#icindekilerContainer > div:first-child > img').fadeIn();
    }
    else        // false ise kapat
    {
        $('#icindekilerContainer').animate({ marginTop: '490px' }, function() { $('#icindekilerRoot').css('width', 107); });
        $('#icindekilerContainer > div:first-child > img').fadeOut();    
    }
    icindekilerDurum = durum;
}

function SetKapak() {
    // Yüklenmiş olan sayı için kapağı hazırlar
    _activeContent = "";
    yil = sayi.yil;
    ay = sayi.ay;
    document.title = sayi.yil + "/" + sayi.ay + " - Hayatım Yemek"
    $('#panelContainer').fadeOut();
    $('#background').css('background-image', 'url(' + sayi.kapak.BackgroundImage + ')');
    $('#KapakImageMap').show();
    $('#KapakImageMap > div').html(sayi.kapak.ImageMap);
    $('#pageNums').fadeOut();

    var iDiv = $('#icindekilerIndex');
    iDiv.html('');
    for (var i in sayi.icindekiler)
    { iDiv.append("<div class='icindekilerIndex_div' onclick=\"index_Click(this)\" key=\"" + sayi.icindekiler[i].Key + "\" ><div class='icindekilerIndex_div_div_firstChild'>" + sayi.icindekiler[i].Subject + "</div><div class='icindekilerIndex_div_div'>" + sayi.icindekiler[i].Description + "</div></div>"); }

    FixIE7();
    GoQueryContent();
}

function GoQueryContent() {
    if (konu.length == 2) {
        _loginOnQuery = true;
        FillContent(konu);
        konu = '';
    }
}

function FillContent(key) {
    // Key'i gönderilen konu için içeriği doldurur
    if (!_loginOnQuery && !isLogin) { Login(); return; }
    _loginOnQuery = false;

    _activeContent = key;
    pageNo = 0;
    var i = sayi.icindekiler[key];

    var category = "HayatimYemek";
    var action = yil + "-" + ay + "_" + key;
    var label = $("<div>" + i.Subject + "</div>").text();
    //firstTracker._trackEvent(category, action, label);
    secondTracker._trackEvent(category, action, label);
    

    $('#background').css('background-image', 'url(' + i.BackgroundImage + ')');
    $('#KapakImageMap').hide();
    $('#panelContainer').fadeIn();

    //$('#pageNums').empty().append('<a href="javascript:goToPage(0)" class="pagenum"> İlk </a>');

    var cDiv = $('#panelContainer > div');
    cDiv.html('');
    for (c = 0; c < i.Contents.length; c++) {
        var contentDivId = "content" + key + "_" + c;
        var contentDiv = "<div class='panelContainer_div_div'>" +
                            "<b class='b1f panelBg'></b>" +
                            "<b class='b2f panelBg'></b>" +
                            "<b class='b3f panelBg'></b>" +
                            "<b class='b4f panelBg'></b>" +
                            "<div id='" + contentDivId + "' class='panelBg panelContent' style='color:" + i.Color + "'>Yükleniyor..." +
                            "</div>" +
                            "<b class='b4f panelBg'></b>" +
                            "<b class='b3f panelBg'></b>" +
                            "<b class='b2f panelBg'></b>" +
                            "<b class='b1f panelBg'></b>" +
                        "</div>";
        $(contentDiv).appendTo(cDiv);

        if (c < i.Contents.length - 1)
            $('#' + contentDivId).load(i.Contents[c]);
        else
            $('#' + contentDivId).load(i.Contents[c], function() {
                $('a.colorbox').colorbox();
            });
            ;

            /*
            Numaralandırma iptal
            if(c < i.Contents.length - 1)
            $('#pageNums').append('<a href="javascript:goToPage(' + c + ')" class="pagenum"> ' + (c+1) + ' </a>');
            */
    }

    //$('#pageNums').append('<a href="javascript:goToPage(' + (i.Contents.length-2) + ');" class="pagenum"> Son </a>').fadeIn();
    
    
    $('.panelBg').css('background-color', i.BackgroundColor);
    $('#btnGoPrev > img.a').attr('src', 'Content/Static/arrow_left_' + i.Arrow + '.png');
    $('#btnGoNext > img.a').attr('src', 'Content/Static/arrow_right_' + i.Arrow + '.png');

    $('#btnGoPrev > img.b').attr('src', 'Content/Static/arrow_first_' + i.Arrow + '.png').unbind().click(function() { goToPage(0); });
    $('#btnGoNext > img.b').attr('src', 'Content/Static/arrow_last_' + i.Arrow + '.png').unbind().click(function() { goToPage(i.Contents.length-2); });

    var renk = ({ 'dark': '#000', 'light': '#FFF'}[i.Arrow]);

    $('#btnGoPrev').css('color', renk);
    $('#btnGoNext').css('color', renk);

    SetPrevNext();
    FixIE7();
}

function go(step) {
    // İçerik sayfalarını ileri geri kaydırır
    // -1 geri, 1 ileri kaydırır
    if (toPage == null && animating) return;
    var animSpeed = (toPage == null ? 600 : 100);
    var paneller = $('#panelContainer > div > div');
    if (step < 0 && pageNo > 0) {
        animating = true;
        pageNo--;
        $(paneller[pageNo]).css({marginLeft:-250}).show().animate({ marginLeft: 0 },animSpeed, SetPrevNext);
    }
    else if (step > 0 && pageNo < paneller.length - 2) {
        animating = true;
        $(paneller[pageNo]).css({ marginLeft: 0 }).animate({ marginLeft: -250 }, animSpeed, function() { $(this).hide(); pageNo++; SetPrevNext(); });
    }
}

function goToPage(page) {
    toPage = page;
    go((pageNo > toPage ? -1 : 1));
}

function SetPrevNext() {
    animating = false;
    if (pageNo < 1) $('#btnGoPrev').fadeOut(); else $('#btnGoPrev').fadeIn();
    if (pageNo > $('#panelContainer > div > div').length - 3) $('#btnGoNext').fadeOut(); else $('#btnGoNext').fadeIn();

    if (toPage != null) {
        if (pageNo == toPage || pageNo == null) { toPage = null; return; } else {
            if (pageNo > toPage) go(-1);
            if (pageNo < toPage) go(1);
        }
    }
    
}

function Scroll(step) {
    // İçindekiler panelini aşağı/yukarı kaydırır
    
    var paneller = $('#icindekilerIndex > div');
    if (step < 0 && indexNo > 0) {
        indexNo--;
        $(paneller[indexNo]).show().animate({ marginTop: 0 });
    }
    else if (step > 0 && indexNo < paneller.length - 8) {
        $(paneller[indexNo]).animate({ marginTop: -50 },  function() { $(paneller[indexNo]).hide(); indexNo++; });
    }
}



function LoadArchiveContent(headerText, url) {
    $('#arsivHeader').text(headerText).hide().show();   // aptl IE
    $('#arsiv_container').animate({ marginLeft: -1 },

        function() {
            $('#arsiv .detay > p').html('Yükleniyor...').load(url, function() { $('#arsiv .detay').jScrollPane({ reinitialiseOnImageLoad: true }); });
         }

    );
    SetIcindekilerDurum(false);
}

function FixIE7() {
    if ($.browser.msie)
        $('#backImage').css('height', $(window).height());
}