/*
*
*/
= function(){
var selectId = $(this).attr('id');
var selectZindex = $(this).css('z-index');
var selectIndex = $('#'+selectId+' > select > option').index($('#'+selectId+' > select > option:selected')[0]);
$('#'+selectId).append('<div class="dropselectbox"><h4></h4><span class="FixSelectBrowserSpan"></span><ul style="display:none" style="display:none"><li></li></ul></div>');
$('#'+selectId+' > div > h4').empty().append($('#'+selectId+' > select > option:selected').text());
$('.dropselectbox').css("display", 'block');
//Please select width. Priority select style width - select automatic width - default is 60
var selectcssWidth = $('#'+selectId+'> select').css('width');
selectcssWidth = typeof(selectcssWidth) =='undefined' ? 0 : parseInt(('px','')) +5 ;
var selectWidth = selectcssWidth ? selectcssWidth : ( $('#'+selectId+'> select').width() > 0 ? $('#'+selectId+'> select').width() + 5 : 60);
$('#'+selectId).css("margin-right",selectWidth); //Modify the offset
$('#'+selectId+' > div > h4').css("width", selectWidth); // Assign the width of the original select to the generated select (not the total width of h4)
$('#'+selectId+' > div > ul').css("width",selectWidth); // Assign the total width of h4 to Ul
$('#'+selectId+' > select').hide();
$('#'+selectId+' > div').hover(function(){
$('#'+selectId+' > div > h4').addClass("over");
$('#'+selectId+' > div > span').addClass("over");
},function(){
$('#'+selectId+' > div > h4').removeClass("over");
$('#'+selectId+' > div > span').removeClass("over");
});
$('#'+selectId)
.bind("focus",function(){
__clearSelectMenu();
$('#'+selectId+' > div > h4').addClass("over");
$('#'+selectId+' > div > span').addClass("over");
})
.bind("click",function(e){
//$('#value2').append('Click: '+selectIndex+' <br>');
if($('#'+selectId+' > div > ul').css("display") == 'block'){
__clearSelectMenu(selectId);
return false;
}else{
if ($.){__clearSelectMenu();}
$('#'+selectId+' > div > h4').addClass("current");
$('#'+selectId+' > div > span').addClass("over").addClass("current");
$('#'+selectId+' > div > ul').show();
var selectZindex = $(this).css('z-index');
if ($. || $.){
$('.dropdown').removeClass('overclass');
}
$('#'+selectId).addClass('overclass');
__setSelectValue(selectId);
var windowspace = ($(window).scrollTop() + ) - $(this).offset().top;
var ulspace = $('#'+selectId+' > div > ul').outerHeight(true);
var windowspace2 = $(this).offset().top - $(window).scrollTop() - ulspace;
if (windowspace < ulspace && windowspace2 > 0) {
$('#'+selectId+' > div > ul').css({top:-ulspace});
}else{
$('#'+selectId+' > div > ul').css({top:$('#'+selectId+' > div > h4').outerHeight(true)});
}
selectIndex = $('#'+selectId+' > div > ul > li').index($('.selectedli')[0]);
$(window).scroll(function(){
var windowspace = ($(window).scrollTop() + ) - $('#'+selectId).offset().top;
var ulspace = $('#'+selectId+' > div > ul').outerHeight(true);
if (windowspace < ulspace) {
$('#'+selectId+' > div > ul').css({top:-ulspace});
}else{
$('#'+selectId+' > div > ul').css({top:$('#'+selectId+' > div > h4').outerHeight(true)});
}
});
//Response to the mouse click to select
$('#'+selectId+' > div > ul > li').click(function(e){
selectIndex = $('#'+selectId+' > div > ul > li').index(this);
//$('#value2').append('Mouse click: '+selectIndex+' <br>');
$('#'+selectId+'> select')[0].selectedIndex = selectIndex;
$('#'+selectId+' > div > h4').empty().append($('#'+selectId+' > select > option:selected').text());
__clearSelectMenu(selectId,selectZindex);
();
= true;
//SELECT onchange event
$('#'+selectId+'> select').change();
})
.hover(
function(){
$('#'+selectId+' > div > ul > li').removeClass("over");
$(this).addClass("over").addClass("selectedli");
selectIndex = $('#'+selectId+' > div > ul > li').index(this);
},
function(){
$(this).removeClass("over");
}
);
//End
};
();
})
.bind("mousewheel",function(){
//In the future, rollers may be supported
/*$('#'+selectId+' > div > ul > li').hover(
function(){
return false;
},
function(){
return false;
}
);*/
})
.bind("dblclick", function(){
__clearSelectMenu();
return false;
})
.bind("keydown",function(e){
//var hotkeys = ;
$(this).bind('keydown',function(e){
if ( == 40 || == 38 || == 35 || == 36){
return false;
}
});
switch(){ //Set true to give the case range
case 9:
return true;
break;
case 13:
//enter
//$('#value2').append('The value received by pressing Enter: '+selectIndex+' <br>');
__clearSelectMenu();
break;
case 27:
//esc
__clearSelectMenu();
break;
case 33:
$('#'+selectId+' > div > ul > li').removeClass("over");
selectIndex = 0;
__keyDown(selectId,selectIndex);
break;
case 34:
$('#'+selectId+' > div > ul > li').removeClass("over");
selectIndex = ($('#'+selectId+' > select > option').length - 1);
__keyDown(selectId,selectIndex);
break;
case 35:
$('#'+selectId+' > div > ul > li').removeClass("over");
selectIndex = ($('#'+selectId+' > select > option').length - 1);
__keyDown(selectId,selectIndex);
break;
case 36:
$('#'+selectId+' > div > ul > li').removeClass("over");
selectIndex = 0;
__keyDown(selectId,selectIndex);
break;
case 38:
//up
//$('#value2').append('Raw value: '+selectIndex+' <br>');
$('#'+selectId+' > div > ul > li').removeClass("over");
if (selectIndex == 0){
selectIndex = 0;
}else{
selectIndex--;
};
//$('#value2').append('<span style="color:red;" style="color:red;">A value of upward change: </span>'+selectIndex+' ');
__keyDown(selectId,selectIndex);
break;
case 40:
//down
//$('#value2').append('Passed: '+selectIndex+' ');
$('#'+selectId+' > div > ul > li').removeClass("over");
if (selectIndex == ($('#'+selectId+' > select > option').length - 1)){
selectIndex = $('#'+selectId+' > select > option').length - 1;
}else{
selectIndex ++;
};
//$('#value2').append('<span style="color:blue;" style="color:blue;">A value changed downward: </span>'+selectIndex+' ');
__keyDown(selectId,selectIndex);
break;
/*case ((hotkeys > 47 && hotkeys < 59) || (hotkeys > 64 && hotkeys < 91) || (hotkeys > 96 && hotkeys < 123)):
//On the first subtitle query reserved interface
//character = (hotkeys).toLowerCase();
return false;
break;*/
default:
return false;
break;
};
})
.bind("blur",function(){
__clearSelectMenu(selectId,selectZindex);
return false;
});
//Select not allowed
$('.dropselectbox').bind("selectstart",function(){
return false;
});
};
function __clearSelectMenu(selectId,selectZindex){
//$('#value2').append('Remove focus: '+selectIndex+' <br>');
$('.dropselectbox > ul').empty().hide();
$('.dropselectbox > h4').removeClass("over").removeClass("current");
$('.dropselectbox > span').removeClass("over");
$('#'+selectId).removeClass('overclass');
}
function __setSelectValue(sID){
$('#'+sID+' > div > ul').empty();
$.each($('#'+sID+' > select > option'), function(i){
$('#'+sID+' > div > ul').append("<li class='FixSelectBrowser'>"+$(this).text()+"</li>");
});
$('#'+sID+' > div > h4').empty().append($('#'+sID+' > select option:selected').text());
$('#'+sID+' > div > ul > li').eq($('#'+sID+'> select')[0].selectedIndex).addClass("over").addClass("selectedli");
}
function __keyDown(sID,selectIndex){
$('#'+sID+'> select')[0].selectedIndex = selectIndex;
$('#'+sID+' > div > ul > li:eq('+selectIndex+')').toggleClass("over");
$('#'+sID+' > div > h4').empty().append($('#'+sID+' > select option:selected').text());
//SELECT onchange event
$('#'+sID+'> select').change();
}
/* Automatic call */
$(document).ready(function(){
var s = new Array();
var t = ('select');
var j = 0;
for(var i=0;i<;i++){
if(t[i].className=='commonselect'){
s[j] = t[i];
j++;
}
}
if(j==0)return;
var k = m = null;
for(var i=0;i<;i++){
k = s[i].parentNode;
m = createDiv(k, i);
//s[i].replaceNode(m);
(m,s[i])
(s[i]);
$('#selectbox'+ i).sSelect();
}
function createDiv(p, i){
var div = ('div');
= 'dropdown';
= 'selectbox' + i;
= ' ';
(div);
return div;
}
})