jQuery(document).ready(function()
	{
		jQuery("#detail-thumbnails > div > div > a > img").click( function(){
			main = jQuery(this).attr("src");
			mainimg = main.split(".")[0]+'.'+main.split(".")[1]+'.'+main.split(".")[2]+'.detail.'+main.split(".")[4];
			jQuery('#main-image').attr('src', mainimg);
			jQuery('#detail-main-image').attr('src', mainimg);
		});	
		jQuery("#detail-colors > li > a > img ").click( function(){
			
			// Changing Main Image
			
			main = jQuery(this).attr("src");
			mainimg = main.split(".")[0]+'.'+main.split(".")[1]+'.'+main.split(".")[2]+'.detail.'+main.split(".")[4];
			jQuery('#main-image').attr('src', mainimg);
			jQuery('#detail-main-image').attr('src', mainimg);

			
			// Changing Main Image
			var selected = jQuery(this).attr('rel');
			
			// Setting Color Drop Down to Selected Color
			jQuery('#selectcolor').attr('value',selected);

			var arr = jQuery("#detail-thumbnails > div");
			jQuery.each(arr, function() {
			    var sub = jQuery(this).attr("class");
			    if (sub != selected) {
				jQuery(this).css("display","none");
			    }
			    if (sub == selected) {
				jQuery("#thumbSize").attr('value',(jQuery(this).children().size()));
				jQuery(this).css("display","block");
				jQuery(".slider").accessNews({newsSpeed: "normal"});

			    }
			});
			
			var arr = jQuery("#thumbnails > div");
			jQuery.each(arr, function() {
			    var sub = jQuery(this).attr("class");
			    if (sub != selected) {
				jQuery(this).css("display","none");
			    }
			    if (sub == selected) {
				jQuery("#thumbSize").attr('value',(jQuery(this).children().size()));
				jQuery(this).css("display","block");
				jQuery(".slider").accessNews({newsSpeed: "normal"});
			    }
			});
			
			
			// Setting Color Indicator value to Selected Color
			var colorTitle = jQuery(this).attr('title');
			jQuery("#selected-color").html(colorTitle);
			
			
		});

	});