var previously_selected_article_scan_div = 'none';
var selected_article = 'libert';
var previously_selected_article = 'none';
var selectednav_scan = 0;
var selectednav_fr = 0;
var selectednav_en = 0;

window.addEvent('domready',
function() {
	
    if (!window.data_path) window.data_path = '/json/';
    var data_path = window.data_path;

    if (!window.images_path) window.images_path = '/images/';
    var images_path = window.images_path;
	
    var gallery = $('gallery');

	var userLang = (navigator.language) ? navigator.language : navigator.userLanguage; 

    var addImages = function(images) {
        images.each(function(image) {
            var el = new Element('div', {
                'class': 'preview'
            });
            var name = new Element('h3', {'html': image.description}).inject(gallery);
            //			var desc = new Element('span', {'html': image.description}).inject(name, 'after');
            //			var img = new Element('img', {'src': images_path + image.src}).inject(desc, 'after');
            //			var footer = new Element('span').inject(img, 'after');
            var img = new Element('img', {
                'src': images_path + image.src
            }).inject(gallery);

            //			if (image.views > 50 && image.views < 250) footer.set({'html': 'popular', 'class': 'popular'});
            //			else if (image.views > 250) footer.set({'html': 'SUPERpopular', 'class': 'SUPERpopular'});
            //			else footer.set({'html': 'normal', 'class': 'normal'});
            //			el.inject(gallery);
        });
    };

    var list = $$('#videos_ul li img');
    list.each(function(element) {
        var fx = new Fx.Morph
        (
        element,
        {
            duration: 100,
            transition: Fx.Transitions.Bounce.easeOut,
            link: 'chain'
        }
        );

        element.addEvent('mouseenter',
        function(e) {
            e.stop();
            fx.start('.moveup');
        });
        element.addEvent('mouseleave',
        function(e) {
            e.stop();
            fx.start('.movedown');
        });

        element.addEvent('mousedown',
        function(e) {
		selectednav_scan = 1;
		$('div_scan').setStyle('margin-top', '5px');
		$('div_scan').setStyle('margin-bottom', '15px');
			$('div_scan_c').setStyle('border-bottom', '4px solid purple');			
			$('div_en_c').setStyle('border-bottom', '2px solid purple');			
			$('div_fr_c').setStyle('border-bottom', '2px solid purple');			
		
		selectednav_en = 0;
		$('div_en').setStyle('margin-top', '10px');
		$('div_en').setStyle('margin-bottom', '10px');
		selectednav_fr = 0;
		$('div_fr').setStyle('margin-top', '10px');
		$('div_fr').setStyle('margin-bottom', '10px');
            e.stop();
            selected_article = element.id;
            if (previously_selected_article != selected_article) {
                previously_selected_article = selected_article;
                var arturl = data_path + selected_article + '.json';
                var request = new Request.JSON({
                    method: 'get',
                    url: arturl,
                    onComplete: function(jsonObj) {
                        gallery.empty();
                        addImages(jsonObj.image);
                    }
                }).send();
            }
        });
    });
	
	
	
    var list = $$('#nav ul li div div');
    list.each(function(element) {
        var fx = new Fx.Morph
        (
        element,
        {
            duration: 100,
            transition: Fx.Transitions.Bounce.easeOut,
            link: 'chain'
        }
        );

        element.addEvent('mouseenter',
        function(e) {
            e.stop();
            fx.start('.naventer');
        });
        element.addEvent('mouseleave',
        function(e) {
           e.stop();
		   if(selectednav_scan==1 && element.id == 'div_scan') return;
		   if(selectednav_fr==1 && element.id == 'div_fr') return;
		   if(selectednav_en==1 && element.id == 'div_en') return;
           fx.start('.navmovedown');
        });
    });	
	
	
});

function showScript(txt) {
	selectednav_scan = 0;
	$('div_scan_c').setStyle('border-bottom', '2px solid purple');			
	if(txt == 'en'){
		$('div_en_c').setStyle('border-bottom', '4px solid purple');			
		selectednav_en = 1;
		selectednav_scan = 0;
		$('div_scan').setStyle('margin-top', '10px');
		$('div_scan').setStyle('margin-bottom', '10px');
		selectednav_fr = 0;
		$('div_fr').setStyle('margin-top', '10px');
		$('div_fr').setStyle('margin-bottom', '10px');
		var arturl = data_path + selected_article + '_txt'+txt+'.json';
		var request = new Request.JSON({
			method: 'get',
			url: arturl,
			onComplete: function(jsonObj) {
				gallery.empty();
				var desc1 = new Element('h3', {'html': jsonObj.description}).inject(gallery);			
				var g2 = new Element('div', 
				{'class': "goog-trans-control googtr", 'align':"center"}
				);			
				var h3 = new Element('h4', {'html': g2.outerHTML});			
				var g1 = new Element('div',
				 {'class': "goog-trans-section", 'lang':'fr', 'html':h3.outerHTML+jsonObj.html}
				 );		
				var p1 = new Element('p',
				 {'html':g1.outerHTML}
				 ).inject(gallery);			


//				var name1 = new Element('h3', {'html': jsonObj.description}).inject(gallery);			
//				var name2 = new Element('p', {'html': jsonObj.html}).inject(gallery);

//<div class="goog-trans-section" lang="fr">
//<h1><div class="goog-trans-control"></div></h1>
//Elle reçoit dans un appartement clair et dépouillé.
//</div>

				var js1 = new Element('script', {'src': "//translate.google.com/translate_a/element.js?cb=googleSectionalElementInit&ug=section"}).inject(gallery);


//  var gt = new google.translate.SectionalElement({
//    sectionalNodeClassName: 'goog-trans-section',
//    controlNodeClassName: 'goog-trans-control',
//    background: '#ffffcc'
//  }, 'google_sectional_element');
			}
		}).send();
	}else if(txt == 'fr'){
		$('div_fr_c').setStyle('border-bottom', '4px solid purple');			
		selectednav_fr = 1;
		selectednav_scan = 0;
		$('div_scan').setStyle('margin-top', '10px');
		$('div_scan').setStyle('margin-bottom', '10px');
		selectednav_en = 0;
		$('div_en').setStyle('margin-top', '10px');
		$('div_en').setStyle('margin-bottom', '10px');
		var arturl = data_path + selected_article + '_txt'+txt+'.json';
		var request = new Request.JSON({
			method: 'get',
			url: arturl,
			onComplete: function(jsonObj) {
				gallery.empty();
				var name = new Element('h3', {'html': jsonObj.description}).inject(gallery);			
				var name = new Element('p', {'html': jsonObj.html}).inject(gallery);
			}
		}).send();
	}
};
function showScan() {
		$('div_scan_c').setStyle('border-bottom', '4px solid purple');			
		selectednav_scan = 1;
		selectednav_en = 0;
		$('div_en').setStyle('margin-top', '10px');
		$('div_en').setStyle('margin-bottom', '10px');
		$('div_en_c').setStyle('border-bottom', '2px solid purple');			
		selectednav_fr = 0;
		$('div_fr').setStyle('margin-top', '10px');
		$('div_fr').setStyle('margin-bottom', '10px');
		$('div_fr_c').setStyle('border-bottom', '2px solid purple');			
//					$('div_en_c').setStyle('width', '300px');
//					$('div_en_c').setStyle('color', '#ff00ff');
//					$('div_en_c').setStyle('border', '20px solid green');
//					return;				
		var arturl = data_path + selected_article + '.json';
		var request = new Request.JSON({
			method: 'get',
			url: arturl,
			onComplete: function(jsonObj) {
				gallery.empty();
				jsonObj.image.each(function(image){
					var name = new Element('h3', {'html': image.description}).inject(gallery);
					var img = new Element('img', {
						'src': images_path + image.src
					}).inject(gallery);
				});
			}
		}).send();
};