// JavaScript Document
function changeBigImages(path) {
	var newObjImages = new Image();
	var objImage = document.getElementById('BigImages');
	var objDivScreen = document.getElementById('Screenshots');
	objDivScreen.style.height = (objImage.height) ? ((objImage.height >= 1) ? 20+objImage.height : 100) : 'auto';
	newObjImages.onload = function () {
		objImage.src = newObjImages.src;	
		objDivScreen.style.height = (newObjImages.height) ? ((newObjImages.height >= 1) ? 20+newObjImages.height : 100) : 'auto';
		$('#BigImages').fadeIn("normal");
	}
	$('#BigImages').fadeOut("normal", function(){newObjImages.src = path;});	
}

$(function () {
	$('.preview_images .images_list a').each(function (i) {
		if (i==0) {
			changeBigImages($(this).attr('rel'));
		}
	});
	$('.preview_images .images_list a').click(function () {
                changeBigImages($(this).attr('rel'));
	});
	
	// small Slider
	var count_view = 4;
	var count_all = 0;
	var start = 0;
	var finish = 3;
	$('.preview_images .images_list ul li').each(function (i) { // auto action
		if (i>=count_view) $('.right_button a').css({'display':'block'});
		$('.preview_images .images_list ul').css({'width':((i+1)*166)+'px'});
		count_all = i;
	});
	
	$('.left_button a').click(function () { // action button left
		$('.preview_images .images_list ul li').animate({left:'+=166'},500);
		start -= 1; finish -= 1;
		if (finish < count_all) $('.right_button a').css({'display':'block'})
		if (start == 0) $('.left_button a').css({'display':'none'})
		return false;
	});
	$('.right_button a').click(function () { // action button rigth
		$('.preview_images .images_list ul li').animate({left:'-=166'},500);			
		start += 1; finish += 1;
		if (finish >= count_all) $('.right_button a').css({'display':'none'})
		if (start > 0) $('.left_button a').css({'display':'block'})
		return false;
	});
});