// JavaScript Document

	//on dom ready...
window.addEvent('domready', function() {

    if($('button_200'))
	{
		/* ajax replace element text */
		$('button_200').addEvent('click', function(event) {
			
			$$('.firstdiv').set('class', 'content-view-line');
			
            $('images_200').set('class', 'visible');
            $('images_201').set('class', 'hide');
            $('images_202').set('class', 'hide');
            $('images_203').set('class', 'hide');
            $('images_204').set('class', 'hide');
            $('images_205').set('class', 'hide');
            $('images_206').set('class', 'hide');
            
			$('button_200').set('class', 'year_selected');
			$('button_201').set('class', '');
			$('button_202').set('class', '');
			$('button_203').set('class', '');
			$('button_204').set('class', '');
			$('button_205').set('class', '');
			
			var href = $('button_200').get('href');
			var lang = '';
			var url = '';
			
			if(href.contains('/eng/'))
			{
				href = href.replace('/eng/','/');
				lang = '/eng';
			}

			if(href.contains('/esl/'))
			{
				href = href.replace('/esl/','/');
				lang = '/esl';
			}

			if(href.contains('/ger/'))
			{
				href = href.replace('/ger/','/');
				lang = '/ger';
			}
			
			url = lang+'/layout/set/blank'+href;
			
			
			
            //prevent the page from changing
			event.stop();
			//make the ajax call, replace text
			
			var req_200 = new Request.HTML({
				method: 'get',
				url: url,
				data: { 'do' : '1' },
				onRequest: function() { 
                
                },
				update: $('images_200')/*,
				onComplete: function(response) { $('images_200').setHTML(response);
				}*/
			}).send();
												   
		});
	}
	
	if($('button_201'))
	{
		/* ajax replace element text */
		$('button_201').addEvent('click', function(event) {
			
			$$('.firstdiv').set('class', 'content-view-line');
			
            $('images_200').set('class', 'hide');
            $('images_201').set('class', 'visible');
            $('images_202').set('class', 'hide');
            $('images_203').set('class', 'hide');
            $('images_204').set('class', 'hide');
            $('images_205').set('class', 'hide');
            $('images_206').set('class', 'hide');
            
			$('button_200').set('class', '');
			$('button_201').set('class', 'year_selected');
			$('button_202').set('class', '');
			$('button_203').set('class', '');
			$('button_204').set('class', '');
			$('button_205').set('class', '');
			$('button_206').set('class', '');
			
			var href = $('button_201').get('href');
			var lang = '';
			var url = '';
			
			if(href.contains('/eng/'))
			{
				href = href.replace('/eng/','/');
				lang = '/eng';
			}

			if(href.contains('/esl/'))
			{
				href = href.replace('/esl/','/');
				lang = '/esl';
			}

			if(href.contains('/ger/'))
			{
				href = href.replace('/ger/','/');
				lang = '/ger';
			}
			
			url = lang+'/layout/set/blank'+href;
			
            //prevent the page from changing
			event.stop();
			//make the ajax call, replace text
			var req = new Request.HTML({
				method: 'get',
				url: url,
				data: { 'do' : '1' },
				onRequest: function() { 
				
                },
				update: $('images_201')/*,
				onComplete: function(response) { $('images_201').setHTML(response);
				}*/
			}).send();
		});
	}
    
    if($('button_202'))
    {
        /* ajax replace element text */
        $('button_202').addEvent('click', function(event) {
            
			$$('.firstdiv').set('class', 'content-view-line');
			
            $('images_200').set('class', 'hide');
            $('images_201').set('class', 'hide');
            $('images_202').set('class', 'visible');
            $('images_203').set('class', 'hide');
            $('images_204').set('class', 'hide');
            $('images_205').set('class', 'hide');
            $('images_206').set('class', 'hide');
			
			$('button_200').set('class', '');
			$('button_201').set('class', '');
			$('button_202').set('class', 'year_selected');
			$('button_203').set('class', '');
			$('button_204').set('class', '');
			$('button_205').set('class', '');
			$('button_206').set('class', '');
			
			var href = $('button_202').get('href');
			var lang = '';
			var url = '';
			
			if(href.contains('/eng/'))
			{
				href = href.replace('/eng/','/');
				lang = '/eng';
			}

			if(href.contains('/esl/'))
			{
				href = href.replace('/esl/','/');
				lang = '/esl';
			}

			if(href.contains('/ger/'))
			{
				href = href.replace('/ger/','/');
				lang = '/ger';
			}
			
			url = lang+'/layout/set/blank'+href;
            
            //prevent the page from changing
            event.stop();
            //make the ajax call, replace text
            var req = new Request.HTML({
                method: 'get',
                url: url,
                data: { 'do' : '1' },
                onRequest: function() { 
                
                },
                update: $('images_202')/*,
                onComplete: function(response) { $('images_202').setHTML(response);
                }*/
            }).send();
        });
    }
    
    if($('button_203'))
    {
        /* ajax replace element text */
        $('button_203').addEvent('click', function(event) {
            
			$$('.firstdiv').set('class', 'content-view-line');
			
            $('images_200').set('class', 'hide');
            $('images_201').set('class', 'hide');
            $('images_202').set('class', 'hide');
            $('images_203').set('class', 'visible');
            $('images_204').set('class', 'hide');
            $('images_205').set('class', 'hide');
            $('images_206').set('class', 'hide');
			
			$('button_200').set('class', '');
			$('button_201').set('class', '');
			$('button_202').set('class', '');
			$('button_203').set('class', 'year_selected');
			$('button_204').set('class', '');
			$('button_205').set('class', '');
			$('button_206').set('class', '');
            
			var href = $('button_203').get('href');
			var lang = '';
			var url = '';
			
			if(href.contains('/eng/'))
			{
				href = href.replace('/eng/','/');
				lang = '/eng';
			}

			if(href.contains('/esl/'))
			{
				href = href.replace('/esl/','/');
				lang = '/esl';
			}

			if(href.contains('/ger/'))
			{
				href = href.replace('/ger/','/');
				lang = '/ger';
			}
			
			url = lang+'/layout/set/blank'+href;
			
            //prevent the page from changing
            event.stop();
            //make the ajax call, replace text
            var req = new Request.HTML({
                method: 'get',
                url: url,
                data: { 'do' : '1' },
                onRequest: function() { 
                
                },
                update: $('images_203')/*,
                onComplete: function(response) { $('images_203').setHTML(response);
                }*/
            }).send();
        });
    }
    
    if($('button_204'))
    {
        /* ajax replace element text */
        $('button_204').addEvent('click', function(event) {
            
            $$('.firstdiv').set('class', 'content-view-line');
			
			$('images_200').set('class', 'hide');
            $('images_201').set('class', 'hide');
            $('images_202').set('class', 'hide');
            $('images_203').set('class', 'hide');
            $('images_204').set('class', 'visible');
            $('images_205').set('class', 'hide');
            $('images_206').set('class', 'hide');
			
			$('button_200').set('class', '');
			$('button_201').set('class', '');
			$('button_202').set('class', '');
			$('button_203').set('class', '');
			$('button_204').set('class', 'year_selected');
			$('button_205').set('class', '');
			$('button_206').set('class', '');			
            
			var href = $('button_204').get('href');
			var lang = '';
			var url = '';
			
			if(href.contains('/eng/'))
			{
				href = href.replace('/eng/','/');
				lang = '/eng';
			}

			if(href.contains('/esl/'))
			{
				href = href.replace('/esl/','/');
				lang = '/esl';
			}

			if(href.contains('/ger/'))
			{
				href = href.replace('/ger/','/');
				lang = '/ger';
			}
			
			url = lang+'/layout/set/blank'+href;
			
            //prevent the page from changing
            event.stop();
            //make the ajax call, replace text
            var req = new Request.HTML({
                method: 'get',
                url: url,
                data: { 'do' : '1' },
                onRequest: function() { 
                
                },
                update: $('images_204')/*,
                onComplete: function(response) { $('images_204').setHTML(response);
                }*/
            }).send();
        });
    }
    
    if($('button_205'))
    {
        /* ajax replace element text */
        $('button_205').addEvent('click', function(event) {
            
            $$('.firstdiv').set('class', 'content-view-line');
			
			$('images_200').set('class', 'hide');
            $('images_201').set('class', 'hide');
            $('images_202').set('class', 'hide');
            $('images_203').set('class', 'hide');
            $('images_204').set('class', 'hide');
            $('images_205').set('class', 'visible');
            $('images_206').set('class', 'hide');
			
			$('button_200').set('class', '');
			$('button_201').set('class', '');
			$('button_202').set('class', '');
			$('button_203').set('class', '');
			$('button_204').set('class', '');
			$('button_205').set('class', 'year_selected');
			$('button_206').set('class', '');
            
			var href = $('button_205').get('href');
			var lang = '';
			var url = '';
			
			if(href.contains('/eng/'))
			{
				href = href.replace('/eng/','/');
				lang = '/eng';
			}

			if(href.contains('/esl/'))
			{
				href = href.replace('/esl/','/');
				lang = '/esl';
			}

			if(href.contains('/ger/'))
			{
				href = href.replace('/ger/','/');
				lang = '/ger';
			}
			
			url = lang+'/layout/set/blank'+href;
			
            //prevent the page from changing
            event.stop();
            //make the ajax call, replace text
            var req = new Request.HTML({
                method: 'get',
                url: url,
                data: { 'do' : '1' },
                onRequest: function() { 
                
                },
                update: $('images_205')/*,
                onComplete: function(response) { $('images_205').setHTML(response);
                }*/
            }).send();
        });
    }
    
    if($('button_206'))
    {
        /* ajax replace element text */
        $('button_206').addEvent('click', function(event) {
            
            $$('.firstdiv').set('class', 'content-view-line');
			
			$('images_200').set('class', 'hide');
            $('images_201').set('class', 'hide');
            $('images_202').set('class', 'hide');
            $('images_203').set('class', 'hide');
            $('images_204').set('class', 'hide');
            $('images_205').set('class', 'hide');
            $('images_206').set('class', 'visible');
			
			$('button_200').set('class', '');
			$('button_201').set('class', '');
			$('button_202').set('class', '');
			$('button_203').set('class', '');
			$('button_204').set('class', '');
			$('button_205').set('class', '');
			$('button_206').set('class', 'year_selected');
            
			var href = $('button_206').get('href');
			var lang = '';
			var url = '';
			
			if(href.contains('/eng/'))
			{
				href = href.replace('/eng/','/');
				lang = '/eng';
			}

			if(href.contains('/esl/'))
			{
				href = href.replace('/esl/','/');
				lang = '/esl';
			}

			if(href.contains('/ger/'))
			{
				href = href.replace('/ger/','/');
				lang = '/ger';
			}
			
			url = lang+'/layout/set/blank'+href;
			
            //prevent the page from changing
            event.stop();
            //make the ajax call, replace text
            var req = new Request.HTML({
                method: 'get',
                url: url,
                data: { 'do' : '1' },
                onRequest: function() { 
                
                },
                update: $('images_206')/*,
                onComplete: function(response) { $('images_206').setHTML(response);
                }*/
            }).send();
        });
    }
});