$(function(){

$('body').data('cur_slide', 1);
$('body').data('num_of_slides', $('.thumb').size());
var active = false;
//var cur_slide = 1;
//var num_of_slides = $('.thumb').size();
//var cur_image_id = 1;
//var hid_image_id = 2;
//var temp = '';

function start_counter()
{
	$('#counter').show().animate({opacity:0},1,function(){
		$('#total_number').text($('.thumb').size());
		$('#counter').delay(1).animate({opacity:1},1);
	});
}

function change_image_number(img_num)
{
	$('#cur_number').animate({opacity:0},400,function(){
		$('#cur_number').text( $('body').data('cur_slide'));
		$('#cur_number').animate({opacity:10},400);
	})
}

function scroll_up()
{
	var height = ($('#thumb_inner').outerHeight() - $('#thumb_container').height());
	$('#thumb_inner').stop().animate({marginTop: '0px'},height,'linear');
}

function scroll_down()
{
	var height = ($('#thumb_inner').outerHeight() - $('#thumb_container').height());
	$('#thumb_inner').stop().animate({marginTop: '-'+ height +'px'},height,'linear');
}

function scroll_stop()
{
	$('#thumb_inner').stop();
}
	$('#thumb_slide_top').hover(function(){ scroll_up(); },function(){ scroll_stop(); });
	$('#thumb_slide_bottom').hover(function(){ scroll_down(); },function(){ scroll_stop(); });
	
function change_image(item_id, item_num)
{
	
	var url = $('#'+item_id).find('a').attr('href');
	var alt = $('#'+item_id).find('img').attr('alt');
	
	$('#image_1').stop().animate({opacity:0},100,function(){
	
		$('#loading').fadeIn(250);
		$('#image_1').css('display','none').attr('src','/scripts/timthumb.php?src='+url+'&zc=1').load(function(){
			$('#loading').hide();
				var new_margin =(468 - $('#image_1').outerHeight()) /2;
				$('#cur_number').text($('body').data('cur_slide'));
				$('#image_1').stop().css('margin-top',new_margin).animate({opacity:10},2000);
	});
})
	
}

function start_up()
{
	var url = $('#thumb_1').find('a').attr('href');
	var alt = $('#thumb_1').find('img').attr('alt');
	$('#image_1').attr('src','/scripts/timthumb.php?src='+url+'&zc=1').load(function(){
		var new_margin =(468 - $('#image_1').outerHeight()) /2;
		$('#image_1').css('margin-top',new_margin);
		$(this).fadeIn(900,function(){
			start_counter();
		});
	});
}
	
	$('#loading').hide();
	start_up();
	
	$('.thumb').children('a').click(function(event){ 
		event.preventDefault();
		var item_id = $(this).parent().attr('id');
		var item_num = $('#'+item_id).index() + 1;
		$('body').data('cur_slide', item_num);
		$('#image_1').stop();
		change_image(item_id,item_num); 
	});
	
	$('#next_img').click(function(){
		if(active != true)
		{
		active = true;
		var next_slide = $('body').data('cur_slide') + 1;
		$('body').data('cur_slide', $('body').data('cur_slide')+1);
		if(next_slide > $('body').data('num_of_slides'))
		{
			next_slide = 1;
			$('body').data('cur_slide',1);
		}
		
		var slide_id = 'thumb_' + next_slide;
		change_image(slide_id, next_slide);
		active = false;
		}
	});
	
	$('#prev_img').click(function(){
		var next_slide =  $('body').data('cur_slide') - 1;
		$('body').data('cur_slide', $('body').data('cur_slide')-1);
		if(next_slide < 1)
		{
			next_slide = $('body').data('num_of_slides');
			$('body').data('cur_slide',$('body').data('num_of_slides'));
		}
		
		var slide_id = 'thumb_' + next_slide;
		change_image(slide_id, next_slide);
	});
});