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

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

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

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

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

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

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

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

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

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

    if(String(window.location).indexOf('#open-the-third-tab') != -1) {
        tab_1.attr('class', 'tab');
        tab_2.attr('class', 'tab');
        tab_3.attr('class', 'selTab');
        tab_4.attr('class', 'tab');

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

    $('.e-button').bind('click', function() {
        var link = $(this);
        link.removeClass('e-button-p');
        link.addClass('e-button');
    });

    $('.e-button').bind('mousedown', function() {
        var link = $(this);
        link.removeClass('e-button');
        link.addClass('e-button-p');
    });

    $('.e-button').bind('mouseup', function() {
        var link = $(this);
        link.removeClass('e-button-p');
        link.addClass('e-button');
    });

    $('.e-button').bind('mouseout', function() {
        var link = $(this);
        link.removeClass('e-button-p');
        link.addClass('e-button');
    });

    $('.eb-button').bind('click', function() {
        var link = $(this);
        link.removeClass('eb-button-p');
        link.addClass('eb-button');
    });

    $('.eb-button').bind('mousedown', function() {
        var link = $(this);
        link.removeClass('eb-button');
        link.addClass('eb-button-p');
    });

    $('.eb-button').bind('mouseup', function() {
        var link = $(this);
        link.removeClass('eb-button-p');
        link.addClass('eb-button');
    });

    $('.eb-button').bind('mouseout', function() {
        var link = $(this);
        link.removeClass('eb-button-p');
        link.addClass('eb-button');
    });
$(".screenshot").colorbox({opacity:0.8});
$(".er_contact").colorbox({iframe:true, innerWidth:'540px', innerHeight:'565px', speed:200,opacity:0.8});
$(".contact").colorbox({iframe:true, innerWidth:'540px', innerHeight:'565px', speed:200,opacity:0.8});
$("#bidFor").colorbox({iframe:true, innerWidth:'590px', innerHeight:'470px', speed:200,opacity:0.8});
$("#upgradeNow option:first-child").attr('selected', 'selected');
$("#upgradeNow").change( function(){productVer 	= $(this).attr('rel');selectedVal = $(this).val();
if (parseInt(productVer) == parseInt(selectedVal)){$("#upgrade_link").colorbox({width:"50%", inline:true, href:"#upgrade_info_container p"});}else{$("#upgrade_link").unbind($.cbox_click).removeData($.colorbox).removeClass("cboxelement");}});var licLinks = $(".license");		$.each(licLinks, function(){this.href = this.href + '?ajax=true';$(this).colorbox({iframe:true, innerWidth:'80%', innerHeight:'70%', speed:200,opacity:0.8});});var licLinks = $(".hint");$.each(licLinks, function(){this.href = this.href + '?ajax=true';$(this).colorbox({iframe:true, innerWidth:'80%', innerHeight:'70%', speed:200,opacity:0.8});});
});



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', '/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;
    });
}