﻿$(document).ready(function() {
    $(".products").hide();

    // Check if a category should be visible from start
    var currentCategoryID = $("#CurrentCategoryID").val();
    if (currentCategoryID != null) {
        $("#" + currentCategoryID + " .products").show();
        $("#" + currentCategoryID + " div .foldoutIcon").toggleClass("open");
    }

    // Check if a product should be selected
    var currentProductID = $("#CurrentProductID").val();
    if (currentProductID != null) {
        $(".products li#" + currentProductID + " a").addClass("selected");
        $("#" + currentCategoryID + " div:first").addClass("selected");
    }

    // Add a integer class
//    var i = 0;
//    var verbalNumbers = new Array("first", "second", "third", "fourth", "fifth", "sixth", "seventh", "eight", "ninth");
//    $(".productCategory").children("li").each(function() {
//        if (i < verbalNumbers.length) {
//            $(this).addClass(verbalNumbers[i]);
//            i++;
//        } 
//    });


    // Add the click behavior
    $(".productCategory li div").click(function() {
        $(".products").slideUp(); // <-- Hide all products
        $(".foldoutIcon").removeClass("open"); // <-- Hide all open classes
        $(".productCategory li div").removeClass("selected"); // <-- remove selected

        // Check that it isn't already shown
        if ($(this).next(".products").is(":hidden")) {
            $(this).children(".foldoutIcon").addClass("open");
            $(this).next(".products").slideDown(); // <-- then display the one that is clicked
            $(this).addClass("selected"); // <-- add selected
        }
    });
	
	
	// Slidetoggle country products selector
	$('#langSelect').click(function () {
		$('#langSelectOpen').slideToggle('200');
		$("#langSelect").toggleClass("open");
	});
	
});