var server='http://www.sumopix.com/';
var fotolia_download='upload/fotolia/downloads/';

var delay_sec = 60;// sconds delay

$(document).ready(function () {
    if(!$.browser.msie){        
        $('#recom_images').block({
			message: '<span style=\"background-color:#000000; align: center; vertical-align: middle;\"><h1><img src="../images/icons/loading.gif" /> Loading....</h1></span>',
			css: { border: 'none', margin: '0px', width: '320px' },
			timeout: 6000
	  });
        fetchFotoliaImages();
        setInterval("setAndFetchFotoliaImages()", delay_sec*1000);
    }
});

function loadImageLocal(id){
     // Load from the path        
	$.ajax({
		url: server + 'scripts/gallery/images.php',
		data: {cat_id: -1, image_id: id},
		cache: false,
		success: function(html){
                    // For some reason Jquery empties to much...
		    document.getElementById("image_content").innerHTML = '';
				$("#image_content").append(html);
				$('#image_content').unblock();
				calcHeight();
	  	}
	}); 
}

function setAndFetchFotoliaImages(){
    //setTimeout(blockRightCol('Loading ........'),5*1000);
    blockRightCol('Loading ......');
    fetchFotoliaImages();
}

function fetchFotoliaImages(){
	var max_size=100, i=0;

        //alert($("#pageSize").val() + ' ==== ' +  $("#pageNo").val());
        
   	$.ajax({
		url: server + "scripts/php/ajax_gallery_recomm_images.php",
		data: {
                     pageNo: $("#pageNo").val(),
                     pageSize: $("#pageSize").val()
                },
		cache: false,
		success: function(xml){
                 $('#recom_images').html("");
                 var html="";
                 $(xml).find('control_data').each(function(){
                         var pageNo = $(this).find('pageNo').text();
                         $("#pageNo").val( '' + pageNo + '' );
                    }); //close each
                $(xml).find('image').each(function(){
                        if(i%2 == 0 && !(i==0 || i == 1)){
                                new_line = "<br>";
                        }else{
                                new_line = "";
                        }
                        i++;
                        var container_size= 125;
                        var image_id = $(this).find('id').text();					
                        var width = $(this).find('width').text();					
                        var height = $(this).find('height').text();
                        var padding_x = Math.round((container_size - width)/2);
                        var padding_y = Math.round((container_size - height)/2);
                        var image_style = "border: 1px solid #CDCDCD; padding-right: " + padding_x + "px; padding-left: " + padding_x
                                            + "px; padding-top: " +  padding_y + "px; padding-bottom: " + padding_y + "px;";
                         html = html + new_line +
                             "<a href='" + server + "scripts/edit_gallery_image.php?image_id=" + image_id + "'><img class='image_recomm' style='" + image_style + "' width='" + width + "' height= '" + height + "'  src='" + server + "upload/fotolia/downloads/" + image_id + "' /></a>";
                }); //close each
                $('#recom_images').html(html);
	  	}
	});
}

function blockRightCol(msg){
	$('#recom_images').block({ 
			message: '<span style=\"background-color:#000000; align: center; vertical-align: middle;\"><h1><img src="../images/icons/loading.gif" /> ' + msg + '</h1></span>', 
			css: { border: 'none', margin: '0px', width: '320px' },
			timeout: 6000
	  }); 
}