/*
===   MODAL   ===
*/
function GetLeft() {
    var winW = ($(window).width() / 2) - 200;
    return winW;
}


$(document).ready(function () {
    if ($.cookie('clientFlag') == 'true') {
        if ($.cookie('firstCome') == null || $.cookie('firstCome') == 'true') {
            $.cookie('firstCome', 'false', { expires: 1 });
            ShowPopup();
        }
    }
    else { $.cookie('firstCome', 'true'); }

    $('a[name="genderFilter"]').removeAttr('class');
    //select all the a tag with name equal to modal
    $('a[name="genderFilter"]').click(function (e) {
        //Cancel the link behavior
        e.preventDefault();
        $.cookie('gender', $(this).attr('id'));
        location.reload();
    });

    if ($.cookie('gender') == null) {
        $('.filter #0').addClass('active');
    }
    else {
        $('.filter #' + $.cookie('gender')).addClass('active');
    }


    $('.productHelp').click(function (e) {
        e.preventDefault();
        newWin = window.open('DocumentWindow.aspx?did=12', '_blank', 'width=800,height=800,top=1,left=1,scrollbars=yes,resizable=no,status=no,toolbar=no,location=no,menubar=no');
        newWin.focus();
        return false;
    });


});


function ShowPopup() {
    var vLeft = GetLeft() + 'px';
    $('#popupAlert').css({ width: '360px', height: '100px', display: 'block', position: 'absolute', padding: '30px', textAlign: 'center', top: '0px', left: vLeft, backgroundColor: '#f8d368', border: '2px solid #79bd34', color: '#000', fontWeight: 'bold' });
    $('#popupAlert').append('<span id="popupClose">x</span>');
    $('#popupClose').css({ width: '20px', height: '20px', display: 'block', position: 'absolute', textAlign: 'center', top: '0px', right: '0px', backgroundColor: '#f8d368', borderBottom: '2px solid #79bd34', borderLeft: '2px solid #79bd34', color: '#000', fontWeight: 'bold', cursor: 'pointer' });
    $('#popupClose').live('click', function (e) { $('#popupAlert').hide(); });
}