// Used on product page to toggle between materials
function ToggleHighresMaterial(id)
{
    // Select big image
    var idHighres = "#materialHighResItem_" + id;
    var idThumb = "#materialThumb_" + id;
    $('#tabmaterial .contenttype11 .materialHighRes').removeClass("unselected");
    $('#tabmaterial .contenttype11 .materialHighRes').addClass("unselected");
    $('#tabmaterial .contenttype11 ' + idHighres).removeClass("unselected");
    
    // Add border on selected thumb
    $('#tabmaterial .imageselected').addClass('image');
    $('#tabmaterial .imageselected').removeClass('imageselected');
    $('#tabmaterial ' + idThumb).parent().removeClass("image");
    $('#tabmaterial ' + idThumb).parent().addClass("imageselected");
}


// Used on product page to toggle between variants
function ToggleHighresVariant(id)
{
    // Select big image
    var idHighres = "#variantHighresItem_" + id;
    var idThumb = "#variantThumb_" + id;
    $('#tabcadsymbols .contenttype6').removeClass("unselected");
    $('#tabcadsymbols .contenttype6').addClass("unselected");
    $('#tabcadsymbols ' + idHighres).removeClass("unselected");
    
    // Add border on selected thumb
    $('#tabcadsymbols .imageselected').addClass('image');
    $('#tabcadsymbols .imageselected').removeClass('imageselected');
    $('#tabcadsymbols ' + idThumb).parent().removeClass("image");
    $('#tabcadsymbols ' + idThumb).parent().addClass("imageselected");
}


// Used on product page to toggle between images on the overview tab
function ToggleHighresOverview(id)
{
    // Select big image
    var idHighres = "#overviewHighResItem_" + id;
    var idThumb = "#overviewThumb_" + id;
    $('#taboverview .contenttype14 .overviewHighRes').removeClass("unselected");
    $('#taboverview .contenttype14 .overviewHighRes').addClass("unselected");
    $('#taboverview .contenttype14 ' + idHighres).removeClass("unselected");
    
    // Add border on selected thumb
    $('#taboverview .imageselected').addClass('image');
    $('#taboverview .imageselected').removeClass('imageselected');
    $('#taboverview ' + idThumb).parent().removeClass("image");
    $('#taboverview ' + idThumb).parent().addClass("imageselected");
}



// Used by the QuickSearch.ascx
function SearchFieldOnFocus(sender, text)
{
    if (sender.value == text)
        sender.value = '';
}


// Used by the QuickSearch.ascx
function SearchFieldOnBlur(sender, text)
{
    if (sender.value == '')
        sender.value = text;
}


// Opens a popup
function popupWindow(strUrl, strTarget, strFeatures) {
    window.open(strUrl, strTarget, strFeatures);
}


// Used by Favorites.aspx
function MailOnFocus(sender, text)
{
    if (sender.value == text)
        sender.value = '';
}


// Used by Favorites.aspx
function MailOnBlur(sender, text)
{
    if (sender.value == '')
        sender.value = text;
}


// Used by Favorites.aspx
function MailMessageOnFocus(sender, text)
{
    if (sender.value == text)
        sender.value = '';
}


// Used by Favorites.aspx
function MailMessageOnBlur(sender, text)
{
    if (sender.value == '')
        sender.value = text;
}


// Used on material page to toggle between variant images
function ToggleMaterialVariants(id) {
    var idHighres = "#variantHighresItem_" + id;
    var idThumb = "#variantThumbItem_" + id;
    
    $('.tilesection a.active').removeClass("active"); // set none as active
    $('.tilesection a').addClass("inactive"); // set'em all as inactive
    $('.tilesection ' + idThumb).removeClass("inactive"); // remove the inactive class
    $('.tilesection ' + idThumb).addClass("active"); // set current as active
    $('.variantHighresItem').css({display:'none'}); // hide'em all
    $(idHighres).css({display:''}); // show current
}