function productsLoaded(json) {
    var cat_name = json.name;
    var cat_url = json.url;
    var list  = document.getElementById("c_products");
    var title = document.getElementById("c_title");
    if (!list) return;
    if (title) title.innerHTML = "<a href='"+ cat_url +"'>"+ cat_name +"</a>";

    for (i=0; i < json.products.length; i++) {
        var p = json.products[i];
        var li = document.createElement("li")
        li.innerHTML = "<img src='"+ p.image_url +"' class='thumb' />";
        li.innerHTML += "<p class='name'><a href='"+ p.url +"'>"+ p.name +"</a></p>";
        li.innerHTML += "<p class='desc'>"+ p.description +"</p>"
        li.innerHTML += "<p class='price'><span>£"+ p.price +"</span></p>"
        li.innerHTML += "<div class='clear'></div>"
        list.appendChild(li);
    }
}

var timeout    = 500;
var closetimer = 0;
var ddmenuitem = 0;

function jsddm_open() {
    jsddm_canceltimer();
    jsddm_close();
    ddmenuitem = $(this).find('ul').css('visibility', 'visible');
}

function jsddm_close() {
    if(ddmenuitem)
        ddmenuitem.css('visibility', 'hidden');
}

function jsddm_timer() {
    closetimer = window.setTimeout(jsddm_close, timeout);
}

function jsddm_canceltimer() {
    if(closetimer) {  
        window.clearTimeout(closetimer);
        closetimer = null;
    }
}

function create_sports_columns() {
    var percol    = 16;
    var links     = $("body.sports .biglinks a");
    if (links.length > 0) {
        var container = $("#threecol");
        var col1      = $("#threecol div.biglinks");
        var col2      = $("<div class='biglinks'></div>");
        var col3      = $("<div class='biglinks'></div>");
        container.append(col2);
        container.append(col3);
    
        col1.html(links.slice(0, percol));
        col2.append(links.slice(percol, percol * 2));
        col3.append(links.slice(percol * 2, percol * 3));
    }
}

function set_sizes() {
    $("#container").css("height", "auto");
    if ($(document).height() > $("#container").height())
        $("#container").css("height", $(document).height()+"px");
}

document.onclick = jsddm_close;
$(window).resize(set_sizes);
$(function() {
    $('.dropdowns > li').bind('mouseover', jsddm_open)
    $('.dropdowns > li').bind('mouseout',  jsddm_timer)
    
    create_sports_columns();
    set_sizes();
});