$(document).ready(function() {
    $('#myselectbox').selectbox({
        onChange: callbackProduct,
        params: {},
        inputClass: 'selectbox'
    });
    $('#myselectbox1').selectbox({
        onChange: callbackMedia,
        params: {},
        inputClass: 'selectbox1'
    });
    $('#product_select').selectbox({
        onChange: callbackMedia,
        params: {},
        inputClass: 'selectbox1'
    });

    if (document.getElementById('BannerUL') != null) {
        $('#BannerUL').bxSlider({
            alignment: 'horizontal',        // 'horizontal', 'vertical' - direction in which slides will move
            controls: true,                 // determines if default 'next'/'prev' controls are displayed
            speed: 500,                     // amount of time slide transition lasts (in milliseconds)
            pager: false,                    // determines if a numeric pager is displayed (1 2 3 4...)
            pager_short: false,             // determines if a 'short' numeric pager is displayed (1/4)
            pager_short_separator: ' / ',   // text to be used to separate the short pager
            margin: 0,                      // if 'horizontal', applies a right margin to each slide, if 'vertical' a
            // bottom margin is applied. example: margin: 50
            next_text: 'next >>',              // text to be displayed for the 'next' control
            next_image: 'resources/www/images/next.gif',                 // image to be used for the 'next' control
            prev_text: '<< prev',              // text to be displayed for the 'prev' control
            prev_image: 'resources/www/images/prev.gif',                 // image to be used for the 'prev' control
            auto: true,                    // determines if slides will move automatically
            pause: 8000,                    // time between each slide transition (auto mode only) 
            auto_direction: 'next',         // order in which slides will transition (auto mode only)
            auto_hover: true,               // determines if slideshow will pause while mouse is hovering over slideshow
            auto_controls: false,           // determines if 'start'/'stop' controls are displayed (auto mode only)
            ticker: false,                  // determines if slideshow will behave as a constant ticker
            ticker_controls: false,         // determines if 'start'/'stop' ticker controls are displayed (ticker mode only)
            ticker_direction: 'next',       // order in which slides will transition (ticker mode only)
            ticker_hover: true,             // determines if slideshow will pause while mouse is hovering over slideshow
            stop_text: 'stop',              // text to be displayed for the 'stop' control
            start_text: 'start',            // text to be displayed for the 'start' control
            wrapper_class: 'bxContainer'  // class name to be used for the outer wrapper of the slideshow
        });
    }
});

function callbackProduct(obj) {
    location.href = obj.selectedVal;
}

function callbackMedia(obj) {
    location.href = obj.selectedVal;
}

function fixPNG() {
    var arVersion = navigator.appVersion.split("MSIE")
    var version = parseFloat(arVersion[1])
    if ((version >= 5.5) && (document.body.filters)) {
        for (var i = 0; i < document.images.length; i++) {
            var img = document.images[i]
            var imgName = img.src.toUpperCase()
            if (imgName.substring(imgName.length - 3, imgName.length) == "PNG") {
                var imgID = (img.id) ? "id='" + img.id + "' " : ""
                var imgClass = (img.className) ? "class='" + img.className + "' " : ""
                var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
                var imgStyle = "display:inline-block;" + img.style.cssText
                if (img.align == "left") imgStyle = "float:left;" + imgStyle
                if (img.align == "right") imgStyle = "float:right;" + imgStyle
                if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
                var strNewHTML = "<span " + imgID + imgClass + imgTitle
              + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
              + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
              + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
                img.outerHTML = strNewHTML
                i = i - 1
            }
        }
    }
}
if (window.attachEvent) window.attachEvent("onload", fixPNG);



function textBoxFocus(theText, isPassword) {
    if (theText.value == theText.defaultValue) {
        theText.value = '';
       // theText.style.color = "#333333";
    }
}
function textBoxBlur(theText, isPassword) {
    if (theText.value == ''){
        theText.value = theText.defaultValue;
       // theText.style.color = "#888888";
    }
}