function showHide(id){
var v1 = document.getElementById('supp').style;
var v2 = document.getElementById('prodSer').style;

var tab0 = document.getElementById('tab0');
var tab1 = document.getElementById('tab1');

if (id  == "supp"){
        v1.display = "block";
        v2.display = "none";
        tab1.className = "categoriesProducts";
        tab0.className = "categoriesSuppliers";
        document.getElementById("view").value = "comp"
}
else if (id == "prodSer"){
        v1.display = "none";
        v2.display = "block";
        tab0.className = "categoriesProducts";
        tab1.className = "categoriesSuppliers";
        document.getElementById("view").value = "prod"
}}

function showHideOnLoad(){
var v1 = document.getElementById('supp').style;
var v2 = document.getElementById('prodSer').style;

var tab0 = document.getElementById('tab0');
var tab1 = document.getElementById('tab1');

var view = '{{view}}';
if (view == "comp"){
        v1.display = "block";
        v2.display = "none";
        tab1.className = "categoriesProducts";
        tab0.className = "categoriesSuppliers";
        document.getElementById("view").value = "comp"
}
else if (view == "prod") {
        v1.display = "none";
        v2.display = "block";
        tab0.className = "categoriesProducts";
        tab1.className = "categoriesSuppliers";
        document.getElementById("view").value = "prod"
}
}
function checkQuery(){
var q = document.getElementById("q").value;
if (q == "Search Products" && document.searchFormResultPage.category.value == 'All Categories' && document.searchFormResultPage.company.value =='All Companies')
        {
        alert("please enter some query   OR   select Category/Company");
        return false;
        return true;
        }
else
        {
        return true;
}}