function getShirts (page, cat) {

	var url = "/shirt/getshirts";

	dojo.xhrPost( {
		url: url,
		postData: "page=" + page + "&cat=" + cat,
		handleAs: "text",
		load: function(response) {
			dojo.byId('shirtWrap').innerHTML = response;
		}
	} );
}

function setPrice(shapeId) {

	var price = 19.90;
	var qtty = dojo.byId('quantity').value;

	if (shapeId == 3 || shapeId == 4 || shapeId == 6 || shapeId == 7) {
		price = 24.90;
	}

	dojo.byId('basePrice').value = price;
	calculateAmount(qtty);
}

function calculateAmount(qtty) {

	var price = dojo.byId('basePrice').value;
	var numericExpression = /^[0-9]+$/;

	if (qtty.match(numericExpression) && (qtty > 0)) {

		price = parseInt(qtty) * parseFloat(price);
		dojo.byId('price').innerHTML = '<u>' + price.toFixed(2) + ' &euro;</u>';
	}
}

function selectElement(colorId, shapeId, type) {

	var id = '';
	var shape = '';
	var color = '';
	var overColor = '';
	var outColor = '';
	var shirt = dojo.byId('shirt');
	var logo = dojo.byId('logo');
	var logoFront = dojo.byId('logoFront').value;
	var logoFrontNeg = dojo.byId('logoFrontNeg').value;
	var logoBack = dojo.byId('logoBack').value;
	var logoBackNeg = dojo.byId('logoBackNeg').value;
	var oldValue = dojo.byId(type).value;
	var side = dojo.byId('side').value;
	var typesUrl = dojo.byId('typesUrl').value;

	if (type == 'shape') {
		id = shapeId;
		setPrice(id);
		overColor = '#25455a';
		outColor = '#000000';
		colorId = dojo.byId('color').value;
		if (dojo.byId('noShapeColors')) {
			id > 2 ?
			dojo.byId('noShapeColors').style.display = 'none' :
			dojo.byId('noShapeColors').style.display = 'block';
		}
	} else {
		id = colorId;
		overColor = '#000000';
		outColor = '#25455a';
		shapeId = dojo.byId('shape').value;
		if (dojo.byId('noColorShapesM')) {
			if (colorId > 2) {
				dojo.byId('noColorShapesM').style.display = 'none';
				dojo.byId('noColorShapesF').style.display = 'none';
			} else {
				dojo.byId('noColorShapesM').style.display = 'block';
				dojo.byId('noColorShapesF').style.display = 'block';
			}
		}
		if (side == '0') {
			if (colorId == '2' && logoFrontNeg) {
				detectIE() ?
				logo.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + logoFrontNeg + "', sizingMethod='scale')" :
				logo.src = logoFrontNeg;
			} else {
				detectIE() ?
				logo.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + logoFront + "', sizingMethod='scale')" :
				logo.src = logoFront;
			}
		} else {
			if (colorId == '2' && logoBackNeg) {
				logo.src = logoBackNeg;
			} else {
				logo.src = logoBack;
			}
		}
	}

	color = getColorName(colorId);
	shape = getShapeName(shapeId);
	side == '1' ? shirt.src = typesUrl + '/' + shape + '_' + color + '_back.jpg' : shirt.src = typesUrl + '/' + shape + '_' + color + '_front.jpg';

	if (id != oldValue) {
		if (oldValue != 0) {
			dojo.byId(type+'-'+oldValue).style.borderColor = outColor;
		}
		dojo.byId(type+'-'+id).style.borderColor = overColor;
		dojo.byId(type).value = id;
	}
}

function toggleSide() {

	var logo = dojo.byId('logo');
	var shirt = dojo.byId('shirt');
	var side = dojo.byId('side');
	var colorId = dojo.byId('color').value;
	var shapeId = dojo.byId('shape').value;
	var typesUrl = dojo.byId('typesUrl').value;
	var logoFront = dojo.byId('logoFront').value;
	var logoFrontNeg = dojo.byId('logoFrontNeg').value;
	var logoBack = dojo.byId('logoBack').value;
	var logoBackNeg = dojo.byId('logoBackNeg').value;
	var color = getColorName(colorId);
	var shape = getShapeName(shapeId);

	if (side.value == '1') {
		shirt.src = typesUrl + '/' + shape + '_' + color + '_front.jpg';
		if (colorId == '2' && logoFrontNeg) {
			detectIE() ?
			logo.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + logoFrontNeg + "', sizingMethod='scale')" :
			logo.src = logoFrontNeg;
		} else {
			detectIE() ?
			logo.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + logoFront + "', sizingMethod='scale')" :
			logo.src = logoFront;
		}
		side.value = 0;
	} else {
		shirt.src = typesUrl + '/' + shape + '_' + color + '_back.jpg';
		if (colorId == '2' && logoBackNeg) {
			detectIE() ?
			logo.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + logoBackNeg + "', sizingMethod='scale')" :
			logo.src = logoBackNeg;
		} else {
			detectIE() ?
			logo.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + logoBack + "', sizingMethod='scale')" :
			logo.src = logoBack;
		}
		side.value = 1;
	}
}

function mouseout(id, type) {

	var selectedValue = dojo.byId(type).value;
	var outColor;

	type == 'shape' ? outColor = '#000000' : outColor = '#75b7eb';

	if (id != selectedValue) {
		dojo.byId(type+'-'+id).style.borderColor = outColor;
	}
}

function getShapeName(shapeId) {

	switch (shapeId) {

		case '1':
			shapeId = 'shirt_men';
			break;
		case '2':
			shapeId = 'shirt_women';
			break;
		case '3':
			shapeId = 'longsleeve_men';
			break;
		case '4':
			shapeId = 'longsleeve_women';
			break;
		case '5':
			shapeId = 'spaghettitop';
			break;
		case '6':
			shapeId = 'poloshirt_men';
			break;
		case '7':
			shapeId = 'poloshirt_women';
			break;
		default:
			shapeId = 'shirt_men';
	}

	return shapeId;
}

function getColorName(colorId) {

	switch (colorId) {

		case '1':
			colorId = 'black';
			break;
		case '2':
			colorId = 'white';
			break;
		case '3':
			colorId = 'yellow';
			break;
		case '4':
			colorId = 'pink';
			break;
		case '5':
			colorId = 'blue';
			break;
		case '6':
			colorId = 'green';
			break;
		case '7':
			colorId = 'red';
			break;
		default:
			colorId = 'black';
	}

	return colorId;
}

function validateForm() {

	var numericExpression = /^[0-9]+$/;
	var qtty = dojo.byId('quantity').value;
	var shape = dojo.byId('shape').value;
	var size = dojo.byId('size').value;
	var color = dojo.byId('color').value;

	if (qtty.match(numericExpression) && (qtty > 0)) {
		if (shape == 0) {
			alert("Please select a shape.");
			return false;
		}
		if (color == 0) {
			alert("Please select a color.");
			return false;
		}
		if (size == 0) {
			alert("Please select a size.");
			return false;
		}
		return true;
	} else {
		alert("Invalid quantity!");
		return false;
	}
}

function detectIE() {

	var browser=navigator.appName;
	var b_version=navigator.appVersion;
	var version=parseFloat(b_version);

	if (browser == "Microsoft Internet Explorer") {
		return true;
	}

	return false;
}