var signUpPopupStatus = 0;
var tabContainers;
var page = "";
$(document).ready(function () {
    $("#signupbutton").click(function () {
        $("#popupSignUp").css({
            "position": "absolute",
            "top": 495,
            "left": 440
        });
        $("#backgroundPopup").css({
            "height": document.documentElement.clientHeight
        });
        if (signUpPopupStatus == 0) {
            $("#backgroundPopup").css({
                "opacity": "0"
            });
            $("#backgroundPopup").fadeIn(1);
            $("#popupSignUp").fadeIn("fast");
            signUpPopupStatus = 1;
        }
    });
    $("#popupSignUpClose").click(function () {
        if (signUpPopupStatus == 1) {
            $("#backgroundPopup").fadeOut(1);
            $("#popupSignUp").fadeOut("fast");
            signUpPopupStatus = 0;
        }
    });
    $("#backgroundPopup").click(function () {
        if (signUpPopupStatus == 1) {
            $("#backgroundPopup").fadeOut(1);
            $("#popupSignUp").fadeOut("fast");
            signUpPopupStatus = 0;
        }
    });
    tabContainers = $('div.contentLeft > div');
    tabContainers.hide();
    $('#p0').show();
    $('.gridRightCell').click(function () {
        if (!(tabContainers.is(':animated'))) {
            $('.colorHolder').removeClass('selected');
			
            var match = /cat[0-9]+g([0-9]+)/i.exec(this.id);
            var id = match[1];
			var currentTab = tabContainers.hide().filter("#p" + id);
            currentTab.show(400);
			
			if(!(currentTab.hasClass('loaded'))) {
				tabElements = currentTab.find('.leftPictureHolder > div');
				if(tabElements.size() == 1) {
					tabElements.parent().children().each(function() {
						console.log($(this));
						if($(this).hasClass('moreviews')) {
							$(this).hide();
						}
					});
				}
				else {
					tabElements.each(function(index) {
						if(!($(this).hasClass('imgShown'))) {
							if(!($(this).hasClass('moreviews'))) {
								$(this).children().attr('src', imageHostURL + $(this).children().attr('alt'));
							}
						}
					});
				}
				
				currentTab.addClass('loaded');
			}
        }
        return false;
    });
    $('.quantity').click(function () {
        this.value = "";
    });
    $('.colorHolder, .setOfFour').click(function () {
        $('.colorHolder, .setOfFour').removeClass('selected');
        $(this).addClass('selected');
    });
    $('.cartAdd').click(function () {
		//TODO: We might be resetting colorHolders somewhere when you change product at buy me. Maybe the same for setOfFour?
        if (this.innerHTML == "please wait..") {
            return false;
        }
        if ($('#' + this.id).hasClass('checkout')) {
            document.location.href = '/tea-towels/cart/checkout';
        }
        else {
            var id = this.id.substring(9);
            if (!($('.colorHolder, .setOfFour').hasClass('selected'))) {
                if ($('.colorHolder[id$="' + id + '"], .setOfFour[id$="' + id + '"]').size() == 0) {
                    var color = "default";
                } else {
                    alert("Please select a color");
                    return false;
                }
            } else {
                var color = $('.colorHolder.selected, .setOfFour.selected').attr("id").split("_")[0];
            }
			var setIsSelected = $('.setOfFour.selected').size() > 0;
			if(setIsSelected){
            	var quantity = $('input[name=mquantity' + id + ']').val();
			}
			else{
				var quantity = $('input[name=quantity' + id + ']').val();
			}
            quantity = parseFloat(quantity);
            if (isNaN(quantity)) {
                alert("Please enter the quantity you wish to order");
                return false;
            }
            var dataString = 'id=' + id + '&color=' + color + '&quantity=' + quantity;
            $(this).addClass('wait');
            $.ajax({
                type: 'POST',
                url: '/process.php?action=addToCart',
                data: dataString,
                success: function (data, textStatus) {
                    if ($('.wait').hasClass('checkout')) {
                        $('.wait').html("checkout");
                        document.location.href = '/tea-towels/cart/checkout';
                    } else {
                        $('.wait').html("add to cart");
                    }
                    if ((data.indexOf('error') > -1) && !($('.wait').hasClass('checkout'))) {
                        alert(data);
                    } else {
                        $('#carttell').html(data);
                        if (quantity == 1) {
                            if ($('.wait').hasClass('checkout')) {
                                $('.wait').removeClass('wait');
                            } else {
                                alert('Added 1 item to cart');
                                $('.wait').removeClass('wait');
                            }
                        } else if (quantity > 1) {
                            if ($('.wait').hasClass('checkout')) {
                                $('.wait').removeClass('wait');
                            } else {
                                alert('Added ' + quantity + ' items to cart');
                                $('.wait').removeClass('wait');
                            }
                        }
                    }
                }
            });
            this.innerHTML = "please wait..";
            $('#' + this.id).addClass('wait');
        }
    });
    $('.moreviews').click(function () {
        var images = $(this).parent().children().filter('.img');
        if (images.filter('.imgShown').next().hasClass('moreviews')) {
            images.filter('.imgShown').removeClass('imgShown').addClass('imgHidden');
            images.eq(0).removeClass('imgHidden').addClass('imgShown');
        } else {
            images.filter('.imgShown').removeClass('imgShown').addClass('imgHidden').next().removeClass('imgHidden').addClass('imgShown');
        }
    });
    $('.useme').click(function () {
        document.location.href = "useme";
    });
    $('.buyme').click(function () {
        document.location.href = "buyme";
    });
    $('.category').hover(function () {
        $('[id^=' + this.id + '][id!=' + this.id + ']').css('border', '2px solid #EA6820');
    }, function () {
        $('[id^=' + this.id + '][id!=' + this.id + ']').css('border', '2px solid #FFFFFF');
    });
});
$(window).load(function () {
    if (page == 'useme') {
        $('.pLeft').show('slow');
    } else if (page == 'buyme') {
        $('.pLeft').slideDown('slow');
    } else if (page == 'story') {
        $('.pLeft').fadeIn('slow');
    }
	var images = $('.postLoadImg');
	for (var i = 0; i < images.size(); i++) {
		images.eq(i).attr("src", imageHostURL + images.eq(i).attr("alt"));
	}
});

function showMain() {
    tabContainers.hide();
    $('#p0').show(400);
}

function clearField(field){
	if(!($('input[name="'+field.name+'"]').data("isPressed"))){
		field.value="";$('input[name="'+field.name+'"]').data("isPressed",true);
	}
}