jQuery(function () {

    /**
     * Default left menu condition
     */
    var resetState = function () {
        jQuery('.left-menu>li>a').removeClass('active');
        jQuery('.left-menu>li>ul').fadeOut(0);
    }

    var defaultFonts = function () {
        jQuery('.box').css({
            'font-size': '1em'
        });
        jQuery('.left-menu li').css({
            'font-family': 'Tahoma, arial',
            'font-size': '1.3em'
        });
        jQuery('.left-menu li ul li').css({
            'font-size': '1em'
        });
    }

    var emptySwitcher = function ($el, text) {
        $el.val(text);
        $el.focus(function () {
            if ($el.val() == text) $el.val('');
        });
        $el.blur(function () {
            if ($el.val() == '') $el.val(text);
        });
    }

    // Left menu behavior
    jQuery('.left-menu>li>a').click(function () {
        resetState();
        jQuery(this).addClass('active').next().fadeIn(0);
        if (jQuery(this).next().length > 0)
            return false;
    });

    // Hide sub menu
    jQuery('.left-menu>li>ul').fadeOut(0);

    // Show active elements on load page
    jQuery('.active').next().show() | jQuery('.active').closest('ul').show().prev().addClass('active');
    // Set margin last LI in the sub list
    jQuery('.left-menu>li>ul').each(function () {
        jQuery(this).find('li:last').addClass('last');
    });
    // Opera fix flush fonts to default
    if (jQuery.browser.opera) {
        defaultFonts();
    }
    // Toggle spoiler
    jQuery('.spoiler>dt>span').click(function () {
        jQuery(this).closest('dl').find('dd').toggle();
    });

    // Default fields text on order form
    emptySwitcher(jQuery('#contact-face'), 'Борис Бритва');
    emptySwitcher(jQuery('#emailtelskype'), '+38044');
    emptySwitcher(jQuery('#site'), 'artlebedev.ru');
    emptySwitcher(jQuery('#geo'), '');
    emptySwitcher(jQuery('#queries'), 'как сделать чтобы отпустило пожалуйста');
    emptySwitcher(jQuery('#money'), '$1 000 000');

    // Decorate form elements
    formElementDecor();
    jQuery('.opacity').css({'opacity': '0.7'});
	// Set comparer
	jQuery('.compare').comparerolling();
});

formElementDecor = function () {

    var checkbox = (function () {
        $checks = jQuery('input[type=checkbox]');
        var $wrap = jQuery('<span class="decor-checkbox"></span>');
        $checks.css({'display': 'none'}).wrap($wrap);
        jQuery('input[type=checkbox]:checked').parent().addClass('active');

        jQuery('.decor-checkbox').live('click', function () {
            if (jQuery(this).hasClass('active')) {
                jQuery(this).children().removeAttr('checked');
                jQuery(this).removeClass('active');
            } else {
                jQuery(this).children().attr('checked', 'checked');
                jQuery(this).addClass('active');
            }
        });
    })();

    var select = (function (){
        var $selects = jQuery('select');
        var selectedText = jQuery('select option:selected').text();
        var $wrap = jQuery('<span class="decor-select"></span>');
        $selects.css({'opacity':0}).wrap($wrap);
        jQuery('<span class="arrow-down"></span><span class="label"></span>').insertBefore($selects);
        jQuery('.decor-select>span.label').text(selectedText);
        $selects.change(function () {
            jQuery(this).prev().text(jQuery(this).find('option:selected').text());
        });
    })();
}