/*
 var myImages = new Array('graphics/about.jpg',
						  'graphics/collection.jpg', 
						  'graphics/retailers.jpg', 
						  'graphics/contact.jpg'); 



function changeBack(el){
	var mydiv = document.getElementById("backImage");
	//alert(mydiv.innerHTML);

	mydiv.style.backgroundImage = 'url('+myImages[el]+')';
	if(el < 3){
		setTimeout('changeBack('+(el+1)+')', 5000);
	}
	else{
		setTimeout('changeBack(0)', 5000);
	}
	//alert(mydiv.style.backgroundImage);
}

*/
 /* on dom ready ... */  
 function state(){
 	$('country').addEvent('click', function(){
    		
    		var countryID = this.value;
    		//alert(countryID);
	 		var req = new Request.HTML({
				url : 'include/order-state.php?id=' + countryID,
				method : 'get',
				onComplete : function(tree, e, html, js) {
					$('state').set('html', html);
					state();
				}

			}).send();
	 		
	});
 }
 

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

	var data0 = {
	      's1.jpg': { caption: '' }, 
	      's2.jpg': { caption: '' }, 
	      's3.jpg': { caption: '' },
	      's4.jpg': { caption: '' },
	      's5.jpg': { caption: '' },
	      's6.jpg': { caption: '' },
	      's7.jpg': { caption: '' },
	      's8.jpg': { caption: '' },
	      's9.jpg': { caption: '' }
	 };
	 var data1 = {
	      's2.jpg': { caption: '' }, 
	      's1.jpg': { caption: '' }, 
	      's3.jpg': { caption: '' },
	      's4.jpg': { caption: '' },
	      's5.jpg': { caption: '' },
	      's6.jpg': { caption: '' },
	      's7.jpg': { caption: '' },
	      's8.jpg': { caption: '' },
	      's9.jpg': { caption: '' }
	 };
	 var data2 = {
	      's3.jpg': { caption: '' }, 
	      's2.jpg': { caption: '' }, 
	      's1.jpg': { caption: '' },
	      's4.jpg': { caption: '' },
	      's5.jpg': { caption: '' },
	      's6.jpg': { caption: '' },
	      's7.jpg': { caption: '' },
	      's8.jpg': { caption: '' },
	      's9.jpg': { caption: '' }
	 };
	 var data3 = {
	      's4.jpg': { caption: '' }, 
	      's2.jpg': { caption: '' }, 
	      's3.jpg': { caption: '' },
	      's1.jpg': { caption: '' },
	      's5.jpg': { caption: '' },
	      's6.jpg': { caption: '' },
	      's7.jpg': { caption: '' },
	      's8.jpg': { caption: '' },
	      's9.jpg': { caption: '' }
	 };
	 var data4 = {
	      's5.jpg': { caption: '' }, 
	      's2.jpg': { caption: '' }, 
	      's3.jpg': { caption: '' },
	      's4.jpg': { caption: '' },
	      's1.jpg': { caption: '' },
	      's6.jpg': { caption: '' },
	      's7.jpg': { caption: '' },
	      's8.jpg': { caption: '' },
	      's9.jpg': { caption: '' }
	 };
	 var data5 = {
	      's6.jpg': { caption: '' }, 
	      's2.jpg': { caption: '' }, 
	      's3.jpg': { caption: '' },
	      's4.jpg': { caption: '' },
	      's5.jpg': { caption: '' },
	      's1.jpg': { caption: '' },
	      's7.jpg': { caption: '' },
	      's8.jpg': { caption: '' },
	      's9.jpg': { caption: '' }
	 };
	 var data6 = {
	      's7.jpg': { caption: '' }, 
	      's2.jpg': { caption: '' }, 
	      's3.jpg': { caption: '' },
	      's4.jpg': { caption: '' },
	      's5.jpg': { caption: '' },
	      's6.jpg': { caption: '' },
	      's1.jpg': { caption: '' },
	      's8.jpg': { caption: '' },
	      's9.jpg': { caption: '' }
	 };
	 
	 var data7 = {
		  's9.jpg': { caption: '' },
	      's8.jpg': { caption: '' }, 
	      's2.jpg': { caption: '' }, 
	      's3.jpg': { caption: '' },
	      's4.jpg': { caption: '' },
	      's5.jpg': { caption: '' },
	      's6.jpg': { caption: '' },
	      's7.jpg': { caption: '' },
	      's1.jpg': { caption: '' }
	 };
	 
	 var randomnumber = Math.floor(Math.random()*8)
	 //alert(randomnumber);
	 
	 var myImages = new Array();
		myImages[0]= data0;
		myImages[1]= data1;
		myImages[2]= data2;
	 	myImages[3]= data3; 
	 	myImages[4]= data4;
	 	myImages[5]= data5;
	 	myImages[6]= data6;
	 	myImages[7]= data7;
	 	
	 	
	 var myShow = new Slideshow('show', myImages[randomnumber], {delay: 7000, controller: false, height: 600, hu: 'http://www.bbbegonia.com/graphics/slide/', thumbnails: false, width: 900, random: true});
	
	 if(myPage == 'order' || myPage == 'trade'){
	 	state();
	 }
	 
	 
 });