Array.prototype.in_array = function(p_val) {
    for(var i=0;l=this.length,i<l;i++){
        if(this[i] == p_val){
            rowid = i;
            return true;
        }
    }
    return false;
}


$(function(){	

	
	
	// Scroll through receiverBoxes
	marginCounter = 0;
	boxCounter = 0;

	if (typeof SCROLLTOLEFT == 'undefined') SCROLLTOLEFT = 0; //temporaire, verif le script par la suite
	
	// scroll if needed
	if(parseInt(SCROLLTOLEFT) != 0 && parseInt(SCROLLTOLEFT) > 5){
		marginCounter = marginCounter + (106 * (parseInt(SCROLLTOLEFT) - 2));
		boxCounter = (parseInt(SCROLLTOLEFT) - 2);
		$('#receiver .inner').animate({
			marginLeft: -marginCounter
		});
	}
	
	$('#rightButton a').click(function scrollright() {
		if(boxCounter < 24) {
			marginCounter = marginCounter + 106;
			$('#receiver .inner').animate({
			    marginLeft: -marginCounter
			});
			boxCounter++;
			
		}
	});
	
	
	$('#leftButton a').click(function scrollleft() {
		if(boxCounter > 0) {
			marginCounter = marginCounter - 106;
			$('#receiver .inner').animate({
			    marginLeft: -marginCounter
			  });
			boxCounter--;
		}
	});
	
	$(".addToGallery").fancybox({
	});

	$('#gallery .ui-draggable, #detailPictureContainer .ui-draggable').draggable({
		connectToSortable: '.sortable',
		helper:  function() {
			 return $(this).clone().css('width', '100px')[0];
		} ,
		revert: 'invalid',
		cursorAt: { left: 5,
			top: 5
		},
		start:function(ev,ui){
			$(this).clone().css('width', '85px');
			$(this).clone().height('129');
			$(this).clone().css('position', 'absolute');
			$(this).clone().css('z-index', '999');
		}
	});

	$("#downloadBar").droppable({
		drop: function(event, ui) {
			pictureIds = new Array();
			var i = -1;
			$('#downloadBar .receiverBox img').each(function(){
				if(!pictureIds.in_array($(this).attr('id')) && $(this).attr('id') != ''){
					pictureIds[++i] = $(this).attr('id');
				}
			});
			if(!pictureIds.in_array($(ui.draggable).clone().attr('id'))){
				pictureIds[pictureIds.length] = $(ui.draggable).clone().attr('id');
				$("#downloadBar .active").append($(ui.draggable).clone());
				$("#downloadBar .active").append('<div class="close"><a href="javascript:;" onclick="javascript:deletePicture('+$(ui.draggable).clone().attr('id')+')" class="deletePicture" id="pic_'+$(ui.draggable).clone().attr('id')+'"><img src="/images/button_selections-close.gif" alt="close" /></a></div>');
				$("#downloadBar .active").children().width('85px');
				$("#downloadBar .active").next().addClass('active');
			}

			$(this).removeClass('active');
			$(this).removeClass('ui-droppable');

			//$("#downloadBar .active").removeClass('active');
			var totalPictureCount = pictureIds.length;
			if(totalPictureCount >= 35){
				return false;
			}
			// save the pictures in session
			var ids = pictureIds.join(',');
			$.post('/inc/ajax/saveDownloadBar.php', {pictureIds: ids});
			
			// check if I have to scroll right
			var startPoint = boxCounter + 1;
			var endPoint = startPoint + 5;

			// si 2 et que jai 7 photos je scroll
			// en gros si startPoint + 5 < totalPictureCount
			if((startPoint + 3) < totalPictureCount){
				if(boxCounter < 24) {
					$('#rightButton a').click();
				}
			}

		}
	});
	
});