$(document).ready(function() {

    //Show Banner
    $(".main_image .desc").show(); //Show Banner

    //Click and Hover events for thumbnail list
    $(".image_thumb ul li:first").addClass('active');
    $(".image_thumb ul li").click(function() {
        //Set Variables
        var imgAlt = $(this).find('img').attr("alt"); //Get Alt Tag of Image
        var imgTitle = $(this).find('a').attr("href"); //Get Main Image URL
        var imgDesc = $(this).find('.block').html(); 	//Get HTML of block
        var imgDescHeight = $(".main_image").find('.block').height(); //Calculate height of block	

        if ($(this).is(".active")) {  //If it's already active, then...
            return false; // Don't click through
        } else {
        //Animate the Teaser
            $(".main_image .block").html(imgDesc).animate({ opacity: 1, marginBottom: imgDescHeight, filter: '' }, 250);
                $(".main_image img").attr({ src: imgTitle, alt: imgAlt});
        }

        $(".image_thumb ul li").removeClass('active'); //Remove class of 'active' on all lists
        $(this).addClass('active');  //add class of 'active' on this list only
        return false;

    }).hover(function() {
        $(this).addClass('hover');
    }, function() {
        $(this).removeClass('hover');
    });

    //Toggle Teaser
    $("a.collapse").click(function() {
        $(".main_image .block").slideToggle();
        $("a.collapse").toggleClass("show");
    });

});    //Close Function

(function($) {
$.fn.extend({

    customStyle: function(options) {
        if (!$.browser.msie || ($.browser.msie && $.browser.version > 6)) {
            return this.each(function() {

                var currentSelected = $(this).find(':selected');
                $(this).after('<span class="customStyleSelectBox"><span class="customStyleSelectBoxInner">' + currentSelected.text() + '</span></span>').css({ position: 'absolute', opacity: 0, left: 130, width: 174, height: 26, fontSize: $(this).next().css('font-size') });
                var selectBoxSpan = $(this).next();
                var selectBoxWidth = parseInt($(this).width()) - parseInt(selectBoxSpan.css('padding-left')) - parseInt(selectBoxSpan.css('padding-right'));
                var selectBoxSpanInner = selectBoxSpan.find(':first-child');
                selectBoxSpan.css({ display: 'inline-block' });
                selectBoxSpanInner.css({ width: selectBoxWidth, display: 'inline-block' });
                var selectBoxHeight = parseInt(selectBoxSpan.height()) + parseInt(selectBoxSpan.css('padding-top')) + parseInt(selectBoxSpan.css('padding-bottom'));
                $(this).height(selectBoxHeight).change(function() {
                    selectBoxSpanInner.text($(this).val()).parent().addClass('changed');
                });

            });
        }
    }
});
})(jQuery);


$(function() {

    $('select.styled').customStyle();

});