/* 
 * Dorian Knoblauch
 * Netbeans 7.0.1 on Macbook Pro
 */

var count=STATIC-1;
var num;
var lastviewportHeight;

function load(para){
    $.ajax({
        url: 'http://mcdorians.de/squarestream.php',
        data: para,
        dataType: 'jsonp'
    });    
}
            
function fillSquares(data){
    var k=0;
    for(k=0;k<(data.length); k++ ) {
        var html='<a href="'
        if(data[k]==null){
            alert('test');
        }
        html+=data[k].url+'">'
        html+='<div class="square">';
        html+='<img src="'+data[k].img+'" alt="'+data[k].title+'"/>';
        html+='<div class="details">';
        if(data[k].type==='post'){
            html+='<h5>'+data[k].title+'</h5>';
            html+='<p>'+data[k].details+'</p></div>';
            html+='<h5 class="title">'+data[k].title+'</h5>';
        }else {
            if(data[k].type==='tweet'){
                html+='<p>follow</p><h5>@mcdorians:</h5><p>on twitter</p></div>';
                html+='<div class="tweet">';
                html+='<h5>@mcdorians</h5>';
                html+='<p>'+data[k].tweet+'</p>';
                html+='<p class="small">'+data[k].date+'</p></div>';
            }
        }
        html+='</div></a>';
        $('#squarte_container').append(html);
        count++;
                   
    }
                
    while(count>=num&&num>STATIC){                  
        $('#squarte_container a:last-child').remove();
        count--;
    }
    
    if($('#squarte_container').height()>lastviewportHeight){
       fill();
    }
                
                
}
            
function fill(){
    var viewportWidth = $(window).width();
    var viewportHeight = $(window).height()-$('#header').height()-$('#footer').height()-90;
    if($('#squarte_container').height()>viewportHeight){
        viewportHeight=$('#squarte_container').height();
    }
    lastviewportHeight=viewportHeight;
    var numX= Math.floor(viewportWidth/205);
    var numY= Math.floor(viewportHeight/205);
    num =(numX*numY);
    if(num>0&&num>count){
        var para = {
            s:count+1,
            n:(num-count)};
        load(para);
    }
    while(count>=num&&num>STATIC){                  
        $('#squarte_container a:last-child').remove();
        count--;
    }
    $('#logo_sub').html(viewportWidth+"x"+viewportHeight+"=>"+numX+"x"+numY+" c:"+count+" num:"+num+" header:"+$('#header').height()+" footer: "+$('#footer').height());
            
}
            
            
$(window).resize(function() {
    fill();
});
$(window).load(function() {
    fill();
});