$(document).ready(function(){

  $('#wrapper').supersleight();
 
  $('#header').load('includes/header.html',function(){
        if($.menuSection!=undefined){
            $('#nav-main').find('li').attr('class','');
            $('#nav-main').find('#'+$.menuSection).attr('class','section');
            var type;
            if($.menuSection == 'novedadesyeventos' || $.menuSection == 'contacto') type='.jsp'
            else type='.html'
        }
        else{
            $('#nav-main').find('li').attr('class','');
            $('#nav-main').find('#index').attr('class','section');
        }
       
       $('.link_lang').click(function(){
			if($.menuSection!=undefined)
				$(this).attr('href','../../lang.do?lang='+ $(this).attr('id')+'&page='+$.menuSection+type+'&country='+$(this).attr('country'));
			else
       			$(this).attr('href','../../lang.do?lang='+ $(this).attr('id')+'&page=index.html'+'&country='+$(this).attr('country'));
  	   });
  });
 
  $('#footer').load('includes/footer.html');

  

  
  fondos = new Array(6);
  fondos[0]= "pattern01.jpg";
  fondos[1]= "pattern02.jpg";
  fondos[2]= "pattern03.jpg";
  fondos[3]= "pattern04.jpg";
  fondos[4]= "pattern05.jpg";
  fondos[5]= "pattern06.jpg";
  aleatorio = Math.random() * (fondos.length)
  aleatorio = Math.floor(aleatorio)
  $('body').attr('style','background:transparent url(../common/img/patterns/'+fondos[aleatorio]+')');
  

  if($.menuSection!=undefined){

        $.ajax({
          type: "GET",
          url: "xml/structure.xml",
          dataType: "xml",
          success: function(xml){
					
                    $(xml).find('section[id='+$.menuSection+']').each(function(){
						  $('#sidebar').append('<h2><a href="'+$(this).attr('id')+'.html">'+$(this).attr('value')+'</a></h2>');
                          $('#sidebar').append('<ul class="nav"></ul>');
							
                          $(this).find('btn').each(
                              function(){
                                  if($(this).children().is('item')){
                                    $('#sidebar .nav').append('<li class="level-1" id="'+$(this).attr('id')+'"><a href="#" class="link-1">'+$(this).attr('value')+'</a><ul class="subitems"></ul></li>');
                                     $(this).find('item').each(
                                      function(){
                                        $('.subitems:last').append('<li class="level-2" id="'+$(this).attr('id')+'"><a href="#" class="link-2">'+$(this).attr('value')+'</a></li>');
                                      }
                                    );
                                  }
                                  else{
                                    $('#sidebar .nav').append('<li class="level-1" id="'+$(this).attr('id')+'"><a href="#" class="link-1">'+$(this).attr('value')+'</a></li>');
                                  }
                              }
                          );
						 
                          $('#sidebar .link-1').click(function(){ 

                                $('#sidebar .link-1').attr('class','link-1');
                                $('#sidebar .link-2').attr('class','link-2');
                                $(this).attr('class','link-1 section');

                                if ($(this).parent().attr('id') == 'quienes_contacto' || $(this).parent().attr('id') == 'quienes_newsletter')
                                	 $('#content').load('sections/'+$(this).parent().attr('id')+'.jsp',function(){$('#content div.main-content').show();});
                              	else $('#content').load('sections/'+$(this).parent().attr('id')+'.html', function(){$('#content div.sidebar-statement').show();});

                                $(xml).find('btn[id='+$(this).parent().attr('id')+']').each(
                                    function(){
                                        $('#breadcrumbs').html($(this).attr('value'));
                                        $('#breadcrumbs').prepend('<a href="'+$(this).parent().attr('id')+'.html">'+$(this).parent().attr('value')+'</a> &raquo; ');
                                        $('#breadcrumbs').prepend('<a href="'+$(this).parent().parent().attr('id')+'.html">'+$(this).parent().parent().attr('value')+'</a> &raquo; ');
                                    }
                                );
                                

                          });

                          $('#sidebar .link-2').click(function(){
								
                                $('#sidebar .link-1').attr('class','link-1');
                                $('#sidebar .link-2').attr('class','link-2');
                                $(this).attr('class','link-2 current');
                                $(this).parents('.level-1').find('a:first').attr('class','link-1 section');

                                $('#content').load('sections/'+$(this).parent().attr('id')+'.html', function(){$('#content div.sidebar-statement').show();});

                                $(xml).find('item[id='+$(this).parent().attr('id')+']').each(
                                    function(){
                                        $('#breadcrumbs').html($(this).attr('value'));
                                        $('#breadcrumbs').prepend('<a href="'+$(this).parent().parent().attr('id')+'.html?id='+$(this).parent().attr('id')+'">'+$(this).parent().attr('value')+'</a> &raquo; ');
                                        $('#breadcrumbs').prepend('<a href="'+$(this).parent().parent().attr('id')+'.html">'+$(this).parent().parent().attr('value')+'</a> &raquo; ');
                                        $('#breadcrumbs').prepend('<a href="'+$(this).parent().parent().parent().attr('id')+'.html">'+$(this).parent().parent().parent().attr('value')+'</a> &raquo; ');
                                    }
                                );

                          });


                    });


                    if($(document).getUrlParam("id")!=null){
                        var idSection = $(document).getUrlParam("id");
                        if($(xml).find('btn[id='+idSection+']').attr('value')!=undefined){
                              $('#'+idSection).find('.link-1').attr('class','link-1 section');

                              if (idSection == 'quienes_contacto' || idSection == 'quienes_newsletter'){
                                	 $('#content').load('sections/'+idSection+'.jsp',function(){$('#content div.main-content').show();});

                              }
                              else $('#content').load('sections/'+idSection+'.html');

                              $(xml).find('btn[id='+idSection+']').each(
                                  function(){
                                        $('#breadcrumbs').html($(this).attr('value'));
                                        $('#breadcrumbs').prepend('<a href="'+$(this).parent().attr('id')+'.html">'+$(this).parent().attr('value')+'</a> &raquo; ');
                                        $('#breadcrumbs').prepend('<a href="'+$(this).parent().parent().attr('id')+'.html">'+$(this).parent().parent().attr('value')+'</a> &raquo; ');
                                  }
                              );
                          }

                          else if($(xml).find('item[id='+idSection+']').attr('value')!=undefined){
                                
								$('#'+idSection).parents('.level-1').find('a:first').attr('class','link-1 section');
								$('#sidebar .link-2').attr('class','link-2');
								$('.subitems #'+idSection).find('.link-2').attr('class','link-2 current');
								
                                $('#content').load('sections/'+idSection+'.html');

                                $(xml).find('item[id='+idSection+']').each(
                                    function(){
                                          $('#breadcrumbs').html($(this).attr('value'));
                                          $('#breadcrumbs').prepend('<a href="'+$(this).parent().parent().attr('id')+'.html?id='+$(this).parent().attr('id')+'">'+$(this).parent().attr('value')+'</a> &raquo; ');
                                          $('#breadcrumbs').prepend('<a href="'+$(this).parent().parent().attr('id')+'.html">'+$(this).parent().parent().attr('value')+'</a> &raquo; ');
                                          $('#breadcrumbs').prepend('<a href="'+$(this).parent().parent().parent().attr('id')+'.html">'+$(this).parent().parent().parent().attr('value')+'</a> &raquo; ');
                                    }
                                );
                          }
                          else {/*para mensaje de donar ahora*/
                                		
                                     $('#content').load('sections/'+idSection+'.html');
                                     $('#breadcrumbs').html('Donar Ahora');
                                     $('#breadcrumbs').prepend('<a href="comoayudar.html">C&oacute;mo ayudar</a> &raquo; ');
                                     $('#breadcrumbs').prepend('<a href="index.html">Inicio</a> &raquo; ');
                                }
                          }
                    else{
                        $(xml).find('section[id='+$.menuSection+']').each(
                            function(){
                                $('#breadcrumbs').html($(this).attr('value'));
                                $('#breadcrumbs').prepend('<a href="'+$(this).parent().attr('id')+'.html">'+$(this).parent().attr('value')+'</a> &raquo; ');
                            }
                        );
                        if ($(document).getUrlParam("idnews")== null ) { $('#content div.main-content').show();$('#content div.sidebar-statement').show();}
                    }

          }

        });

   }


});