(function($){
var slider_count = 3;
//var slider_count_right;
//var slider_count_this = 2;
//var slider_count_left = 1;
var slider_count_right = 1;

function createSlider(arrayElems){
	var arrayInitialElem = "";
	for(i=0;i<5;i++) {
		arrayInitialElem += '<li>';
		arrayInitialElem += '<a class="send-mail" href="/mailbox.php?sel=fs&id=' + 		arrayElems[i]['id'] + '">Send mail »</a>';
		arrayInitialElem += '<a class="more" href="/viewprofile.php?id=' + arrayElems[i]['id'] + '">More »</a>';
		arrayInitialElem += '<p>' + arrayElems[i]['name'] + ', ' + arrayElems[i]['age'] + ' <br/>';
		arrayInitialElem += '<span>';
		if(check_null(arrayElems[i]['country'])){
			arrayInitialElem += arrayElems[i]['country'];
		}
		if(check_null(arrayElems[i]['city'])){
			if(check_null(arrayElems[i]['country'])){
				arrayInitialElem += ', ';
			}
			arrayInitialElem += arrayElems[i]['city'];
		}
		arrayInitialElem += '</span></p>';
		arrayInitialElem += '<a href="/viewprofile.php?id=' + arrayElems[i]['id'] + '"><img src="/uploades/icons/big_' + arrayElems[i]['icon_path'] + '" alt="" /></a>';
		arrayInitialElem += '</li>';
	}
	return arrayInitialElem;
}

 $.fn.initSlider = function() {
	var arrayInitial = "";
	for(i=0;i<15;i++) {//15
		var arrayInitialElem = "";
		arrayInitialElem = '<li><a class="send-mail" href="/mailbox.php?sel=fs&id=' + 		arrayElems[i][0] + '">Send mail »</a><a class="more" href="/viewprofile.php?id=' + arrayElems[i][0] + '">More »</a>' +
						'<p>' + arrayElems[i][1] + ', ' + arrayElems[i][2] + ' <br/><span>';
		if(check_null(arrayElems[i][3])){
			arrayInitialElem += arrayElems[i][3];
		}
		if(check_null(arrayElems[i][4])){
			if(check_null(arrayElems[i][3])){
				arrayInitialElem += ', ';
			}
			arrayInitialElem += arrayElems[i][4];
		}
		arrayInitialElem += '</span></p>' +
						'<a href="/viewprofile.php?id=' + arrayElems[i][0] + '"><img src="/uploades/icons/big_' + arrayElems[i][5] + '" alt="" /></a>';
					+ '</li>';
					arrayInitial += arrayInitialElem;
	}
	$("#ips-container ul").css("margin-left",(((140+10) * -5) - 5));
	$("#ips-container ul").append(arrayInitial);
 };
 
 $.fn.stepSlider = function(flag) {
//	console.log('--------------');	
//	console.log('slider_count=', slider_count);	
//	console.log('slider_count_right=', slider_count_right);
	 if(flag > 0) {
		var buffer = slider_count_right;
		var num = slider_count - slider_count_right;
	} else {
		var buffer = slider_count - slider_count_right-1;
		var num = slider_count - slider_count_right-1;
	}
		
//	console.log('buffer=', buffer);
//	console.log('num=', num);
	/* buffer exist */
	if (buffer >= 2){
//		console.log('buffer exist', flag);
		if(flag > 0) {
			slider_count_right--;
//			slider_count_left++;
//			slider_count_this++;
		} else {
			slider_count_right++;
//			slider_count_left--;
//			slider_count_this--;
		}
		$("#ips-container ul").animate({marginLeft:((140+10) * 5 * -1 * num) - 5}, 800);
	/* buffer 1 and loading */
	} else {//if (num == 1)
		/*if(flag) {
			slider_count_right--;
			slider_count_left++;
			slider_count_this++;
		} else {
			slider_count_right++;
			slider_count_left--;
		}*/
//		console.log('buffer 1 and loading', flag);
		$.getJSON('/ajax.php', { 'sel':'prof_slider'}, function(data) {
			var newElem = createSlider(data);
			/*
			for(i=0;i<5;i++) {
			var arrayInitialElem = "";
				arrayInitialElem += '<li>';
				arrayInitialElem += '<a class="send-mail" href="/mailbox.php?sel=fs&id=' + 		arrayElems[i]['id'] + '">Send mail »</a>';
				arrayInitialElem += '<a class="more" href="/viewprofile.php?id=' + arrayElems[i]['id'] + '">More »</a>';
				arrayInitialElem += '<p>' + arrayElems[i]['name'] + ', ' + arrayElems[i]['age'] + ' <br/>';
				arrayInitialElem += '<span>' + arrayElems[i]['country'];
				if(arrayElems[i]['city'] != '' && arrayElems[i]['city'] != 'null'){
					if(arrayElems[i]['country'] != '' && arrayElems[i]['country'] != 'null'){
						arrayInitialElem += ', ';
					}
					arrayInitialElem += arrayElems[i]['city'];
				}
				arrayInitialElem += '</span></p>';
				arrayInitialElem += '<a href="/viewprofile.php?id=' + arrayElems[i]['id'] + '"><img src="/uploades/icons/big_' + arrayElems[i]['icon_path'] + '" alt="" /></a>';
				arrayInitialElem += '</li>';
				
				if(flag > 0) {
					$("#ips-container ul").append(arrayInitialElem)
											.animate({marginLeft:((140+10) * (5 + 1 + i) * -1 * num) - 5}, 800);
				} else {
					slider_count_right++;
					$("#ips-container ul").prepend(arrayInitialElem)
											.css("margin-left",((140+10) * (5 +  1 + i) * -1 * num) - 5)
											.animate({marginLeft:((140+10) * 5 * - 1 - i * num) - 5}, 800);
				}
			*/
			if(flag > 0) {
				$("#ips-container ul").append(newElem)
										.animate({marginLeft:((140+10) * 5 * -1 * num) - 5}, 800);
			} else {
				slider_count_right++;
				$("#ips-container ul").prepend(newElem)
//										.css("margin-left",((140+10) * 5 * -1 * (num + 1)) - 5)
										.animate({marginLeft:((140+10) * 5 * -1 * num) - 5}, 800);
			}
			slider_count++;
		});
		
	/* loading 
	} else {
		console.log('loading', flag);*/
	}
	
//	console.log('slider_count - buffer=', slider_count - buffer);

		//console.log(slider_count,slider_count_this,slider_count-slider_count_this,((140+10) * 5 * slider_count_this) - 5);
//		$("#ips-container ul").animate({marginLeft:((140+10) * 5 * -1 * num) - 5}, 800);
	//console.log(flag);
	 /*slider_count_right++;
	 slider_count++;
	 slider_count_left++;
	 slider_count_this;
	$("#ips-container ul").animate( {marginLeft:((140+10) * -5 * slider_count) - 5} , 800);
	*/
 };
 
})(jQuery); 
$(function(){

 //slider
	$('#ip-slider').append('<a href="#" id="ips-right"></a>'+
							'<a href="#" id="ips-left"></a>'+
							'<div id="ips-container">'+
							'	<ul></ul>'+
							'</div>');
	$(document).initSlider();
	$("#ips-left").click(function() { 
		$(document).stepSlider(-1);		
		return false; 
	});
	$("#ips-right").click(function() {
		$(document).stepSlider(1);
		return false; 
	});
	$("#ips-left").mousedown(function() {
		$(this).animate( { marginLeft:-22 }, 300);
	});
	$("#ips-left").mouseup(function() {
		$(this).animate( { marginLeft:-7 }, 300);
	});
	$("#ips-right").mousedown(function() {
		$(this).animate( { marginRight:20 }, 300);
	});
	$("#ips-right").mouseup(function() {
		$(this).animate( { marginRight:-10 }, 300);
	});
	
	$("#ips-container ul li").live("mouseover", function() {
		var cur = $(this).find("p");
//		console.log('mouseover=1');
		cur.stop().animate( {marginTop:150, height:50}, 150, function() {
//			console.log('mouseover=2');
			cur.find("span").fadeIn(150);
		});
	});
	$("#ips-container ul li").live("mouseout", function() {
//			console.log('mouseout=1');
		var cur = $(this).find("p");
		
		cur.find("span").fadeOut(150, function() {
//			console.log('mouseout=2');
			cur.stop().animate( {marginTop:165, height:35}, 150);
		});
		
		/*cur.find("span").fadeOut(150, function() {
			console.log('mouseout=2');
			cur.stop().animate( {marginTop:165, height:35}, 150);
		});
		
		cur.find("span").fadeOut(150, function() {
			console.log('mouseout=2');
			cur.stop().animate( {marginTop:165, height:35}, 150);
		});*/
	});
	
	//END slider 
});