$(document).ready(function() {

	$('.box-item').hoverbox();
	
	$('.home-sub[opened="1"]').show();
    $('.plan-itemSelected').next().hide();
    $('.box-item').fadeTo("fast", 0.5);

	$('.box-item').hover(
		  function () {
		    $(this).fadeTo("fast", 1);
		  }, 
		  
		  function () {
		    $(this).fadeTo("fast", 0.5);
		  }
	);

	$('.box-item a').click(
		function() {

		     $.ajax({
				   type: "POST",
				   url: "/product.html",
				   data: {  
				   			'command': 'box',
				   			'item': $(this).attr('rel')
						 },
				   success: function(data){
						if(data != 0){
							EnableLabelLink();
							InitLabelLink();
							$('#slider').hide();
							OpenNextStep("step-2");
						}
				   }
			  });
		     
		 return false;
	});

	$('#step-2 a').click(
		function() {

		     $.ajax({
				   type: "POST",
				   url: "/product.html",
				   data: {  
				   			'command': 'strenght',
				   			'strenght': $("input[name='strenght-option']:checked").val(),
				   			'color': $("input[name='color-option']:checked").val()
						 },
				   success: function(data){
						if(data != 0){
							if(data < 1)	$('#depth').hide();
							else	$('#depth').show();							
							EnableLabelLink();
							InitLabelLink();	
							OpenNextStep("step-3");
						}
				   }
			  });
		     
		 return false;		     
	});

	$('#step-3 a').click(
		function() {
			var wVal = parseFloat($("#plan-width").val());
			var lVal = parseFloat($("#plan-length").val());
			if(wVal > lVal)
				alert("Length can't be less than Width...");
			else
			     $.ajax({
					   type: "POST",
					   url: "/product.html",
					   data: {  
					   			'command': 'dimension',
					   			'length': $("#plan-length").val(),
					   			'width': $("#plan-width").val(),
					   			'depth': $("#plan-depth").val(),
					   			'quantity': $("#plan-quantity").val()
							 },
					   success: function(data){
							if(data > 0){
								$('#step-4 a').show();
								var subtotal = parseFloat($("#plan-quantity").val() * data).toFixed(2);								
								if(parseFloat(data) < 1)
									data = String.fromCharCode(162) + data * 100;
								else
									data = "$" + data;
								$("#plan-price").val(data);
								$("#plan-subtotal").val("$" + subtotal);
								EnableLabelLink();
								InitLabelLink();							
								OpenNextStep("step-4");
							}else
								if(data < 0)
									if(data == -10)
										alert("Length can't be less than Width...");
									else
										ShowHideQuoteForm(0);
	
					   }
				  });
		     
		 return false;		     
	});

	$('#step-4 a').click(
		function() {

		     $.ajax({
				   type: "POST",
				   url: "/product.html",
				   data: {  
				   			'command': 'contact',
				   			'fname': $("#plan-fname").val(),
				   			'lname': $("#plan-lname").val(),
				   			'phone': $("#plan-phone").val(),
				   			'email': $("#plan-email").val()
						 },
				   success: function(data){
						if(data > 0){
							$('#step-5 a').show();
							EnableLabelLink();
							InitLabelLink();							
							OpenNextStep("step-5");
						}else
							if(data != 0)
								alert(data);

				   }
			  });
	     
		 return false;		     
	});

	$('#step-5 a').click(
		function() {

			 $(this).parent().hide(); 
		     $.ajax({
				   type: "POST",
				   url: "/product.html",
				   data: {  
				   			'command': 'cart'
						 },
				   dataType: "json",		 
				   success: function(data){						
						if(data.total != 0){
							
							DisableLabelLink(0);
							$('#cart').html(data.total);
							$('#plan-message').html(data.text);
							$('#plan-message').show();
							$('#step-5').children('.sub-data').hide();

							$('#cart-continue a').click(
								function() {
									$('#plan-message').html("");
									$('#plan-message').hide();
									$('#step-5').children('.sub-data').show();
									$("#step-5 div[class='plan-btn']").show();
									$('#slider').show();
									OpenNextStep("step-1");
									
									ResetCartForm();
																		
									return false;		     
							});
							
						}else
							$('#step-5').show(); 

				   }
			  });
		     
		 return false;		     
	});

	$('.quote-btn a').click(
		function() {
			SubmitQuoteForm();
			return false; 		     
	});

	$('#slider').cycle({ 
	    fx:     'scrollVert', 
	    prev:   '#prev a', 
	    next:   '#next a', 
	    after:   onAfter, 
	    timeout: 0 
	});
	
});

function onAfter(curr, next, opts) {
    var index = opts.currSlide;
    
    if(index == 0){
    	$('#prev').children('span').show();
    	$('#prev').children('a').hide();
    }else{
    	$('#prev').children('a').show();
    	$('#prev').children('span').hide();
    }

    if(index == opts.slideCount - 1){
    	$('#next').children('span').show();
    	$('#next').children('a').hide();
    }else{
    	$('#next').children('a').show();
    	$('#next').children('span').hide();
    }
}

function OpenNextStep(step){

	var checkElement = $('#' + step);
	var old = $('.home-sub:visible');

    if(checkElement.is(':visible'))
        return false;
    else{
    	
        checkElement.parent().addClass('plan-itemSelected').removeClass('plan-item');
        old.parent().addClass('plan-item').removeClass('plan-itemSelected');
		old.slideUp('normal');
		checkElement.slideDown('normal');

        old.parent().prev('.plan-sep').show();
        old.parent().next('.plan-sep').show();

        checkElement.parent().prev('.plan-sep').hide();
        checkElement.parent().next('.plan-sep').hide();

    }
}

function InitLabelLink(){

	$('.plan-title a').click(
		function() {

			var checkElement = $(this).parent().parent().next();
			var old = $('.home-sub:visible');

			if(checkElement.attr('class') == "home-sub") {
                if(checkElement.is(':visible'))
                    return false;
                else{

        			ShowHideQuoteForm(checkElement.attr('id').replace(/[^0-9]+/g,''));
        			                	
                	if(checkElement.attr('id') == "step-1")
                		$('#slider').show();
                	
                    checkElement.parent().addClass('plan-itemSelected').removeClass('plan-item');
                    old.parent().addClass('plan-item').removeClass('plan-itemSelected');
                    
        		    old.slideUp('normal');
                    checkElement.slideDown('normal');

                    old.parent().prev('.plan-sep').show();
                    old.parent().next('.plan-sep').show();

                    checkElement.parent().prev('.plan-sep').hide();
                    checkElement.parent().next('.plan-sep').hide();
                    
                    DisableLabelLink(checkElement.attr('id'));
                }
			}else {
                return false;
			}
		});    	
}

function EnableLabelLink(){
	var labelParent = $('.plan-itemSelected').find('.pt-label');							
	var labelText = labelParent.html();
	labelParent.html('<a href="#">' + labelText + '</a>');	
	
	var numParent = $('.plan-itemSelected').find('.pt-num');							
	var numText = numParent.html();
	numParent.html('<a href="#">' + numText + '</a>');		
}

function DisableLabelLink(step){

	var startLoop;
	if(step != 0){
		
		var labelParent = $('.plan-itemSelected').find('.pt-label a');
		var numParent = $('.plan-itemSelected').find('.pt-num a');
		
		var labelText = labelParent.html();
		labelParent.parent().html(labelText);	
		
		var numText = numParent.html();
		numParent.parent().html(numText);	
		
		startLoop = step.replace(/[^0-9]+/g,'');
	}else
		startLoop = 0;
		
	var stepsArr = new Array("step-1", "step-2", "step-3", "step-4");
	for(var i = startLoop; i < stepsArr.length; i ++){

		var loopParent = $('#' + stepsArr[i]).prev().find('.pt-label a');
		var loopText = loopParent.html();
		loopParent.parent().html(loopText);				

		var loopNum = $('#' + stepsArr[i]).prev().find('.pt-num a');
		var numText = loopNum.html();
		loopNum.parent().html(numText);				

	}	
}

function ShowHideQuoteForm(step){

	if(step == 0){

		EnableLabelLink();
		InitLabelLink();
		
		$("#q-quantity").val($("#plan-quantity").val());
		
		var checkElement = $('#step-quote');
		var old = $('.home-sub:visible');
		
		$('#step-5').parent().hide();
		$('#step-quote').parent().show();

	    if(checkElement.is(':visible'))
	        return false;
	    else{
	    	
	        checkElement.parent().addClass('plan-quoteSelected').removeClass('plan-quote');
	        old.parent().addClass('plan-item').removeClass('plan-itemSelected');
			old.hide();
			checkElement.slideDown('normal');

			$('#step-4').parent().prev('.plan-sep').show();
	        checkElement.parent().prev('.plan-sep').hide();

	    }		
	}else{
		
		var checkElement = $('#step-' + step);
		var old = $('#step-quote');

        checkElement.parent().addClass('plan-itemSelected').removeClass('plan-item');
        old.parent().addClass('quote-item').removeClass('quote-itemSelected');
		old.slideUp('normal');
		checkElement.slideDown('normal');
		
		var old = $('#step-5'); 
		
		$('#step-5').parent().show();
		$('#step-quote').parent().hide();

        old.parent().prev('.plan-sep').show();
        old.parent().next('.plan-sep').show();

        checkElement.parent().prev('.plan-sep').hide();
        checkElement.parent().next('.plan-sep').hide();

	}
}

function SubmitQuoteForm(mdl){
	var post = $('#cart-form').serialize(); 
	$('#quote-loading').show();
	$('.quote-btn a').hide();
	$.ajax({
	    url: "/quote-request.html",
	    type: "POST",
	    data: post,
	    success: function(data){
			var responseArr = data.split("###");
			
			$('#quote-message').html(responseArr[1]);
			$('#quote-message').show();
			$('#step-quote').hide();
			$('#quote-loading').hide();
			$('.quote-btn a').show();
			
			if(responseArr[0] == 0){
				
				$('.quote-close a').click(
					function() {
						$('#quote-message').hide();
						$('#step-quote').show();
						return false; 		     
				});
				
			}else{
				DisableLabelLink(0);
				$('.quote-sent a').click(
					function() {
						$('#slider').show();						
						ResetCartForm();
						$('#step-quote').show();
						ShowHideQuoteForm(1);
						$('#quote-message').hide();
						$('#quote-message').html("");					
						return false; 		     
				});
								
			}
	    }
	});	
}

function ResetCartForm(){
	
	var hcFname = $('#plan-fname').val();
	var hcLname = $('#plan-lname').val();
	var hcPhone = $('#plan-phone').val();
	var hcEmail = $('#plan-email').val();
	
	document.getElementById('cart-form').reset();
	
	$('#plan-fname').val(hcFname);
	$('#plan-lname').val(hcLname);
	$('#plan-phone').val(hcPhone);
	$('#plan-email').val(hcEmail);
			
}