var dropdown = {};

dropdown.showOptions = function(d){
    d.nextAll(".dropdown").css("visibility","hidden");
    var div  = d.find("div");
    var span = d.find("span");
    div.addClass("clicked");
    var yoffset = div.height()+10;
    if (yoffset > 25){
	span.css("top",yoffset+"px");
    }
    span.css("display","block").find("a").css("display","block");
};

dropdown.selectOption = function(a){
    if (a.attr("value")){
	changeprod(a.attr("value"));
    }
    dropdown.hideOptions();
};

dropdown.hideOptions = function(){
    $(".dropdown").css("visibility","visible");
    $(".dropdown a").css("display","none");
    $(".dropdown span").css("display","none");
    $(".dropdown div").removeClass("clicked");
};

$(".dropdown")
    .click(function(){
	    dropdown.hideOptions();
	    dropdown.showOptions($(this));
	});

$(".dropdown a")
    .click(function(){
	    dropdown.selectOption($(this));
	})
    .hover(function(){
	    $(this).parent().find("a").removeClass("selected");
	    $(this).addClass("selected");
	});

$("body").click(function(){
	dropdown.hideOptions();
    });

$(".dropdown").click(function(e){
	e.stopPropagation();
    });