$(function(){
    $("a[rel='external']").click(function(){
        window.open(this.href);
        return false;
    });

    $('.productBlockSmall').hover(function() {
        $(this).css('background-position', '100% -236px');
    }, function() {
        $(this).css('background-position', '100% 0px');
    });

    $('.productBlock').hover(function() {
        $(this).css('background-position', '100% -280px');
    }, function() {
        $(this).css('background-position', '100% 0px');
    });

    $('.menuItem').hover(function() {
        var $class = $(this).attr('class');
        var $item = 'sub' + $class.substring(0, 5);
        $('.' + $item).css('display', 'block');
    }, function() {
        var $class = $(this).attr('class');
        var $item = 'sub' + $class.substring(0, 5);
        $('.' + $item).css('display', 'none');
    });

    $('.amountField').focus(function() {
        if (this.value == '1') {
            if (this.form.id != 'basketForm') {
                this.value = '';
            }
        }
    });
    $('.amountField').blur(function() {
        if (this.value == '') {
            this.value = '1';
        }
    });
});

$(document).ready(function() {
    $('.amountField').attr('autocomplete', 'off');
    var $search = $('#js-search').text();
    blurField('#headerSearchBox', $search);
    $('#headerSearchBox').focus(function() {
        focusField('#headerSearchBox', $search);
    });
    $('#headerSearchBox').blur(function() {
        blurField('#headerSearchBox', $search)
    });
});

function focusField($fieldId, $fieldValue)
{
    if ($($fieldId).attr('value') == $fieldValue) {
        $($fieldId).css('color', '#000');
        $($fieldId).attr('value', '');
    }
}

function blurField($fieldId, $fieldValue)
{
    if ($($fieldId).attr('value') == '') {
        $($fieldId).css('color', '#848484');
        $($fieldId).attr('value', $fieldValue);
    }
}

function errorTooltip(error, element)
{
    element.tooltip({
        delay: 500,
        showURL: false,
        fade: 250,
        bodyHandler: function() {
            return error;
        }
    });
}