/**
 * Javascript functions for /clients.php
 */
var portFolioScrollTop = 0;
var maxPortFolioScrollTop = 0;
var folioHeigth = (94 * 3); // Cell heigth * page rows

$(document).ready(function() {

	/**
	 * JSONP to Inmoenter api services for load news companies
	 */
	$.getJSON("http://demo.inmoenter.com/api/getCompanies.php?order=random&jsonp_callback=?",
		function(data){
            maxPortFolioScrollTop = Math.floor((data.length - 1) /15) * folioHeigth;            
			$.each(data, function(i,item){
				$("<li><a title=\"" + item["name"] + "\" rel=\"external\" href=\"" + item["domain"] + "\"><img src=\"" + item["logo"] + "\" width=\"120\" height=\"90\" /></a></li>").css("background", "#ffffff").appendTo(".portfolio");
            });
	});

    $("#btnNext").bind("click", function(){
        portFolioScrollTop += folioHeigth;
        if(portFolioScrollTop > maxPortFolioScrollTop) portFolioScrollTop = maxPortFolioScrollTop;

        $(".portfolio").animate({ top:"-" + portFolioScrollTop + "px" }, "fast");
    });

    $("#btnPrevious").bind("click", function(){
        portFolioScrollTop -= folioHeigth;
        if(portFolioScrollTop < 0) portFolioScrollTop = 0;

        $(".portfolio").animate({ top:"-" + portFolioScrollTop + "px" }, "fast");
    });
});