function showDetails() {   
    $('#Details1').css('display', 'none');
    $('#Details2').css('display', 'block');
    $('#PnlDetails').slideDown('slow');
    $('#top2').slideDown('slow');
    $('#top1').slideUp('slow');
    setTimeout('delay1()', 500)
    $('.MySearch').css('overflow', 'visible');
}
function delay1() {
    $('#details11').css('display', 'block');
}
function hideDetails() {   
    $('#Details2').css('display', 'none');
    $('#Details1').css('display', 'block');
    $('#details11').css('display', 'none');
    $('#PnlDetails').slideUp('slow');
    $('.MySearch').css('overflow', 'hidden');
}
function showAdvance() {   
    $('#Advance1').css('display', 'none');
    $('#Advance2').css('display', 'block');
    $('#PnlAdvance').slideDown('slow');
    $('#top2').slideDown('slow');
    $('#top1').slideUp('slow');
    setTimeout('delay2()', 500);
   // $('.MySearch').css('overflow', 'visible');
}
function delay2() {
    $('#advanced11').css('display', 'block');
}
function hideAdvance() {    
    $('#Advance2').css('display', 'none');
    $('#Advance1').css('display', 'block');
    $('#advanced11').css('display', 'none');
    $('#PnlAdvance').slideUp('slow');
   // $('.MySearch').css('overflow', 'hidden');
}

function showDrop(name,num) {
    for (var i = 1; i <= 17; i++) {
        document.getElementById('ddl_' + i).style.display = 'none';
        document.getElementById('Item' + i).style.zIndex = 0;
    }
    if (name == 'Color') {
        document.getElementById('txtFrom1').value = document.getElementById('Select1').value;
        document.getElementById('txtTo1').value = document.getElementById('Select2').value;
    }
    else if (name == 'Clarity') {
        document.getElementById('txtFrom2').value = document.getElementById('valueA').value;
        document.getElementById('txtTo2').value = document.getElementById('valueB').value;
    }
    switch (num) {
        case '1':
        case '2':
        case '3':
        case '4':
            for (var i = 1; i <= 4; i++)
                document.getElementById('Item' + i).style.zIndex = 2;
            break;
        case '5':
        case '6':
        case '7':
        case '8':
            for (var i = 5; i <= 8; i++)
                document.getElementById('Item' + i).style.zIndex = 2;
            break;
        case '9':
        case '10':
        case '11':
            for (var i = 9; i <= 11; i++)
                document.getElementById('Item' + i).style.zIndex = 2;
            break;
        case '12':
        case '13':
        case '14':
        case '15':
            for (var i = 12; i <= 15; i++)
                document.getElementById('Item' + i).style.zIndex = 2;
            break;
        case '16':
        case '17':
            for (var i = 16; i <= 17; i++)
                document.getElementById('Item' + i).style.zIndex = 2;
            break;  
        default :
            break;
    }
    $('.' + name).css('display', 'block');
    document.getElementById('Item' + num).style.zIndex = 0;
}
function hideDrop(name) {
    $('.' + name).css('display', 'none');
    if (name == "Color") {
        if (document.getElementById('chk3_1').checked == true || document.getElementById('txtFrom1').value == "" || document.getElementById('txtTo1').value == "") {
            document.getElementById('txtColor').value = "All";
        }
        else {
            document.getElementById('txtColor').value = document.getElementById('txtFrom1').value + " - " + document.getElementById('txtTo1').value;
        }
    }
    else if (name == "Clarity") {
    if (document.getElementById('chkc_1').checked == true || document.getElementById('txtFrom2').value == "" || document.getElementById('txtTo2').value == "") {
            document.getElementById('txtClarity').value = "All";
        }
        else {
            document.getElementById('txtClarity').value = document.getElementById('txtFrom2').value + " - " + document.getElementById('txtTo2').value;
        }
    }
}
function selectChk(name,name2,id) {
    if (document.getElementById(name2 + id).checked) {
        document.getElementById(name + id).style.fontWeight = "bold";
        document.getElementById(name + id).style.color = "#2E7AB2";
    }
    else {
        document.getElementById(name + id).style.fontWeight = "normal";
        document.getElementById(name + id).style.color = "";
    }
    if (name == "span3_") {
        document.getElementById('txtFrom1').value = "";
        document.getElementById('txtTo1').value = "";
    }
    else if (name == "spanc_") {
        document.getElementById('txtFrom2').value = "";
        document.getElementById('txtTo2').value = "";
    }
}
function funcreset(name,num,span) {
    document.getElementById(name).reset();
    for (var i = 1; i <= num; i++) {
        document.getElementById(span + i).style.fontWeight = "normal";
        document.getElementById(span + i).style.color = "";
    }
}
function funcreset2(name, num, span) {
    document.getElementById(name).reset();
    for (var i = 1; i <= num; i++) {
        document.getElementById(span + i).className = "";
    }
}
function chkSelect(name, name2, id) {
    if (document.getElementById(name2 + id).checked)
        document.getElementById(name + id).className = "Selected";
    else
        document.getElementById(name + id).className = "";
}