$(document).ready(function() {
	
	$('#search').attr('autocomplete', 'off').liveSearch({ajaxURL: '/ajax.php?func=search&q='});
	
	if($.cookie('display_style') == 'display') {
		var start_style = 'display';
	}
	
	
	$('a.switch-thumb').toggle(function() {
		if(start_style == 'display') {
			changeToThumbView();
		} else {
			changeToDisplay();
		}
	}, function() {
		if(start_style == 'display') {
			changeToDisplay();
		} else {
			changeToThumbView();
		}
	}); 
	
	
	$('.screen-box').hover(function() {
	  var id = $(this).attr('id');
	  $('#'+id+' .alt').hide();
	  $('#'+id+' .alt').slideDown('fast');
	},function(){
	  var id = $(this).attr('id');
	  $('#'+id+' .alt').slideUp('fast');
	});
	
	
	$('#suggest').keyup(function() {
		if(this.value != this.lastValue) {

			var u = this.value;

			this.timer = setTimeout(function() {
				$.get('/ajax.php', { func: 'suggest-check', u: u}, function(data) {
					
					$('div.suggest').addClass("arrow");
					$('#suggest-result').html(data);
				});
			}, 200);

			this.lastValue = this.value;
		}
	});
	
			
	$('#h-range').slider({
		range: true,
		values: [$('#h-min').val(), $('#h-max').val()],
		min: 1,
		max: 36,
		step: 1,
		slide: function(event, ui) {
			$('#h-min').val(ui.values[0]);
			$('#h-max').val(ui.values[1]);
			adjustSliders();
		}
	});

	 
	$('#s-range').slider({
		range: true,
		values: [$('#s-min').val(), $('#s-max').val()],
		min: 1,
		max: 5,
		step: 1,
		slide: function(event, ui) {
			$('#s-min').val(ui.values[0]);
			$('#s-max').val(ui.values[1]);
			adjustSliders();
		}
	});


	$('#v-range').slider({
		range: true,
		values: [$('#v-min').val(), $('#v-max').val()],
		min: 1,
		max: 10,
		step: 1,
		slide: function(event, ui) {
			$('#v-min').val(ui.values[0]);
			$('#v-max').val(ui.values[1]);
			adjustSliders();
		}
	});

	
	$('#h-range.ui-slider .ui-state-default:first').addClass('left-slider-image');
	$('#s-range.ui-slider .ui-state-default:first').addClass('left-slider-image'); 
	$('#v-range.ui-slider .ui-state-default:first').addClass('left-slider-image');


	adjustSliders();
});

function adjustSliders() {
	
	$('#h-range.ui-slider .ui-slider-range').css('background-position',  '-' +  Math.ceil((($('#h-min').val()-1) / 35) * $('#h-range').width()) + 'px 0px');
	$('#s-range.ui-slider .ui-slider-range').css('background-position',  '-' +  Math.ceil((($('#s-min').val()-1) / 4) * $('#s-range').width()) + 'px 0px');
	$('#v-range.ui-slider .ui-slider-range').css('background-position',  '-' +  Math.ceil((($('#v-min').val()-1) / 9) * $('#v-range').width()) + 'px 0px');
	
	$('#h-range-value').html('Hue: ' 		+ ($('#h-min').val()-1) * 10 + ' - ' + $('#h-max').val() * 10);
	$('#s-range-value').html('Saturation: ' + ($('#s-min').val()-1) * 20 + ' - ' + $('#s-max').val() * 20 + '%');	
	$('#v-range-value').html('Value: ' 		+ ($('#v-min').val()-1) * 10 + ' - ' + $('#v-max').val() * 10 + '%');
}

function changeToDisplay() {
	$('a.switch-thumb').addClass('swap'); 
	$('ul.thumb-view').fadeOut('fast', function() {
		$(this).fadeIn('fast').addClass('display'); 
	});
	
	$.cookie('display_style', 'display', {expires: 14, path: '/'});
}

function changeToThumbView() {
	$('a.switch-thumb').removeClass('swap');
	$('ul.thumb-view').fadeOut('fast', function() {
		$(this).fadeIn('fast').removeClass('display');
	});
	
	$.cookie('display_style', 'thumb-view', {expires: 14, path: '/'});
}

function showColors() {
	location.href = '/gallery/1/' + 
		$('#h-min').val() + '-' + 
		$('#h-max').val() + '/' + 
		$('#s-min').val() + '-' + 
		$('#s-max').val() + '/' +
		$('#v-min').val() + '-' + 
		$('#v-max').val() + '/';
}

function showSpecificColors(h, s, v) {
	location.href = '/gallery/1/' + 
		h + '-' + 
		h + '/' + 
		s + '-' + 
		s + '/' +
		v + '-' + 
		v + '/';
}

function clickCount(u_id) {
	$.get('/ajax.php', { func: 'click', u_id: u_id }, function(data) {
		var d = data.split(',');
		$('#clicks-' + d[0] + ' span').html(d[1]);
	});
}

function raiseLikes(u_id) {
	$.get('/ajax.php', { func: 'like', u_id: u_id }, function(data) {
		
		var d = data.split(',');
		$('#likes-' + d[0] + ' span').html(d[1]);
		
		$('#likes-' + d[0]).css('background-image', 'url(/lib/i_likes_red.png)')
		
	});
}

function suggestSave() {
	var u = $('#suggest').val();
	
	$.get('/ajax.php', { func: 'suggest-save', u: u}, function(data) {
		$('#suggest').val('');
		$('#suggest-result').html(data);
	});
}