/**
 * @author nurun
 */

var updateAnswerSheet = {

	clickValid : true,

	init:function(){
		$('#next').click(
			function(){ 
				 $.ajax({
					   type: "GET",
					   url: this.href+'&ajax=true',
					   //url: '/tmp/fakeAjaxAnswer.html',
					   success: function(retour){
						if(updateAnswerSheet.clickValid){
							updateAnswerSheet.handleResponseNext(retour);
							var temp = new Array();
							temp = retour.split('<span id="Ga">');
							temp = temp[1].split('</span>');
							_url = _url = '/' + jQuery.trim(temp[0]);
							GATracker.init('UA-7824708-1', _url);
							var propertyID = $('#tracker').text();
							GATracker.init(propertyID, _url);
							parentKey = $('#Xiti').text();
							 createXitiAjax.init(_url, parentKey);
						}
					   }, 
					   dataType: "html"
				 });
				return false;
			}
		);
		
		$('#prev').click(
			function(){			
				 $.ajax({
					   type: "GET",
					   url: this.href+'&ajax=true',
					   //url: '/tmp/fakeAjaxAnswer.html',
					   success: function(retour){
						if(updateAnswerSheet.clickValid){
							updateAnswerSheet.handleResponsePrev(retour);
							var temp = new Array();
							temp = retour.split('<span id="Ga">');
							temp = temp[1].split('</span>');
							_url = _url = '/' + jQuery.trim(temp[0]);
							GATracker.init('UA-7824708-1', _url);
							var propertyID = $('#tracker').text();
							GATracker.init(propertyID, _url);
							parentKey = $('#Xiti').text();
							 createXitiAjax.init(_url, parentKey);
						}
					   }, 
					   dataType: "html"
				 });			 
				return false;
			}
		);
	},
	
	handleResponseNext:function(data){
		var time = 1200;
		updateAnswerSheet.clickValid = false;
		$("<div id='answerSheetNext'>"+ data +"</div>").insertAfter("#answerSheet");
		$("#answerSheet").animate({left: "-900px"}, time,"swing",function(){
			$("#answerSheet").remove();
		});
		$("#answerSheetNext").animate({left: "0"}, time,"swing");
        
		if (typeof document.body.style.maxHeight == 'undefined') {
			for( var i= 0, els= $('#answerSheetNext .png'), elsLen= els.size(); i< elsLen; i++ ) {
				var el= els.get(i);
				el.style.background= 'none';
				el.style.filter= 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + el.src + '", sizingMethod="image")';
				el.src= '/img/px.gif';
			}
		}
		setTimeout('$("#answerSheetNext").attr("id","answerSheet");',time+50);
		setTimeout("updateAnswerSheet.clickValid = true;",time+100);
	},
	
	handleResponsePrev:function(data){
		var time = 1200;
		updateAnswerSheet.clickValid = false;
		$("<div id='answerSheetPrev'>"+ data +"</div>").insertBefore("#answerSheet");
		$("#answerSheet").animate({left: "900px"}, time,"swing",function(){
			$("#answerSheet").remove();
		});
		$("#answerSheetPrev").animate({left: "0"}, time,"swing");
        
		if (typeof document.body.style.maxHeight == 'undefined') {
			for( var i= 0, els= $('#answerSheetPrev .png'), elsLen= els.size(); i< elsLen; i++ ) {
				var el= els.get(i);
				el.style.background= 'none';
				el.style.filter= 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + el.src + '", sizingMethod="image")';
				el.src= '/img/px.gif';
			}
		}
		setTimeout('$("#answerSheetPrev").attr("id","answerSheet");',time+50);
		setTimeout("updateAnswerSheet.clickValid = true;",time+100);
	}
}

var updateElaborationSheet = {

	clickValid : true,
	step: 0,
	
	init:function(){
		//alert(updateElaborationSheet.step+' init')
		$('#steps a').click(
			function(){
				var index = $("#steps a").index(this);
				if(index == updateElaborationSheet.step){
					return false;
				}
				var oldStep = updateElaborationSheet.step;
				var Simg = $(this).children().eq(0).attr("alt").toLowerCase();
				if(Simg == 'cognacs'){
					updateElaborationSheet.step = 0;
				} else if(Simg == 'orange'){
					updateElaborationSheet.step = 1;
				} else if(Simg == 'recette'){
					updateElaborationSheet.step = 2;
				} else if(Simg == 'embouteillage'){
					updateElaborationSheet.step = 3;
				}
				

				
				updateElaborationSheet.changeButton(this,oldStep);
				updateElaborationSheet.updateContent(this,oldStep);
				return false;
			}
		);
		updateElaborationSheet.updatePrevNextBtns();
		updateElaborationSheet.showHidePrevNext();
	},
	
	showHidePrevNext:function(){
		if( updateElaborationSheet.step == 0 ){
			$('.previous').hide();
			$('.next').show();
		}
		if( updateElaborationSheet.step > 0 && updateElaborationSheet.step < 3 ){
			$('.previous, .next').show();
		}
		if( updateElaborationSheet.step == 3 ){
			$('.next').hide();
			$('.previous').show();
		}
	},
	
	preventClicks:function(state){
		if (state == 'true'){
			$('#steps a').unbind('click');
			$('#steps a').click(function(){
				return false;
			});
			$('.previous, .next').unbind('click');
			$('.previous, .next').click(function(){
				return false;
			});
		} else {
			$('#steps a').unbind('click');
			$('.previous, .next').unbind('click');
			updateElaborationSheet.init();
		}
	},
	
	updatePrevNextBtns:function(){
		var oldStep = updateElaborationSheet.step;
		$('.next').click(
			function(){
				updateElaborationSheet.step = updateElaborationSheet.step+1;
				updateElaborationSheet.changeButton('',oldStep);
				
				
				$.ajax({
				 		beforeSend: ( function(){	updateElaborationSheet.preventClicks('true');}),
					   type: "GET",
					   url: this.href+'&ajax=true',
					   //url: '/tmp/fakeAjaxElaboration.html',
					   success: function(retour){
							if(updateElaborationSheet.clickValid){
							
								var _url = $(this).attr('href');
								var temp = new Array();
								temp = retour.split('<span id="id_elaboration">');
								temp = temp[1].split('</span>');
								_url = _url = '/' + jQuery.trim(temp[0]);
								GATracker.init('UA-7824708-1', _url);
								var propertyID = $('#tracker').text();
								GATracker.init(propertyID, _url);
								parentKey = $('#Xiti').text();
								createXitiAjax.init(_url, parentKey);
								
								
								updateElaborationSheet.handleResponseNext(retour);
								updateElaborationSheet.showHidePrevNext();
								updateElaborationSheet.updateUpperImage();
							}
					   }, 
					   dataType: "html"
				 });
				return false;
			}
		);
		
		$('.previous').click(
			function(){
				updateElaborationSheet.showHidePrevNext();
				if(updateElaborationSheet.step == 0){
					return false;
				}
				updateElaborationSheet.step = updateElaborationSheet.step-1;
				updateElaborationSheet.changeButton('', oldStep);

				$.ajax({
				 		beforeSend: ( function(){	updateElaborationSheet.preventClicks('true');}),
					   type: "GET",
					   url: this.href+'&ajax=true',
					   //url: '/tmp/fakeAjaxElaboration.html',
					   success: function(retour){
								if(updateElaborationSheet.clickValid){
									var _url = $(this).attr('href');
									var temp = new Array();
									temp = retour.split('<span id="id_elaboration">');
									temp = temp[1].split('</span>');
									_url = _url = '/' + jQuery.trim(temp[0]);
									GATracker.init('UA-7824708-1', _url);
									var propertyID = $('#tracker').text();
									GATracker.init(propertyID, _url);
									parentKey = $('#Xiti').text();
									createXitiAjax.init(_url, parentKey);
									
									updateElaborationSheet.handleResponsePrev(retour);	
									updateElaborationSheet.updateUpperImage();
								}
					   }, 
					   dataType: "html"
				 });
				return false;
			}
		);
	},
	
	updateContent:function(ancre,oldStep){
		$.ajax({
						beforeSend: ( function(){	updateElaborationSheet.preventClicks('true');}),
					   type: "GET",
					   url: ancre.href+'&ajax=true',
					   //url: '/tmp/fakeAjaxElaboration.html',
					   success: function(retour){
							if(updateElaborationSheet.clickValid){
								if(oldStep>updateElaborationSheet.step){
									updateElaborationSheet.handleResponsePrev(retour);
								} else if (oldStep<updateElaborationSheet.step){
									updateElaborationSheet.handleResponseNext(retour);
								} else {
									// do nothing
								}
								
								var _url = $(this).attr('href');
								var temp = new Array();
								temp = retour.split('<span id="id_elaboration">');
								temp = temp[1].split('</span>');
								_url = _url = '/' + jQuery.trim(temp[0]);
								GATracker.init('UA-7824708-1', _url);
								var propertyID = $('#tracker').text();
								GATracker.init(propertyID, _url);
								parentKey = $('#Xiti').text();
								createXitiAjax.init(_url, parentKey);
								updateElaborationSheet.showHidePrevNext();
								updateElaborationSheet.updateUpperImage();
							}
					   }, 
					   dataType: "html"
				 });	
	},
	
	updateUpperImage:function(){
		if( updateElaborationSheet.step == 0 ){
				var oldSrc = $('#steps').prev('h2').children('img').attr('src');
				var oldSrcSplit = oldSrc.split('-');
				var newSrc = oldSrcSplit[0]+'-cognacs.png' ;
					if( isIE6 ){
						var activeImg = $('#steps').prev('h2').children('img');
							activeImg.get(0).filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = activeImg.get(0).filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src.replace('-bottling.', '-cognacs.');
							activeImg.get(0).filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = activeImg.get(0).filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src.replace('-oranges.', '-cognacs.');
							activeImg.get(0).filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = activeImg.get(0).filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src.replace('-recipe.', '-cognacs.');
					} else {
						$('#steps').prev('h2').children('img').attr({'src':newSrc});
					}
				} else if ( updateElaborationSheet.step == 1 ){
					var oldSrc = $('#steps').prev('h2').children('img').attr('src');
					var oldSrcSplit = oldSrc.split('-');
					var newSrc = oldSrcSplit[0]+'-oranges.png' ;
						if( isIE6 ){
							var activeImg = $('#steps').prev('h2').children('img');
							activeImg.get(0).filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = activeImg.get(0).filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src.replace('-cognacs.', '-orange.');
							activeImg.get(0).filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = activeImg.get(0).filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src.replace('-recipe.', '-orange.');
							activeImg.get(0).filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = activeImg.get(0).filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src.replace('-bottling.', '-orange.');
						} else {
							$('#steps').prev('h2').children('img').attr({'src':newSrc});
						}
				} else if ( updateElaborationSheet.step == 2 ){
					var oldSrc = $('#steps').prev('h2').children('img').attr('src');
					var oldSrcSplit = oldSrc.split('-');
					var newSrc = oldSrcSplit[0]+'-recipe.png' ;
						if( isIE6 ){
							var activeImg = $('#steps').prev('h2').children('img');
							activeImg.get(0).filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = activeImg.get(0).filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src.replace('-cognacs.', '-recipe.');
							activeImg.get(0).filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = activeImg.get(0).filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src.replace('-oranges.', '-recipe.');
							activeImg.get(0).filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = activeImg.get(0).filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src.replace('-bottling.', '-recipe.');
						} else {
							$('#steps').prev('h2').children('img').attr({'src':newSrc});
						}
				} else if ( updateElaborationSheet.step == 3 ){
					var oldSrc = $('#steps').prev('h2').children('img').attr('src');
					var oldSrcSplit = oldSrc.split('-');
					var newSrc = oldSrcSplit[0]+'-bottling.png' ;
						if( isIE6 ){
						var activeImg = $('#steps').prev('h2').children('img');
							activeImg.get(0).filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = activeImg.get(0).filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src.replace('-cognacs.', '-bottling.');
							activeImg.get(0).filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = activeImg.get(0).filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src.replace('-oranges.', '-bottling.');
							activeImg.get(0).filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = activeImg.get(0).filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src.replace('-recipe.', '-bottling.');
						} else {
							$('#steps').prev('h2').children('img').attr({'src':newSrc});
						}
				}
	},
	
	handleResponseNext:function(data){
		//alert(updateElaborationSheet.step +'handleResponseNext');
		var time = 1200;
		updateElaborationSheet.clickValid = false;
		$("<div id='elaborationSheetNext'>"+ data +"</div>").insertAfter("#elaborationSheet");
		$("#elaborationSheet").animate({left: "-900px"}, time,"swing",function(){
			$("#elaborationSheet").remove();
			updateElaborationSheet.preventClicks();
		});
		$("#elaborationSheetNext").animate({left: "0"}, time,"swing");
        
		if (typeof document.body.style.maxHeight == 'undefined') {
			for( var i= 0, els= $('#elaborationSheetNext .png'), elsLen= els.size(); i< elsLen; i++ ) {
				var el= els.get(i);
				el.style.background= 'none';
				el.style.filter= 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + el.src + '", sizingMethod="image")';
				el.src= '/img/px.gif';
			}
		}
		setTimeout('$("#elaborationSheetNext").attr("id","elaborationSheet");',time+50);
		setTimeout("updateElaborationSheet.clickValid = true;",time+100);
		setTimeout("GMvideo(updateElaborationSheet.step)",time+100);
	},
	
	handleResponsePrev:function(data){
		var time = 1200;
		updateElaborationSheet.clickValid = false;
		$("<div id='elaborationSheetPrev'>"+ data +"</div>").insertBefore("#elaborationSheet");
		$("#elaborationSheet").animate({left: "900px"}, time,"swing",function(){
			$("#elaborationSheet").remove();
			updateElaborationSheet.preventClicks();
		});
		$("#elaborationSheetPrev").animate({left: "0"}, time,"swing");
        
		if (typeof document.body.style.maxHeight == 'undefined') {
			for( var i= 0, els= $('#elaborationSheetPrev .png'), elsLen= els.size(); i< elsLen; i++ ) {
				//var el= els.get(i);
				el.style.background= 'none';
				el.style.filter= 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + el.src + '", sizingMethod="image")';
				el.src= '/img/px.gif';
			}
		}
		setTimeout('$("#elaborationSheetPrev").attr("id","elaborationSheet");',time+50);
		setTimeout("updateElaborationSheet.clickValid = true;",time+100);
		setTimeout("GMvideo(updateElaborationSheet.step)",time+100);
	},
	changeButton: function(ancre,step){
		if( ancre == '' ){
				if( updateElaborationSheet.step == 0 ){
					ancre = $('#steps a').get(0);
				} else if ( updateElaborationSheet.step == 1 ){
					ancre = $('#steps a').get(1);
				} else if ( updateElaborationSheet.step == 2 ){
					ancre = $('#steps a').get(2);
				} else if ( updateElaborationSheet.step == 3 ){
					ancre = $('#steps a').get(3);
				}
		}
		var activeImg = $('#steps img[src$=-on.png]');
		if (!activeImg.length) {
		    activeImg = $('#steps img:first');
		    if (isIE6) {
		    	activeImg = $('#steps img');
		    }
		}
		if (activeImg.length) {
			    if (isIE6) {
			    	for ( var i = 0; i<4; i++){
			    		activeImg.get(i).filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = activeImg.get(i).filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src.replace('-on.', '-off.');	
			    	}
			    } else {
			        activeImg.get(0).src = activeImg.get(0).src.replace('-on.', '-off.');
			    }
			}
		activeImg = $('img', ancre);
		if (isIE6) {
		    activeImg.get(0).filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = activeImg.get(0).filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src.replace('-off.', '-on.');
		} else {
		    activeImg.get(0).src = activeImg.get(0).src.replace('-off.', '-on.');
		}
	}
}