jQuery(document).ready(function()
	{
		jQuery("#selectcolor").change( function(){
			
			var selected = jQuery(this).attr('value');
			var link = jQuery("#selectcolor option:selected").attr('link');			
			var title = jQuery("#selectcolor option:selected").attr('title');			
			jQuery('#main-image').attr('src', link);
			jQuery('#detail-main-image').attr('src', link);

			jQuery("#selected-color").html(title);
			
			// Showing / Hiding Thumbnail Groups
			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"});
				}
			});
			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"});
				}
			});
		});
		jQuery(document).ready(function(){
			jQuery("#tabs > ul").tabs();
		});
		jQuery("#add-to-wish-list").click( function(){
			jQuery("#saved-item")
			.fadeIn(500)
			.animate({opacity:1.0},3000)
			.fadeOut(500)
		});
		jQuery("#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("#colors > li > a > img ").click( function(){

			// Setting Color Indicator value to Selected Color
			var colorTitle = jQuery(this).attr('title');
			jQuery("#selected-color").html(colorTitle);
			
			var selected = jQuery(this).attr('rel');
			
			// Displaying Main Image based on selection
			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);

			// Setting Color Drop Down to Selected Color
			jQuery('#selectcolor').attr('value',selected);
			
			// Showing / Hiding Thumbnail Groups
			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"});
			    }
			});
			
			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"});
			    }
			});
			
		});

		jQuery("#view-more-open").click( function() {
					jQuery('selectcolor').css("display","none");
					jQuery('selectsize').css("display","none");
					jQuery('selectquantity').css("display","none");
					jQuery('#product-detail-box').show("slow");
		})
		jQuery("#main-image").click( function() {
			jQuery('selectcolor').css("display","none");
			jQuery('selectsize').css("display","none");
			jQuery('selectquantity').css("display","none");
			jQuery('#product-detail-box').show("slow");
		})		
		jQuery("#close").click( function() {
			jQuery('#product-detail-box').hide("slow");
			jQuery('selectcolor').css("display","block");
			jQuery('selectsize').css("display","block");
			jQuery('selectquantity').css("display","block");
		})
		
		jQuery(document).ready(function(){
			// Setting Color Indicator value to Selected Color
			var colorTitle = jQuery("#loadColor").attr('title');
			jQuery("#selected-color").html(colorTitle);
			
			var selected = jQuery("#loadColor").attr('rel');
			
			// Displaying Main Image based on selection
			main = jQuery("#loadColor").attr("link");
			jQuery('#main-image').attr('src', main);
			jQuery('#detail-main-image').attr('src', main);

			// Setting Color Drop Down to Selected Color
			jQuery('#selectcolor').attr('value',selected);
			
			// Showing / Hiding Thumbnail Groups
			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"});
			    }
			});
			
			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"});			    }
			});
		});

		jQuery(".slider").accessNews({newsSpeed: "normal"});


	});