window.addEvent('domready', function(){
	



 $('template').addEvent('change', function(e){


var nouveauTemplate=document.formulaire.templateName.value;

var url= "http://demo.joomla-planet.com/"+nouveauTemplate+"/style1";	

url= url.toLowerCase(); 

document.formulaire.templateStyle.options[0].selected = true;


parent.bas.location.href= url;



// Mise a jour du combobox Style //////////////////////////

// Requête ajax
 var urlA = 'nbstyle.php';

var ajaxRequest = new Ajax(urlA, {
       
                method: 'post',
                encoding: 'uft-8',
                onComplete: function(response){


updateStyle(response);

}
     
                });


var requestVar = {
                nom: nouveauTemplate
               };

ajaxRequest.request(requestVar);



/////////////////////////////////////////////////	
	});















$('style').addEvent('change', function(e){

var nouveauStyle2=document.formulaire.templateStyle.value;

g=document.formulaire.templateStyle.options[document.formulaire.templateStyle.selectedIndex].innerText;

if(g!=null) nouveauStyle2=g;

var nouveauTemplate2=document.formulaire.templateName.value;

var url2= "http://demo.joomla-planet.com/"+nouveauTemplate2+"/"+nouveauStyle2;	

url2= url2.toLowerCase(); 





parent.bas.location.href= url2;



	
	});



	


 
    });







function updateStyle(response){


$('style').empty();

// Créer le style1 toujours

var s1 = new Element('OPTION', {
    'VALUE': 'Style1'
    
  });

s1.appendText('Style1');
s1.inject($('style'));


// Créer les autres styles s'ils existent !! ///

if(response>=2) {


var s2 = new Element('OPTION', {
    'VALUE': 'Style2'
    
  });

s2.appendText('Style2');
s2.inject($('style'));

}


if(response>=3) {


var s3 = new Element('OPTION', {
    'VALUE': 'Style3'
    
  });

s3.appendText('Style3');
s3.inject($('style'));

}





}