$(document).ready(function(){
	var badBrowser = (/MSIE ((5\.5)|6)/.test(navigator.userAgent) && navigator.platform == "Win32");
	if (badBrowser) {
		$("#catalog_big_img").pngfix( { sizingMethod: "crop" } );
		$("#logo a img").pngfix( { sizingMethod: "crop" } );
		$(".thumb").pngfix( { sizingMethod: "crop" } );
	}

	//Gallery
	var lift_floor = 0;
	var lift_offset = 104;
	var lift_viewport = 4;
	var lift_size = $("#catalog_list li").size();
	var number = 0;

	$("#catalog_list_up a").click(function(event){
		if(lift_floor > 0){
			lift_floor--;
			$("#catalog_list").animate({top: -(lift_offset * lift_floor)},"slow");
			//$("#article").append(lift_floor);
		}
		return false;

	});

	$("#catalog_list_down a").click(function(event){
		if(lift_floor + lift_viewport < lift_size){
			lift_floor++;
			$("#catalog_list").animate({top: -(lift_offset * lift_floor)}, "slow");
			//$("#article").append(lift_floor);
		}
		return false;
	});

	$(".thumb").click(function(event){

		$("#link").attr('href', $(this).attr('link'));
		$("#img_placeholder").attr('src', $(this).attr('href'));
		$("#img_placeholder").attr('alt', $(this).attr('alt'));
		$(".model_text").remove();
		$("#model").append("<div class='model_text'>"+ $(this).attr('model') +"</div>");
		//$(".material_text").remove();
		//$("#material").append("<div class='material_text'>"+ $(this).attr('material') +"</div>");
		$(".article_text").remove();
		$("#article").append("<div class='article_text'>"+ $(this).attr('article') +"</div>");
		$(".price_text").remove();
		$("#price").append("<div class='price_text'>"+ $(this).attr('price') +"</div>");

		number = $(this).attr('number');
        if(number == (lift_floor + lift_viewport - 1)) {
        	if(lift_floor + lift_viewport < lift_size){
				lift_floor++;
				$("#catalog_list").animate({top: -(lift_offset * lift_floor)}, "slow");
				//$("#article").append(lift_floor);
			}
        }
        if(number == lift_floor) {
        	if(lift_floor > 0){
			lift_floor--;
			$("#catalog_list").animate({top: -(lift_offset * lift_floor)},"slow");
			//$("#article").append(lift_floor);
		}
        }

		return false;

	});

	$(".thumb").each(function(i){
   		$(this).attr('number', i);
 	});



	$("#link").attr('href', $(".thumb").attr('link'));
	$("#img_placeholder").attr('src', $(".thumb").attr('href'));
	$("#img_placeholder").attr('alt', $(".thumb").attr('alt'));
	$("#model").append("<div class='model_text'>"+ $(".thumb").attr('model') +"</div>");
	//$("#material").append("<div class='material_text'>"+ $(".thumb").attr('material') +"</div>");
	$("#article").append("<div class='article_text'>"+ $(".thumb").attr('article') +"</div>");
	$("#price").append("<div class='price_text'>"+ $(".thumb").attr('price') +"</div>");
});