$(document).ready(function() {
    var tab_1 = $('#tab_1');
    var tab_2 = $('#tab_2');
    var tab_3 = $('#tab_3');

    var main_features = $('#main_features');
    var product_information = $('#product_information');
    var corporate_license = $('#corporate_solution');

    tab_1.bind('click', function() {
        tab_1.attr('class', 'selTab');
        tab_2.attr('class', 'tab');
        tab_3.attr('class', 'tab');

        main_features.css('display', 'block');
        product_information.css('display', 'none');
        corporate_license.css('display', 'none');
    });

    tab_2.bind('click', function() {
        tab_1.attr('class', 'tab');
        tab_2.attr('class', 'selTab');
        tab_3.attr('class', 'tab');

        main_features.css('display', 'none');
        product_information.css('display', 'block');
        corporate_license.css('display', 'none');
    });

    tab_3.bind('click', function() {
        tab_1.attr('class', 'tab');
        tab_2.attr('class', 'tab');
        tab_3.attr('class', 'selTab');

        main_features.css('display', 'none');
        product_information.css('display', 'none');
        corporate_license.css('display', 'block');
    });
});

function openOverlay(contentId) {
    oOverlay.openOverlay(null, $('#' + contentId));
}

function changeUpgradeNowLink(select, productVersion) {

    var version = $(select).val();

    if(productVersion.substr(0, (productVersion.indexOf('.') + 1)) == version) {

        $('#upgrade_link').bind('click', function() {

            var domNode = $('#upgrade_info_container').clone(true).css('display', 'block');

            var innerHTML = '<div class="bottom">';
            innerHTML += '<a href="javascript:void(0)" class="close" onclick="oOverlay.closeOverlay()">Close [x]</a>';
            innerHTML += '</div>';

            oOverlay.openOverlay(innerHTML, domNode);

        }).attr('href', 'javascript:void(0);');

    } else {
        $('#upgrade_link').unbind('click')
                          .attr('href', 'http://www.eltima.com/company/contacts/?open=upgrade-questions');
    }
}

function openContactEltima() {

    var domNode = $('#contact_form_container').clone().css('display', 'block');

    processForm(domNode, 'sendContactForm');

    oOverlay.openOverlay(null, domNode);
}

function processForm(domNode, ajaxMethod) {
    var form = domNode.find('form');

    form.submit(function() {

        var offset = domNode.offset();
        var cover = $(document.createElement('div'));
        var loading = $(document.createElement('img'));

        cover.css('position', 'absolute')
             .css('z-index', 2114)
             .css('left', offset.left)
             .css('top', offset.top)
             .css('width', domNode.width())
             .css('height', domNode.height())
             .css('background', '#fff')
             .css('opacity', 0.9);


        loading.attr('src', '/images/black-loader.gif')
               .attr('width', 32)
               .attr('height', 32)
               .attr('alt', 'Loading');

        loading.css('position', 'absolute')
               .css('z-index', 2115)
               .css('left', offset.left + (domNode.width() / 2))
               .css('top', offset.top + (domNode.height() / 2) - 16);

        $(document.body).append(cover);
        $(document.body).append(loading);

        var postdata = form.formSerialize();
        ajax.post('/jcontroller/index.php', postdata + '&ajaxmethod=' + ajaxMethod, function(responseText) {

            eval('var data = ' + responseText + ';');
            form.find('input[type="text"],textarea,select').css('border', '1px solid black');

            if(data.length == 0) {

                var send = $(document.createElement('a'));
                var close = $(document.createElement('a'));
                var another = $(document.createElement('div'));

                send.attr('href', 'javascript:void(0);');
                close.attr('href', 'javascript:void(0);');
                send.html('Send another one');
                close.html('close');

                send.click(function() {
                    cover.remove();
                    another.remove();
                    form.resetForm();
                });

                close.click(function() {
                    cover.remove();
                    another.remove();
                    oOverlay.closeOverlay();
                });

                loading.remove();

                another.css('position', 'absolute')
                       .css('z-index', 2116)
                       .css('width', domNode.width())
                       .css('top', offset.top + (domNode.height() / 2) - 20)
                       .css('left', offset.left)
                       .css('text-align', 'center')
                       .css('font-size', '14px');

                another.html('Message has been sent!<br/>');
                another.append(send)
                       .append(' or ')
                       .append(close);

                another.appendTo(document.body);

            } else {
                cover.remove();
                loading.remove();
                for(var i in data) {
                    form.find('input[name="' + i + '"],textarea[name="' + i + '"],select[name="' + i + '"]').css('border', '1px solid red');
                }
            }
        });
        return false;
    });
}