$(document).ready(initPage);

var lastInfo = null;


function initPage(){
	lastInfo = 'btn_fait_canada';
	var couleur = $("#couleurDefault").val();
    //$(".coul_"+couleur).addClass('current').show();
    $(".couleur").click(showManteaux);	
	$(".couleur").click(showManteauxInfo);
	$(".contenu_bas_background:first").addClass('current').show();
//	$(".contenu_bas_background:first").css({'background-position':'bottom'});
    $(".btn_plus_details").click(showInformation);
    $(".btn_plus_details2").click(showInformation2);
	if (couleur == '') {
		$(".couleur:first").trigger('click');
	} else {
		$("#couleur_"+couleur).trigger('click');		
	}
    	
}

function showManteaux() {

    var quel = $(this).attr('id');
	if ($('#manteaux_' + quel).hasClass('current') == false) {
		$('#box_image_manteau .current').removeClass('current').hide();
		//fadeOut(500);
			$('#manteaux_' + quel).addClass('current').fadeIn(250);
			activateJQZoom($('#manteaux_'+quel));
	}
    return false;
}

function showManteauxInfo(){
	var quel=$(this).attr('title');
	
	$('#couleur').text(quel);
	
	return false;
	
}





function showInformation2() {

    var quel = $(this).attr('id').substring(0,$(this).attr('id').length - 1);	
	if ($('#contenu_bas_' + quel).hasClass('current') == false) {
		$('#'+lastInfo).removeClass(lastInfo+"_select").addClass(lastInfo);
		$('.contenu_bas_background.current').removeClass('current').hide();
		 $('#'+quel).removeClass(quel).addClass(quel+"_select");
			$('#contenu_bas_' + quel).addClass('current').slideDown(250);
		lastInfo = quel;		
	}	
    return false;
}

function showInformation() {

    var quel = $(this).attr('id');	
	if ($('#contenu_bas_' + quel).hasClass('current') == false) {
		$('#'+lastInfo).removeClass(lastInfo+"_select").addClass(lastInfo);
		$('.contenu_bas_background.current').removeClass('current').hide();
		 $(this).removeClass(quel).addClass(quel+"_select");
			$('#contenu_bas_' + quel).addClass('current').slideDown(250);
		lastInfo = quel;		
	}	
    return false;
}

function activateJQZoom(image) {
	var options = {
	    zoomWidth: 400,
	    zoomHeight: 400,

	    xOffset: 87,
	    yOffset: -91,
	    preloadText: 'Chargement zoom',

	    position: "right" //and MORE OPTIONS
	};
	image.jqzoom(options); 
}

$(document).ready(function(){
	activateJQZoom($(".manteaux:first"));
	$("#box_vue360").click(function() {
		$("#video_demo_content").modal({ 
			overlayClose: true,
			containerCss: {
				width: 640,
				height: 400
			}
		});
	});
});