var img_width = 950;
var img_height = 380;
var h_offset = 0;
var v_offset = 0;
var cur_wagon = "";
jQuery.noConflict();
jQuery(document).ready(function () {
	//update_title();
	
	jQuery("img[name='voiture'], img[name='loupe']").click(function () {
		if (jQuery(this).attr("name") == "loupe") cur_wagon = jQuery(this).attr("id").substr(6);
		else cur_wagon = jQuery(this).attr("id");
		show_all(1);
	});
	
	jQuery(".next_wagon").click(function () {
		update_image("next");
	});
	
	jQuery(".prev_wagon").click(function () {
		update_image("previous");
	});
	
	jQuery(".wagons_image, .bottom_closer").click(function () {
		clear_screen(1);
	});
	
	jQuery(".bottom_print").click(function () {
		launch_print();
	});
	
	jQuery(window).scroll(function () {
		jQuery(".wagons_image").css("top", document.documentElement.scrollTop + v_offset);
		jQuery(".top_logo").css("top", document.documentElement.scrollTop + v_offset);
		jQuery(".bottom_print").css("top", document.documentElement.scrollTop + document.documentElement.clientHeight - v_offset - 23);
		jQuery(".bottom_closer").css("top", document.documentElement.scrollTop + document.documentElement.clientHeight - v_offset - 23);
		jQuery(".prev_wagon").css("top", document.documentElement.scrollTop + document.documentElement.clientHeight - v_offset - 32);
		jQuery(".next_wagon").css("top", document.documentElement.scrollTop + document.documentElement.clientHeight - v_offset - 32);
	});
	
	jQuery("img[name='loupe'], img[name='voiture'], .wagons_image, .bottom_print, .bottom_closer, .prev_wagon, .next_wagon").hover(function () {
		jQuery(this).css("cursor","pointer");
	});
	
});

function update_list_wagons () {
	//update_title();
	if (jQuery("select option:selected").val() == "tgv" && jQuery(".tdn").length > 0) {
		jQuery(".wagons_hidden").attr("class","tgv");
		jQuery(".tdn").attr("class","wagons_hidden");
	} else if (jQuery("select option:selected").val() == "tdn" && jQuery(".tgv").length > 0) {
		jQuery(".wagons_hidden").attr("class","tdn");
		jQuery(".tgv").attr("class","wagons_hidden");
	}
}

function update_title () {
	var title = jQuery("select option:selected").text();
	jQuery(".wagons_title").html("<h2>"+title.substring(0,title.length - 3)+"</h2>");
}

function show_loader () {
	jQuery(".ajax_loader").css("left", (document.documentElement.clientWidth - 64) / 2);
	jQuery(".ajax_loader").css("top", document.documentElement.scrollTop + (document.documentElement.clientHeight - 64) / 2);
	jQuery(".ajax_loader").show();
}

function show_bg () {
	jQuery("body").append("<div class=\"wagons_image_bg\"></div>");
	jQuery(".wagons_image_bg").css("height", jQuery("body").height() + 31);
	jQuery(".wagons_image_bg").show();
}

function show_image () {
	jQuery(".wagons_image").append("<img name=\"current_img\" width=\"100%\"/>");
	jQuery("img[name='current_img']").load(function () {
		jQuery(".ajax_loader").hide();
		show_closers();
		jQuery(".wagons_image").fadeIn(500);
	});
	jQuery("img[name='current_img']").attr("src", "../../img/wagons/" + cur_wagon + ".jpg");
	h_offset = (document.documentElement.clientWidth - img_width) / 2;
	v_offset = (document.documentElement.clientHeight - img_height) / 2;
	jQuery(".wagons_image").css("left", h_offset);
	jQuery(".wagons_image").css("top", document.documentElement.scrollTop + v_offset);
}

function show_closers () {
	var decalage_ie = 0;
	if (jQuery.browser.msie) decalage_ie = 1;
	jQuery(".top_logo").css("right", (h_offset + decalage_ie)+10);
	jQuery(".top_logo").css("top", (document.documentElement.scrollTop + v_offset)+5);
	jQuery(".bottom_print").css("right", h_offset + decalage_ie + 24);
	jQuery(".bottom_print").css("top", document.documentElement.scrollTop + document.documentElement.clientHeight - v_offset - 23);
	jQuery(".bottom_closer").css("right", h_offset + decalage_ie);
	jQuery(".bottom_closer").css("top", document.documentElement.scrollTop + document.documentElement.clientHeight - v_offset - 23);
	jQuery(".top_logo").fadeIn(500);
	jQuery(".bottom_print").fadeIn(500);
	jQuery(".bottom_closer").fadeIn(500);
}

// Non utilisé pour l'instant (navigation sur les grandes images)
function show_navigation () {
	var max = (cur_wagon.substr(0,3) == "tgv")?8:4;
	
	if (cur_wagon.substring(12) > 1) {
		jQuery(".prev_wagon").css("top", document.documentElement.scrollTop + document.documentElement.clientHeight - v_offset - 32);
		jQuery(".prev_wagon").css("left", (document.documentElement.clientWidth / 2) - 48);
		jQuery(".prev_wagon").fadeIn(500);
	}
	
	if (cur_wagon.substring(12) < max) {
		jQuery(".next_wagon").css("top", document.documentElement.scrollTop + document.documentElement.clientHeight - v_offset - 32);
		jQuery(".next_wagon").css("right", (document.documentElement.clientWidth / 2) - 48);
		jQuery(".next_wagon").fadeIn(500);
	}
}

function show_all (bg) {
	if (bg) show_bg ();
	jQuery("#flash-slide").css("visibility","hidden");
	show_loader ();
	show_image ();
	//show_navigation ();
}

function update_image (direction) {
	var base = cur_wagon.substring(0,12);
	var number = cur_wagon.substring(12);
	if (direction == "next") cur_wagon = base + (++number);
	else cur_wagon = base + (--number);
	clear_screen(0);
	show_all(0);
}

function clear_screen (bg) {
	jQuery(".wagons_image").empty();
	jQuery(".wagons_image").hide();
	if (bg) jQuery(".wagons_image_bg").remove();
	jQuery("#flash-slide").css("visibility","visible");
	jQuery(".top_logo").hide();
	jQuery(".bottom_closer").hide();
	jQuery(".bottom_print").hide();
	jQuery(".prev_wagon").hide();
	jQuery(".next_wagon").hide();
}

function launch_print() {
	window.open("../include/autres/print_wagon.php?wagon=" + cur_wagon);
}