/**** BONES main script *******/



// assume jquery 1.4.x is loaded

$(document).ready(function(){
	hideImages();
	antispam();
});

function antispam(){
		$('#maillink').html('email');
		$('#maillink').css('cursor', 'pointer');
		$('#maillink').mousedown(function(){mailme();});
	}

function mailme(){
		var mailray = ['ah', 'oy', '@', 'timkn', 'apen.', 'be'];
		var mailadd = '';
		for(var i =0; i < mailray.length; i++){
			mailadd += mailray[i];
		}
		location = 'mailto:'+mailadd;
	
	}
//var imgClub = array();


function orderImages(){
	gsize = 100; // gridsize;
	var ix = 0;
	var iy = 0;
	$('.slide').each(function(){
		//gsize = 200;
		$(this).css('z-index', '1');
		$(this).css('top', 10+iy * gsize+'px');
		$(this).css('left', 10+ix * gsize+'px');
		$(this).css('width', gsize-10+'px');
		$(this).unbind("mousedown");
		$(this).mousedown(function(){
				orderImages();
				$(this).css('z-index', '99');
				$(this).css('width', '');
				$(this).css('left','10px');
				$(this).css('top','10px');
				$(this).unbind("mousedown");
				$(this).mousedown(function(){ orderImages(); });
			});

		ix++;
		if((ix+1) * gsize > $(window).width()){
			ix = 0;
			iy ++;
			}
		});
		
	
	}

var currentimg = 0;
var imgArray = new Array();
//
function hideImages(){
	var counter =0;
	$('.slide').each(
		function(){  
			imgArray.push($(this));
			$(this).css('z-index', counter);
			$(this).css('top', (10+50 * Math.random()+'px'));
			$(this).css('left',(10+50 * Math.random()+'px'));
			//$(this).hide();
			$(this).mousedown(function(){$(this).fadeOut();});
			counter++;
		} 
	
	);
	//$('.slideshow').mousedown(function(){hideNextImage();});
	//showNextImage();
	//alert("I found "+currentimg+" images");
}

function hideNextImage(){
	var i = imgArray.length - 1 - currentimg;
	if(i >= 0){
		imgArray[i].slideUp();//fadeOut('slow');
		currentimg++;
	}
}



/******** TABS ***************/
function openTabPage(id){
	var tab = $('#'+id+'_tab_');
	var page = $('#'+id+'_tab_page_');
	
	// first set all the tabs to "unselected
	$(".tab").attr("class", "unselected-tab");
	// set the selected one
	tab.attr("class", "tab");
	
	// hide all pages
	$('.tab-page').hide();
	page.show();	
	
}


/********* AUTO SUGGEST **************/
function suggest(id){
	//append a word suggestion underneath the input named "id"
	// first, get the value!
	var suggestion_input = $("#"+id);
	tagsel = 0;
	var str =suggestion_input.val();
	var x = suggestion_input.offset().left;
	var y = suggestion_input.offset().top;
	
	$("#suggest_"+id).remove(); // delete the old one

	
	if(str !=""){	
		$.get("./suggest.php", "action=gettags&search="+str,
		function(data){
			var items = $('item', data);
			if(items.length>0){
				$('body').append('<div id="suggest_'+id+'"></div>');
				var suggestion_box = $("#suggest_"+id);
				suggestion_box.css("z-index", "99");
				suggestion_box.css("position", "absolute");
				suggestion_box.css("left", x+"px");
				suggestion_box.css("top",(y+21)+"px");
				suggestion_box.css("background", "#ffffff");
				suggestion_box.css("border", "1px solid #999");
				suggestion_box.css("padding", "0px");
				suggestion_box.css("width", suggestion_input.width()+"px");
				items.each(function(id){
					suggestion_box.append('<div class="suggestion" onmousedown="$(\'#'+id+'\').blur();addTag(\''+$(this).attr("title")+'\');">'
					
					+$(this).attr("title") +'</div>')
				});	
			}
			
		});
	}else{
		
	}
		
}



// add a tag to the list
function addTag(tagname){
	$('#searchtag').val("");
	$('#suggest_searchtag').remove();
	//alert("add tag with id= "+id);	
	$('#tagslist').append(' <u>'+tagname+'</u> / ');
}