﻿$(document).ready(function() {

    function ddlSelected(args)
    {
        //alert(args.selectedVal);
    }
    //dropdown styles
    $(".dropdown").selectbox(  
       {   
             inputClass: 'selectbox', //css class for the input which will replace the select tag, display the background image  
             containerClass: 'selectbox-wrapper', // The list container class (a div element)  
             hoverClass: 'current', // css class for the current element  
             currentClass: 'selected', // css class for the selected element  
             debug: false, // debug mode on/off  
             onChangeCallback: ddlSelected

        }  
     );  
     
     $(".dropdown-lg").selectbox(  
       {   
             inputClass: 'selectbox-lg', //css class for the input which will replace the select tag, display the background image  
             containerClass: 'selectbox-wrapper', // The list container class (a div element)  
             hoverClass: 'current', // css class for the current element  
             currentClass: 'selected', // css class for the selected element  
             debug: false, // debug mode on/off  
             onChangeCallback: ddlSelected
        }  
     );  
     
     $(".dropdown-white").selectbox(  
       {   
             inputClass: 'selectbox-wh', //css class for the input which will replace the select tag, display the background image  
             containerClass: 'selectbox-wrapper-wh', // The list container class (a div element)  
             hoverClass: 'current', // css class for the current element  
             currentClass: 'selected', // css class for the selected element  
             debug: false, // debug mode on/off  
             onChangeCallback: ddlSelected
        }  
     );  
     
})
