/************************************/	
		<!--STARTS JQUERY OPTIONS-->
		//////////////////////////////////////
			
		
		$(document).ready(function(){		
			//////////////////////////////////////	
			//**This function is used to change the drop-down search**//
			//$('form').jqTransform({imgPath:'images/'});						
			//////////////////////////////////////						
			//**This function is used to show the bubbles when you move over the main menu**//
			$("ul.main-menu li").hover(function() {							
				$(this).find("span").stop()				
				.show()				
				.css("display","block")									
			}, function() {	//**This function hides the buble**//			
				$(this).find("span").stop()
				.hide()
			});
			
			$(function(){
				$('#wrapper-mask-content').loopedSlider({
					autoStart: 8000,
					restart: 5000
				});		
			});
						
			
			//////////////////////////////////////											
			//**Start Poll(stars) Section**/
			$('#rating-1').ratings(5).bind('ratingchanged', function(event, data) {});//Shows starts line 1
			$('#rating-2').ratings(5).bind('ratingchanged', function(event, data) {});//Shows starts line 2
			$('#rating-3').ratings(5).bind('ratingchanged', function(event, data) {});//Shows starts line 3
			$('#rating-4').ratings(5).bind('ratingchanged', function(event, data) {});//Shows starts line 4
			$('#rating-5').ratings(5).bind('ratingchanged', function(event, data) {});//Shows starts line 5						
		});
		
		/************************************/
		<!--STARTS JS FUNCTIONS-->
		//////////////////////////////////////		
		//Function used by the bottom banner carousel		
		stepcarousel.setup({
			galleryid: 'carousel', //id of carousel DIV
			beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
			panelclass: 'panel', //class of panel DIVs each holding content
			autostep: {enable:true, moveby:1, pause:15000},
			panelbehavior: {speed:500, wraparound:false, persist:true},
			defaultbuttons: {enable: true, moveby: 1, leftnav: [ '../../../App_Themes/Theme_nl_BE/images/nl-BE/home/left-mov.gif', -28, 22], rightnav: ['../../../App_Themes/Theme_nl_BE/images/nl-BE/home/right-mov.gif',0, 22]},
			statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
			contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
		})
		//////////////////////////////////////						
		//Function which change bottom left menu, ti change the title and text of each bar.
		function bottom_left_menu (obj_clicked,number_clicked){
																	
			onclicked_value= document.getElementById(obj_clicked).innerHTML;
			old_title = document.getElementById('menu_title').innerHTML;					
						
			document.getElementById('menu_title').innerHTML = onclicked_value;												
			menu_opt1_value = document.getElementById("menu_st").innerHTML;
			menu_opt2_value = document.getElementById("menu_nd").innerHTML;
			menu_opt3_value = document.getElementById("menu_th").innerHTML;	
			menu_opt4_value = document.getElementById("menu_fourth").innerHTML;			
			
			if(number_clicked=='4'){/*Case fourth link*/													
				document.getElementById('menu_fourth').innerHTML = old_title;								
			}else if(number_clicked=='3'){/*Case third link*/																		
				document.getElementById('menu_th').innerHTML = menu_opt4_value;
				document.getElementById('menu_fourth').innerHTML = old_title;								
			}else if(number_clicked=='2'){/*Case second link*/									
				document.getElementById('menu_nd').innerHTML = menu_opt3_value;
				document.getElementById('menu_th').innerHTML = menu_opt4_value;
				document.getElementById('menu_fourth').innerHTML = old_title;					
			}else if(number_clicked=='1'){/*Case third link*/													
				document.getElementById('menu_st').innerHTML = menu_opt2_value;
				document.getElementById('menu_nd').innerHTML = menu_opt3_value;
				document.getElementById('menu_th').innerHTML = menu_opt4_value;
				document.getElementById('menu_fourth').innerHTML = old_title;					
			}										
		}	
		//////////////////////////////////////						
		//Function which has propierties to anite the mene_title
		function show_effect(){			
								
			object = document.getElementById("menu_title");
			$(object)
				.animate({
					opacity: '0.0'				
				}, 1 ).show()
				.animate({
					opacity: '1.0'					
				}, 1000 );															
		}	
		//////////////////////////////////////						
		//Function used to move the left bar menu
	    function changeGreenBar(objClicked){			
			objmove1 = document.getElementById("st");			
			objmove2 = document.getElementById("nd");
			objmove3 = document.getElementById("th");
			objmove4 = document.getElementById("fourth");												
			$(objmove4).effect("transfer", { to: $("#move_green3") }, 504);				
			$(objmove3).effect("transfer", { to: $("#move_green2") }, 503);
			$(objmove2).effect("transfer", { to: $("#move_green1") }, 502);
			$(objmove1).effect("transfer", { to: $("#move_green4") }, 501);			
			$(objClicked).effect("transfer", { to: $("#move_green5") }, 505);									
		}