const container = document.querySelector(".container"),
      dropdown = document.getElementById("dropdownMenu"),
      infoText = container.querySelector(".info-text");

const dictionary = {
        "Ανάγλυφο": {
          "definition": "Γλυπτό έργο τέχνης στο οποίο σχήματα ή μορφές προβάλλουν από την επίπεδη επιφάνεια της πλάκας που έχουν σκαλιστεί.",
          "example": "Το ανάγλυφο μέρος του έργου τέχνης παρουσιάζει ένα ψάρι.",
          "image": "img/anaglifo.jpg"
        },
        "Γκαλερί": {
          "definition": "Η αίθουσα στην οποία εκτίθενται/παρουσιάζονται έργα τέχνης.",
          "example": "Η γκαλερί της πόλης μας παρουσιάζει έργα σπουδαίων Ελλήνων ζωγράφων.",
          "image": "img/gallery.jpg"
        },
        "Γλυπτό σκιάς": {
          "definition": "Είναι έργο τέχνης που όταν φωτίζεται κατάλληλα, μετατρέπεται σε σκιά στον τοίχο.",
          "example": "Όταν το έργο τέχνης με τα ανακυκλώσιμα υλικά φωτιστεί κατάλληλα, εμφανίζεται στον τοίχο η σκιά μιας γάτας.",
          "image": "img/gluptoskias.jpg"
        },
        "Έργο τέχνης": {
          "definition": "Είναι μια καλλιτεχνική δημιουργία.",
          "example": "Ένας πίνακας ζωγραφικής θεωρείται έργο τέχνης.",
          "image": "img/ergotexnis.jpg"
        },
        "Καλές τέχνες": {
          "definition": "Οι τέχνες που υπηρετούν το ωραίο και προσφέρουν αισθητική απόλαυση (ένα ωραίο αποτέλεσμα).",
          "example": "Καλές τέχνες είναι η ζωγραφική, η γλυπτική, η ποίηση, η μουσική, η αρχιτεκτονική, ο κινηματογράφος και η φωτογραφία.",
          "image": "img/kalestexnes.jpg"
        },
        "Καλλιτέχνης": {
          "definition": "Αυτός που δημιουργεί έργα τέχνης.",
          "example": "Ο Δομίνικος Θεοτοκόπουλος ήταν ζωγράφος και σπουδαίος καλλιτέχνης.",
          "image": "img/kallitexnis.jpg"
        },
        "Οφθαλμαπάτες": {
          "definition": "Όταν κάποιος ή κάποια νομίζει ότι βλέπει πράγματα που δεν υπάρχουν ή αντιλαμβάνεται με διαφορετικό τρόπο πράγματα που υπάρχουν.",
          "example": "Νόμιζα ότι είδα αερόστατα μέσα σε μια πολυκατοικία αλλά τελικά ήταν οφθαλμαπάτη.",
          "image": "img/ofthalmapati.jpg"
        },
        "Συλλογή": {
          "definition": "Είναι η συγκέντρωση αντικειμένων που έχουν κοινά/ ίδια χαρακτηριστικά.",
          "example": "Ο μπαμπάς μου κάνει συλλογή από χριστουγεννιάτικες κάρτες.",
          "image": "img/sullogi.jpg"
        }
      };

function search() {
    container.classList.remove("active");
   infoText.style.color = "#000";

    var word = dropdown.options[dropdown.selectedIndex].text;

    infoText.innerHTML = `Αναζήτηση της λέξης <span>"${word}"</span>`;

    if (!dictionary[word]) {
        infoText.innerHTML = `Δεν μπόρεσα να βρω τη λέξη <span>"${word}"</span>. Παρακαλώ, δοκίμασε να ψάξεις μια άλλη λέξη!`
    }
    else {
        container.classList.add("active");    
        document.querySelector(".meaning span").innerText = dictionary[word].definition;
        document.querySelector(".example span").innerText = dictionary[word].example;
        document.querySelector(".wimage img").src = dictionary[word].image;
        document.querySelector(".wimage img").style.width='70%';
        document.querySelector(".wimage img").style.height = '40%';
        document.querySelector(".wimage img").alt = word;
    }
}
