var overlap = {
    _options: {
        opacity: 0.8,
        onFadeIn: function(){},
        onFadeOut: function(){}
    },
    init: function(options) {
        if (!this._overlap) {
            this._overlap = $("<div id=\"overlap\"></div>").appendTo("body");
        }
        $.extend(this._options, options);
    },
    show: function() {
    
        var width = $(window).width();

        if ($.browser.msie && $.browser.version.substr(0,1) == 8) 
        {
        //width -= 20;
        }

        this._overlap.css({
            width: width,
            height:$(window).height()
        });
        this._overlap.fadeIn(100);
        this._overlap.fadeTo('slow', this._options.opacity, this._options.onFadeIn);
    },
    hide: function() {
        this._overlap.fadeOut(100, this._options.onFadeOut);
    }
};

var modal = {
    _options: {
        onHide:function(){}
    },
    _modalpos: function(){
        var windowHeight = $.browser.opera ? document.documentElement.clientHeight : $(window).height();
        var windowWidth = $(window).width();
        
        var modalHeight = modal._modal.height();
        var modalWidth = modal._modal.width();
        
        modal._modal.css({
            top: (windowHeight - modalHeight) / 2,
            left: (windowWidth - modalWidth) / 2
        });
    },
    init: function(options) {
        if (this._modal) {
            this.close();
        }

        this._modal = $("<div id=\"modal\"></div>").appendTo("body");
        this._modal.append("<div class=\"modal-close\"><a href=\"javascript:modal.close();\">\
        <img src=\"" + webroot + "_i/global/modal/close.png\"/></a></div>");

        $.extend(this._options, options);
        $(window).resize(this._modalpos).resize();

        return this._modal;
    },
    show: function() {
        this._modal.show();
    },
    hide: function() {
        this._options.onHide();
        this._modal.hide();
    },
    close: function() {
        this.hide();
        $(window).unbind("resize", this._modalpos);
        this._modal.remove();
        this._modal = null;
    }
};


$(function(){
    $(".rightSide .menu > li:last").addClass("last");
});

function mailTo(u, d) {
    if (!u && !d) {
        return;
    }
    var m = u + "\x40" + d;
    document.write("<a href=mailto:" + m + ">" + m + "</a>");
}

function openCalendar() {
    document.location = webroot + "ozel-bankacilik/finansal-ajanda.aspx";
}

function openCalendarEN() {
    document.location = webroot + "en/private-banking/financial-diary.aspx";
}

function openMiniSurvey() {
    var cont = modal.init({
        onHide: function() {
            overlap.hide();
        }
    });

    overlap.init({
        onFadeIn: function(){
            modal.show();
        }
    });

    cont.addClass("modal-minisurvey");

    cont.append("<h1>size nasıl<br />yardımcı olabiliriz</h1>");
//    cont.append("<p>size en iyi hizmeti verebilmek için sunduğumuz<br />seçeneklere bir göz atın.</p>");
    cont.append("<br /><br />");

    var list = $("<ul class=\"minisurvey-options\"></ul>").appendTo(cont);
    list.append("<li><a href=\"" + webroot + "ozel-bankacilik/default.aspx\">yapıkredi özel bankacılık müşterisi olmak istiyorum</a></li>");
    list.append("<li><a href=\"" + webroot + "iletisim/default.aspx?section=urun-hizmet-formu\">ürün ve hizmetlerinizden haberdar olmak istiyorum</a></li>");
    list.append("<li><a href=\"" + webroot + "yatirim-urunleri/yatirim-profilinizi-ogrenin.aspx\">bana en uygun yatırım fonlarını öğrenmek istiyorum</a></li>");

    list.find("a").mouseover(function(){
        $(this).parent().addClass("active");
    }).mouseout(function(){
        $(this).parent().removeClass("active");
    })

    sIFR.replace(effra, {selector: '#modal h1', css: '.sIFR-root { color: #FFFFFF;font-size:55px;}'});
    sIFR.replace(effra, {selector: '#modal p', css: '.sIFR-root { color: #FFFFFF;font-size:25px;}'});
    sIFR.replace(effra, {selector: '.minisurvey-options a', css: '.sIFR-root { color: #FFFFFF;font-size:22px;}'});

    list.find("a").each(function(){
        $("<a></a>").attr("href", this.href).css({
            position: "absolute",
            top:0,
            left:0
        }).appendTo(this);
    });

    overlap.show();
}

function openMiniSurveyEN() {
    var cont = modal.init({
        onHide: function() {
            overlap.hide();
        }
    });

    overlap.init({
        onFadeIn: function(){
            modal.show();
        }
    });

    cont.addClass("modal-minisurvey");

    cont.append("<h1>How May We<br /> Help You?</h1>");
    cont.append("<br /><br />");

    var list = $("<ul class=\"minisurvey-options\"></ul>").appendTo(cont);
    list.append("<li><a href=\"" + webroot + "en/private-banking/default.aspx\">I would like to become a Yapı Kredi Private Banking customer.</a></li>");
    list.append("<li><a href=\"" + webroot + "en/contact/default.aspx?section=urun-hizmet-formu\">I would like more information on your products and services.</a></li>");
    list.append("<li><a href=\"" + webroot + "en/investment-products/investor-risk-survey.aspx\">I would like to find out about the investment funds most suitable for me.</a></li>");

    list.find("a").mouseover(function(){
        $(this).parent().addClass("active");
    }).mouseout(function(){
        $(this).parent().removeClass("active");
    })

    sIFR.replace(effra, {selector: '#modal h1', css: '.sIFR-root { color: #FFFFFF;font-size:55px;}'});
    sIFR.replace(effra, {selector: '#modal p', css: '.sIFR-root { color: #FFFFFF;font-size:25px;}'});
    sIFR.replace(effra, {selector: '.minisurvey-options a', css: '.sIFR-root { color: #FFFFFF;font-size:22px;}'});

    list.find("a").each(function(){
        $("<a></a>").attr("href", this.href).css({
            position: "absolute",
            top:0,
            left:0
        }).appendTo(this);
    });

    overlap.show();
}

function haberArsivShow(page) {
    document.location.href = page;
}

$(document).ready(function(){
    $(window).scroll(function() {
      $("#overlap").css("top", $(window).scrollTop() + "px");
    });

    $(window).bind('load resize', function() {
        $('#overlap').css({ 'height': $(window).height()});
        $('#overlap').css({ 'width': $(window).width()});
    });
});


function PopItUp(src, w, h, s) {
    if (s) w = w + 17;
    if (w) {
        Popwin = window.open(src, "pop_up", "toolbar=0,width=" + w + ", height=" + h + ", location=0, directories=0, status=1, scrollbars=" + s + ", menubar=0, resizable=0, copyhistory=0");
        Popwin.focus();
    }
    else {
        window.location = src
    }
}