/*
*
* jmFullWall.js
* DEVELOPED BY
* MORENO DI DOMENICO
* www.moretech.it
* moreno@moretech.it
* 05 Aug 2011
*
*
* http://www.moretech.it/demo/plugins/jmFullWall
*
*/

(function($){

  // declare plugin name
  $.fn.jmFullWall = function( options ) {
  
  		// declare default options
        var defaults = {
			/** options **/
			'itemTransition'	       : 'fadeIn',
			'itemTransitionSpeed'      : 200,
			'itemsForRow' 		       : 5,
			'itemsBtnNext'		       : 'jmFullWall-next',
			'itemsBtnPrev'		       : 'jmFullWall-prev',
			'itemsBtnClose'		       : 'jmFullWall-close',
			'detailTransitionIn'  	   : 'fadeIn',
			'detailTransitionInSpeed'  : 500,
			'detailTransitionOut'  	   : 'fadeOut',
			'detailTransitionOutSpeed' : 500,
			'showTooltip'			   : true,
			'imgPanning'			   : true,
			'imgPanningCenter'	       : true,
			'imgPanningZoom'	       : true
			
		}


		options = $.extend(defaults, options);
		var $this;

		/* constants */
		var wall_top = "#wall-top";
		var wall_top_height = parseInt($(wall_top).css('height'));
		
		
		var wall_container = "#wall-container";
		var wall_container_w;
		var wall_container_h;

		var wall_loading = "#wall-loading";

		//var wall_detail = "#wall-detail";
		//var wall_detail_image_container = '.wall-detail-image';
		//var wall_detail_controls_container = '.wall-detail-controls';
		//var wall_detail_info = '.wall-detail-info';

		var wall = "#wall";
		var wall_rows;

		var wall_items = ".wall-item";
		var wall_items_count = $(wall_items).length;
		var wall_items_for_row = options.itemsForRow;
		
		
		var x = 0;
	

		
		/** set wall & items dimensions **/
		wallDimension = function(resize)
		{
		

			/** get wall width & height **/
			wall_container_w = parseInt( $(window).width() );
			wall_container_h = parseInt( $(window).height()-wall_top_height );
			/** set wall dimensions **/
			$(wall).css({ width : wall_container_w, height : wall_container_h });	
	
			/** calculate wall rows **/
			wall_rows = parseInt(wall_items_count/wall_items_for_row)+1;
			if(wall_items_count % wall_items_for_row == 0) { wall_rows = wall_rows-1 }
			
			/** calculate wall items width **/
			wall_items_w = parseInt(wall_container_w/wall_items_for_row);
			
			/** calculate wall items height **/
			wall_items_h = parseInt(wall_container_h/wall_rows);
			
			
			
			/** if window resizing **/
			if ( resize ){
				$(wall_items).css({'width': wall_items_w, 'height' : wall_items_h});
				if($(wall_detail).is(':visible')){
					setBgImage(0);
				}
			}
		}
		


		setItem = function (pos){
			x++;
			if(x > wall_items_count){
				$(wall_loading).fadeOut();
				return;
			}
			
			var $item = $(wall_items).eq(pos);
			
			var item_bg = $item.find(".bg").html();
	
			$.imgpreload(item_bg, function(){
				$item.css({'background-image' : 'url('+ item_bg +')'});
				$item.animate(
					{width : wall_items_w, height : wall_items_h }, 1, function()
						{ 
							switch (options.itemTransition)
							{
								case 'fadeIn' : 
									$item.fadeIn(options.itemTransitionSpeed, function(){
										setItem(x);
									});
								break;
								
								case 'slideDown' : 
									$item.slideDown(options.itemTransitionSpeed, function(){
										setItem(x)
									});
								break;
								
								default : 
									$item.toggle(1, function(){
										setItem(x)
									});
								break;
								
							}
						}
				);
			});
		}


		/** set events on items 
		itemActions = function()
		{
			a = $(wall_items).find("a");
			
			a.mouseover(function(){
				$(this).find("span.title").show();
			});
	
			a.mouseout(function(){
				$(wall_items).find("span.title").hide();
			});
		}**/
		
		
		/** wall creation **/
		createWall = function()
		{
			/** set wall dimensions **/
			wallDimension();
			
			/** cycling items **/
			setItem(0);
			
			/** events on items **/
			itemActions();

			/** if resizing **/
			$(window).resize(function(){
				 wallDimension(1);	
			});
		}
		
		
		
		// cycling all elements
		return this.each(function(){
			 $this = $(this);
			 createWall();
		});

  };
})(jQuery);