/**
 * @author Daniel Noormohamed
 */					  
		$(document).ready(function () {
			
			var thumbnailArray = ['w700', 'w460', 'w940T', 'ResourceThumbs'];
			
			$.each(thumbnailArray, function (index, val) {
				if($('.' + val + ' .thumbnailslider').size() == 1) {
					$('.' + val + ' .thumbnailslider li').each(function (index, val) {
						$(this).attr('thumb', 'thumbnail' + index);
					});
				}
			});

			if ($.browser.webkit == true) {
				$('body').Sleep(150, loadSlider);
			} else { 
				loadSlider();
			}
			
			
			function loadSlider () {
				$.each(thumbnailArray, function (index, val) {
					if($('.' + val + ' .thumbnailslider').size() > 0) {	
						 
									$('.' + val + ' .thumbnailslider').jCarouselLite({
													btnNext: ".next",
													btnPrev: ".prev",
													circular : false, 
													speed: 1200,
													afterEnd : function (a) {
																var t = $(a).attr('thumb');
																$('[thumb="thumbnail' + (parseInt(t.substr(9))) + '"]').trigger('click');
													}
									});
					}
				});
			}
			
			$('.thumbnail_browser .thumbnailslider li').live('mouseover', function () {
					var fields = ['title','link','price','browser_content'], t = this;
					
							for(var i=0; i<fields.length; i++) {
								var value = fields[i];
								var thumbContentSelector = '.thumbnail_content .' + value;
								if(value == 'link') {
										$('.selectedResource  .title a').attr('href', $(thumbContentSelector, t).text());
										continue;
								}
								if(value == 'title') {
									$('.selectedResource  .' + value + ' a').html( $(thumbContentSelector, t).text() );
									continue;
								}						
								if($(thumbContentSelector, t).size() == 1)
										$('.selectedResource  .' + value).html($(thumbContentSelector, t).html());
							}
					$('.thumbnail_browser .thumbnailslider li .selectedThumb').remove();
					$('.thumbnail_browser .thumbnailslider li').removeClass('selected');
					
					$(this).append("<div class='selectedThumb' />");
					$(this).animate({opacity:1}).css({'height':'64px'}).addClass('selected').find('a').css('outline', 'none');
					
					$('.thumbnail_browser .thumbnailslider li:not(.thumbnailslider li.selected)').animate({opacity:0.4}).css({'height':'53px'});
					
					return false;
			});

			$('.thumbnail_browser .thumbnailslider li:not(.thumbnail_browser .thumbnailslider li.selected)').live('mouseover', function () {
				$(this).stop().animate({opacity:0.8});
			}).live('mouseout', function () {
				$(this).stop().animate({opacity:0.4});
			});
			
			$('body').Sleep(600, function () {
			    $('.thumbnail_browser .thumbnailslider li:first').trigger('mouseover');
            });

            /* CSS hover controls */
            $(".thumbnail_browser ul").removeClass("nojs");
            $(".thumbnail_browser div").removeClass("nojs");

			
		});