var windowWidth = 0;
var treshold = 10;

$(function() {init();});


function init(){
    $('body>article>section>h1').html('<a href="/">Regattaer</a>');
    $('a').live('click', function(event) {
        event.preventDefault();
        hentData(this.href);
    });   
    hentData("regatta=chr20112011");
//    updateLayout();
//    $(window).resize(updateLayout);
}



function hentData(arg){
    var param = "";

    if(defined(arg)){
        param="?"+arg.substr(arg.indexOf('/', 10)+1);
    }
        
    jQuery.getJSON('ws/json.php'+param, function(json) {
        updateHeading('body>article>section>h1',json);
        updateTable('table',json);
    });
}



function updateHeading(selector,json){
    $(selector).html('<a href="/">Regattaer &raquo; Copenhagen Harbour Race </a>');
//    $(selector).html('<a href="?entry=regatta">regatta</a>/<a href="?entry=regatta&year=2011">2011</a>/'+json.heading.title);
}


function updateTable(selector,data){

    var thead = "<thead><tr>";
    for (var i=0; i<data.tableheadings.length; i++)
        thead+='<th '+(i==0?"style=\"padding-left:3px\"":"")+'>'+data.tableheadings[i]+'</th>';
    thead+='</tr></thead>';

    var tbody = "<tbody>";
    for (var key in data.data)
    {
        tbody+= "<tr id=\"roerid"+key+"\">";
        for(var j=0;j<data.data[key].length;j++){
            if(defined(data.data[key][j]['txt'])){
                tbody+='<td><a href="'+data.data[key][j]['url']+'">'+data.data[key][j]['txt']+'</a></td>';
            }
            else{
                tbody+='<td>'+data.data[key][j]+'</td>';
            }    
        }
        tbody+= "</tr>";
    }
    tbody+='</tbody>';
    $(selector).html(thead+tbody)
}

function updateLayout(){    
    // Gør kun noget når bredden har flyttet sig min 5px, måske 10px
    var w = $(window).width();
    if(Math.abs(w-windowWidth)>treshold){
        windowWidth = w;
        
        if(windowWidth>1020)
        {
            $('#section').css('marginLeft',"200px");
            $('body>div').html('<div>L: ' + $(window).width() + '</div>');

            $('article').width(1000);
            $('aside').show(); // vis begge side paneler
        }
        else if(windowWidth>830)
        {
            $('#section').css('marginLeft',"200px");
            $('body>div').html('<div>M: ' + $(window).width() + '</div>');

            $('#section').css("border:1px solid blue");

            $('article').width(820);
            $('aside.filter').show();// vis filteret
            $('aside.info').hide();  // vis ikke extra info

        }   
        else
        {
            $('#section').css('marginLeft',"0px");
            $('body>div').html('<div>S: ' + $(window).width() + '</div>');
            $('aside').hide();  // vis ingen side paneler
            $('article').width(600);
        }
    }
}

function defined(object) {
	if(typeof(object)=="undefined")
		return false;
	else
		return true;
}

function printProps(obj, objName) {
  var output = "" ;
  for (var prop in obj) {
    output += objName + "." + prop + " = " + obj[prop] + "\n" ;
  }
  alert( output );
}