$(document).ready(function() {

	$("#patternControls h3.patternmenu_toggle").click(function() {

		var whichNavItem = $(this).attr('id');
		
		switch(  whichNavItem ) {
			
			case "patternNav":
				
				var isHidden = $('#patternDiv').is(':hidden'); 
					
				if( isHidden ) {
					
					$('#colorwayNav').toggleClass('patternMenuOn');
					
					$("#patternNav").toggleClass('patternMenuOn');
					
					$("#patternDiv").slideDown(300).siblings("#colorDiv").slideUp(300);
						
				} else {
					
					return false;
				}
			
			break;
			
			case "colorwayNav":
				
				var isHidden = $('#colorDiv').is(':hidden'); 
					
				if( isHidden ) {
					
					$('#patternNav').toggleClass('patternMenuOn');
					
					$("#colorwayNav").toggleClass('patternMenuOn');
					
					$("#colorDiv").slideDown(300).siblings("#patternDiv").slideUp(300);
						
				} else {
					
					return false;
				}
		
			break;
		
		}
	
	});
	
	
	 $('#patternProperties-button').css("cursor","pointer").click( function() {
				
		var isHidden = $('#patternProperties-text').is(':hidden'); 
			
		if( isHidden ) {
			
			$('.propertiesCell').css("background-color","#ffffff");
			
			$('#patternProperties-text').slideToggle("fast");
				
		} else {
			
			$('#patternProperties-text').slideToggle("fast", function() {
																	  
				$('.propertiesCell').css("background-color","");
				
			});
				
		}
	
	 });
	 
		
	// JavaScript Document
	$.address.init(function(event) {
				
			$('.patternmenu_content-scroll').jScrollPane
			({
				showArrows:true,
				scrollbarWidth:15
			 });
		
	
			
	});
	
	// JavaScript Document
	$.address.change(function(event) {
		
		
		var pathName = $.address.pathNames();
		
		var pathLength = pathName.length;
		
		if(pathLength > 0) {
			
			$('#showTransition').fadeIn(100, function() {
																 
				getNextItem( pathName );										 
			
			});
		
		}
		
	});
	
	$.address.strict(0);

	$('.patternmenu_content-scroll').jScrollPane
		({
		 	showArrows:true,
			scrollbarWidth:15
		 });
		
		
			
});	




function toggleCartItem( thisPattern, thisItem ) {
	
	
	$('#cartTrans').fadeIn("fast", function() { 
	
		var drupalBase = jQuery.extend(Drupal.settings).basePath;
	
		var thisItemString = thisItem.split("_");
		
		var thisID = thisItemString[1];
		
		var str =  "chosenPatternID=" + thisPattern + "&chosenColorID=" + thisID;
							
		$.ajax({
					   
			 type: "POST",
			  url: drupalBase + "products/samplescart/toggleCart",
			  data: str,
			  dataType: "json",
			  cache: false,
			  success: function(data){
				  
				$("#cartLoadIcon").hide().siblings().html( data.message );
					
				updateCartElements( data ); 
				  
			  }
		  
		});
	
	
	});
	
}


function continueBrowsing() {
	
	$('#cartTrans').fadeOut("fast", function() { 
													  
		 $("#cartLoadIcon").show().siblings().html("");
		 
	});
	
}


function updateCartElements( toggleData ) {
	
	/*
	"cartToggleStatus" : "add",
	"patternID" : "23",
	"colorwayID" : "116",
	"comboID" : "23_116",
	"itemCount" : "11",
	"message" : "<p align=\"center\">The item was added to your cart. </p>"
	*/
	
	if( toggleData.itemCount > 0 ) {
				
		$("#viewCartLink").html("View Cart (" + toggleData.itemCount + ")");
	
	} else {
		
		$("#viewCartLink").html("View Cart");
		
	}

	switch( toggleData.cartToggleStatus ) {
		
		case "remove":
			
			$("#cartButtonImg").attr("src", "/sites/www.lentexcorp.com/modules/browsepatterns/images/btn_addtocart.gif");
		
		break;
		
		case "add":
			
			$("#cartButtonImg").attr("src", "/sites/www.lentexcorp.com/modules/browsepatterns/images/btn_removefmcart.gif");
		
		break;
	
	}
	
	
	
	
}





function getNextItem( pathObject ) {
	
	var pathLength = pathObject.length;
		
	switch(pathLength) {
		
		case 1:
		
			$('#showTransition').fadeOut("fast");
		
		break;
		
		case 2:
		case 3:
		
		
			if( pathObject[0] == "pattern" && pathObject[1] != "" ) {
				
				var patternID = pathObject[1];
				
				$("#patternProperties").removeClass("ruler");
												   
				var str = "chosenPattern=" + patternID;
						
				$.ajax({
							   
					type: "POST",
					url: "/products/getPattern",
					data: str,
					cache: false,
					success: function(result){
					  
						jQuery("#patternDetails-inner").html(result);
						
						jQuery("#patternDetails-inner").fadeIn("fast", function() { 
							
							$('#showTransition').fadeOut("fast", function() { 
																		  
								slideAccordion( 'pattern', patternID, 1 );
								
							});
						
						});
						
					}
				  
				});
	
			} else {
				
				$('#showTransition').fadeOut("fast");
				
			}
			
		break;
		
		case 4:
		
			if( pathObject[2] == "colorway" && pathObject[3] != "" ) {
				
				if ( $("#patternProperties").length > 0 ) 
				{ 
				
					//alert("The ID exists"); 
					
					var colorID = pathObject[3];
					
					var isCartButtonHidden = $('#addtocart-button').is(':hidden'); 
					
					if( isCartButtonHidden ) {
						
						jQuery("#addtocart-button").attr("style", "display:block"); 
						
					}
					
					$('#colorDiv').children('div').children('div').removeClass('activeColor');
					
					var thisDivItem = "colorway_" + colorID;
					
					$('#' + thisDivItem).children('div').addClass('activeColor');
												   
						var str = "chosenColorway=" + colorID;
								
						$.ajax({
									   
							 type: "POST",
							  url: "/products/getColorway",
							  data: str,
							  dataType: "json",
							  cache: false,
							  success: function( data ) {
								  
									
									var str = "image=" + data.colorwayImage;
									
									$.ajax({
												   
										  type: "POST",
										  url: "/products/getColorwayPhoto",
										  data: str,
										  cache: false,
										  success: function(result){
											  
												$("#patternLargeImg").html(result);
												
												switch(  data.isInCart ) {
													
													case "true":
													
														jQuery("#addtocart-button").attr("style", "display:block")
															.children('a').attr("name", "addtocart_" + colorID)
															.children('img#cartButtonImg').attr("src", "/sites/www.lentexcorp.com/modules/browsepatterns/images/btn_removefmcart.gif");
													
													break;
													
													case "false":
														
														jQuery("#addtocart-button").attr("style", "display:block")
															.children('a').attr("name", "addtocart_" + colorID)
															.children('img#cartButtonImg').attr("src", "/sites/www.lentexcorp.com/modules/browsepatterns/images/btn_addtocart.gif");
															
													break;
													
												}
													
												$('#showTransition').fadeOut("fast", function() { 
																							  
													$("#patternProperties").addClass("ruler");
												
									
												});
											  
										  }
									  
									});
								
							  }
						  
						});
				
				
				} else 
				{ 
					
					var patternID 	= pathObject[1];
					var colorID 	= pathObject[3];
				
					$("#patternProperties").removeClass("ruler");
													   
					var str = "chosenPattern=" + patternID + "&chosenColor=" + colorID;
							
					$.ajax({
								   
						type: "POST",
						url: "/products/getPatternColorway",
						data: str,
						cache: false,
						success: function(result){
						  
							jQuery("#patternDetails-inner").html(result);
							
							jQuery("#patternDetails-inner").fadeIn("fast", function() { 
								
								$('#showTransition').fadeOut("fast", function() { 
																			  
									slideAccordion( 'pattern', patternID, 1 );
									
								});
							
							});
							
						}
					  
					});
				
				}
				
					
			} else {
				
				$('#showTransition').fadeOut("fast");
				
			}
		
		break;
		
	
	}
	
					
}

function slideAccordion( itemType, itemID, whichItem ) {
	
	jQuery("#colorDiv").html('');
	
	var str = "chosenPattern=" + itemID;
	
	$.ajax({
						   
		type: "POST",
		url: "/products/getColorwayNav",
		data: str,
		cache: false,
		success: function(result){
		  
			jQuery("#colorDiv").html(result);
			
		

			 $('#patternProperties-button').css("cursor","pointer").click( function() {
				
				var isHidden = $('#patternProperties-text').is(':hidden'); 
					
				if( isHidden ) {
					
					$('.propertiesCell').css("background-color","#ffffff");
					
					$('#patternProperties-text').slideToggle("fast");
						
				} else {
					
					$('#patternProperties-text').slideToggle("fast", function() {
																			  
						$('.propertiesCell').css("background-color","");
						
					});
						
				}
			 
			 });
			 
			
			 var colorwayNavHidden = $('#colorDiv').is(':hidden'); 
					
			if( colorwayNavHidden ) {
				
				$('#patternNav').toggleClass('patternMenuOn');
				
				$("#colorwayNav").toggleClass('patternMenuOn');
				
				$("#colorDiv")
					.slideDown(300)
					.siblings("#patternDiv")
					.slideUp(300, function() { 
							
						 $('.colormenu_content-scroll').jScrollPane
						 	
							({
							 	showArrows:true,
								scrollbarWidth:15
							});
			 
					});
					
			} 
		
			 
		}
	  
	});
	
}