var loader = null;


function loadImage(img_id)
{
	var img_obj = $('#' + img_id);
	var cont = img_obj.parents('DIV.img-c');
	var cur_img = cont.find('IMG:visible');

	cont.height(cur_img.height());
	
	if(img_obj.attr('src').length > 0) {
		cur_img.hide();
		
		cont.animate({height: parseInt(img_obj.attr('height'))}, 200, 'swing', function() {
				img_obj.fadeIn(300);
			});
	}
	else {
		cur_img.hide();
		
		cont.append(loader);
		
		loader.css({top: 0, left: 0, width: '100%', height: '100%'}).show();
		
		img_obj.load(function() { 
				img_obj.attr('width', img_obj.width()).attr('height', img_obj.height());

				loader.hide();

				cont.animate({height: parseInt(img_obj.attr('height'))}, 200, 'swing', function() {
						img_obj.fadeIn(300);
					});
				
			});
			
		img_obj.attr('src', img_obj.attr('data'));
	}
}



function prevImage(post_id)
{
	var post_obj = $('#post-' + post_id);
	var cur_num = parseInt(post_obj.find('.img-nav SPAN').text());
	var total_img = post_obj.find('.img-c IMG').length;
	
	cur_num--;
	
	if(cur_num < 1)
		cur_num = total_img;
	
	loadImage('img-' + post_id + '-' + cur_num);

	post_obj.find('.img-nav SPAN').text(cur_num);
}


function nextImage(post_id)
{
	var post_obj = $('#post-' + post_id);
	var cur_num = parseInt(post_obj.find('.img-nav SPAN').text());
	var total_img = post_obj.find('.img-c IMG').length;
	
	cur_num++;
	
	if(cur_num > total_img)
		cur_num = 1;
	
	loadImage('img-' + post_id + '-' + cur_num);

	post_obj.find('.img-nav SPAN').text(cur_num);
}


$(document).ready(function() {
		$('#main-menu .mi A').mouseenter(function() { $(this).animate({color: '#B9B9B9'}, 200); }).
				mouseout(function() { $(this).animate({color: '#000000'}, 200); });
		
		loader = $('#loader'); 
		
		if(!loader.length) {
			$('BODY').append('<div id="loader" />');
			
			loader = $('#loader'); 
		}
		
		$('.imagezoom').imagezoom({});
	});