(function($) {  
    var thumbArray = [];
    var canclick = true;
    var startnum = 0;

    $(document).ready(function() {
        init();
    });

    function init(){
        $('.tyl_mrqe .panel').each(function(x){
            if($(this).attr('init') == 'true') startnum = x;
            thumbArray.push($(this).attr('thumb'));
        });

        $('.tyl_mrqe .panel').wrapAll('<div class="main_images"/>');
        $('.tyl_mrqe').append('<div class="bottom_navigation"><div class="image_strip"><div class="image_strip_inner"></div></div></div>');
        for(var i = 0; i < thumbArray.length; i++){
            $('.tyl_mrqe .bottom_navigation .image_strip_inner').append('<div class="image_thumb"><div class="thumb_bkgd"/><img src="'+thumbArray[i]+'"/><div class="selected_arrow"/></div>');
        }
        $('.tyl_mrqe .bottom_navigation .image_strip_inner .image_thumb').bind('click',function(){
            if(canclick == true && !$(this).hasClass('selected')){
                selectImage($(this).prevAll().length);
            }
        });
	
        $('.tyl_mrqe').append('<div class="cover"/>');
        $('.tyl_mrqe img').imgpreload(function(){
            selectImage(startnum);
            $('.tyl_mrqe .cover').animate({
                opacity:0
            },400,function(){
                $(this).css('display','none');
            });	
        });	

        $("a#dosing_directions").fancybox({
            'opacity'		: true,
            'overlayShow'	: true,
            'transitionIn'	: 'elastic',
            'transitionOut'	: 'elastic',
            'padding'		: 0
        }).hover(function() {
            $(this).click();
        });
    }

    function selectImage(num){
        canclick = false;
	
        var pos,opacity;
        var navtime = 400;
	
        $('.tyl_mrqe .bottom_navigation .image_strip_inner .image_thumb').each(function(x){
            if(num == x){
                pos = 0;
                opacity = .5;
                $(this).addClass('selected');
            }else{
                pos = -15;
                opacity = 1;
                $(this).removeClass('selected');
            }
            
            $(this).find('.selected_arrow').animate({
                top:pos
            },navtime);
            
            $(this).find('img').animate({
                opacity:opacity
            },navtime);
        });
        
        setTimeout(function(){
            if(thumbArray.length > 3){
                showThumb(num);
            }else{
                canclick = true;
            }	
        },navtime);
        
        $('.tyl_mrqe .main_images .panel').each(function(x){
            if(num == x){
                $(this).css('display','block').animate({
                    opacity:1
                },400);
            }else{
                $(this).animate({
                    opacity:0
                },400,function(){
                    $(this).css('display','none');
                });
            }
        });
    }
    
    function showThumb(num){
        $('.tyl_mrqe .bottom_navigation .image_strip_inner .image_thumb').each(function(x){
            if(num == x){
                $(this).animate({
                    width:0
                },400,function(){
                    $(this).css('display','none');
			
                });
            }else{
                if($(this).css('display') == 'none') $(this).css('display','block').animate({
                    width:165
                },400);
            }
        });

        setTimeout(function(){
            canclick = true;
        },400);
    }

})(jQuery);