	$(document).ready(function (){

		//	load color list
		list_color();
		show_votes();

		$('#title_shop').click(function(){
			location.href = "shop.php";
		});

		$('#title_shop_active').click(function(){
			location.href = "shop.php";
		});

		$('#title_sale').click(function(){
			location.href = "sale.php";
		});

		$('#title_sale_active').click(function(){
			location.href = "sale.php";
		});

		$('#btn_next_product').hover(function(){
			shop_hover_buttons(this,"over");
		},
		function(){
			shop_hover_buttons(this,"");
		});

		$('#btn_previous_product').hover(function(){
			shop_hover_buttons(this,"over");
		},
		function(){
			shop_hover_buttons(this,"");
		});

		$('#btn_back_shop').hover(function(){
			shop_hover_buttons(this,"over");
		},
		function(){
			shop_hover_buttons(this,"");
		});

		$('#btn_back_sale').hover(function(){
			shop_hover_buttons(this,"over");
		},
		function(){
			shop_hover_buttons(this,"");
		});

		$('#btn_add_to_bag').hover(function(){
			shop_hover_buttons(this,"over")
		},
		function(){
			shop_hover_buttons(this,"")
		});

		$('#btn_add_to_bag').click(function(){
			if($('#color').val() == "")
			{
				alert("Please select color");
				$('#color').focus();
			}
			else if ($('#size').val() == "")
			{
				alert("Please select size");
				$('#size').focus();
			}
			else if (parseInt($('#quantity').val())<=0 || isNaN($('#quantity').val()) || $('#quantity').val() == "")
			{
				alert("Please insert quantity");
				$('#quantity').focus();
			}
			else if ( parseInt($('#quantity').val()) > parseInt($('#stock').val()) )
			{
				alert("There's no stock available. Only " + $('#stock').val() + " articles left");
			}
			else
			{
				var color = $('#color :selected').text();
				var size = $('#size :selected').text();
				var item = $('#product_name').val();
				var product_id = $('#product_size_id').val();
				var price = $('#product_price').val();
				var quantity = $('#quantity').val();
				var product = item + " - " + color + " " + size;
				add_shopping_cart_item(product_id,product,price,quantity)
			}
			return false;
		});

		$('#btn_checkout').hover(function(){
			shop_hover_buttons(this,"over")
		},
		function(){
			shop_hover_buttons(this,"")
		});
	
		$('#btn_checkout').click(function(){
			do_checkout();
		});

		$('#btn_shop_tell').hover(function(){
			shop_hover_buttons(this,"over")
		},
		function(){
			shop_hover_buttons(this,"")
		});
		$('#btn_shop_tell').click(function(){
			location.href = "tell-a-friend.php";
		})

		$('#btn_shop_model').hover(function(){
			shop_hover_buttons(this,"over")
		},
		function(){
			shop_hover_buttons(this,"")
		});

		$('#btn_shop_views').hover(function(){
			shop_hover_buttons(this,"over")
		},
		function(){
			shop_hover_buttons(this,"")
		});

		$('#btn_shop_views').click(function(){
			list_additional_views();
		});

		$('#btn_shop_views_close').click(function(){
			close_additional_views();
		});

		$('#btn_size_chart').hover(function(){
			shop_hover_buttons(this,"over")
		},
		function(){
			shop_hover_buttons(this,"")
		});

		$('#btn_size_chart').click(function(){
			location.href = "size-chart.php";
		});


		$('#btn_shop_zoom').hover(function(){
			shop_hover_buttons(this,"over")
		},
		function(){
			shop_hover_buttons(this,"")
		});

		$('#btn_shop_zoom').click(function(){
			show_zoom_message();
		});

		$('#btn_view_all').click(function(){
			$('#shop_buttons').css('display','none');
			$('#btn_view_all').css('display','none');
			$('#btn_view_pages').css('display','block');
			$('#shop-content').css('overflow','auto');
		});

		$('#btn_view_pages').click(function(){
			$('#shop_buttons').css('display','block');
			$('#btn_view_all').css('display','block');
			$('#btn_view_pages').css('display','none');
			$('#shop-content').css('overflow','hidden');
		});

		$("#btn_01").mouseover(function (){
			change_vote(1);
		});
		$("#btn_01").mouseout(function (){
			clear_vote();
		});
		$('#btn_01').click(function(){
			do_vote(1);
		});

		$("#btn_02").mouseover(function (){
			change_vote(2);
		});
		$("#btn_02").mouseout(function (){
			clear_vote();
		});
		$('#btn_02').click(function(){
			do_vote(2);
		});

		$("#btn_03").mouseover(function (){
			change_vote(3);
		});
		$("#btn_03").mouseout(function (){
			clear_vote();
		});
		$('#btn_03').click(function(){
			do_vote(3);
		});

		$("#btn_04").mouseover(function (){
			change_vote(4);
		});
		$("#btn_04").mouseout(function (){
			clear_vote();
		});
		$('#btn_04').click(function(){
			do_vote(4);
		});

		$("#btn_05").mouseover(function (){
			change_vote(5);
		});
		$("#btn_05").mouseout(function (){
			clear_vote();
		});
		$('#btn_05').click(function(){
			do_vote(5);
		});

	});

	function shop_hover_buttons(button,state)
	{
		if(state=="over")
		{
			$(button).addClass("hover");
		}
		else
		{
			$(button).removeClass("hover");
		}
	}

	function change_product(product_id,page_id,view)
	{
		if(!isNaN(product_id))
		{
			location.href = "product-info.php?product_id="+product_id+"&page_id="+page_id+"&view="+view;
		}
	}

	function list_color()
	{
		var product_color = document.getElementById('product-color');
		product_color.innerHTML = "<img src='imgs/layout/ajax-loader.gif'>";

		$.ajax({
			type: "POST",
			url: "classes/product-info.php",
			cache: false,
			data: "cmd=list-color&product_id="+$('#product_id').val(),
			success: function(res){
				product_color.innerHTML = res;
			},
			error: function(){
				alert("Error Fetching Data (C1)");
			}
		});
		return false;
	}

	function list_size(color_id)
	{

		var product_size = document.getElementById('product-size');
		var product_size_id = document.getElementById('product_size_id');
		var stock = document.getElementById('stock');
		product_size.innerHTML = "<img src='imgs/layout/ajax-loader.gif'>";
		product_size_id.value = "";
		stock.value = "0";

		if(color_id != "")
		{
			$.ajax({
				type: "POST",
				url: "classes/product-info.php",
				cache: false,
				data: "cmd=list-size&product_id="+$('#product_id').val()+"&color_id="+color_id,
				success: function(res){
					product_size.innerHTML = res;
				},
				error: function(){
					alert("Error Fetching Data (C1)");
				}
			});
		}
		else
		{
			product_size.innerHTML = "<select disabled ><option>SELECT SIZE</option></select>";
		}
		return false;
	}

	function show_stock(size_id)
	{
		var product_size_id = document.getElementById('product_size_id');
		var stock = document.getElementById('stock');
		product_size_id.value = "";
		stock.value = "0";

		if(size_id != "")
		{
			$.ajax({
				type: "POST",
				url: "classes/product-info.php",
				cache: false,
				data: "cmd=show-stock&product_id="+$('#product_id').val()+"&color_id="+$('#color').val()+"&size_id="+size_id,
				success: function(res){
					res = res.split("|");
					product_size_id.value = res[0];
					stock.value = res[1];
				},
				error: function(){
					alert("Error Fetching Data (C1)");
				}
			});
		}
		return false;
	}

	function list_additional_views()
	{
		$('#additional-views').fadeIn("fast");
		var additional_views = document.getElementById('additional-views');

		$.ajax({
			type: "POST",
			url: "classes/product-info.php",
			cache: false,
			data: "cmd=list-additional-view&product_id="+$('#product_id').val(),
			success: function(res){
				additional_views.innerHTML = res;
			},
			error: function(){
				alert("Error Fetching Data (C1)");
			}
		});
	}

	function close_additional_views()
	{
		var left = document.getElementById('left');
		$('#additional-views').fadeOut("fast");
		left.innerHTML = $('#principal-image').val();
	}

	function change_image(image)
	{
		var left = document.getElementById('left');
		left.innerHTML = "<img src='"+image+"' height='100%' alt='additional view' title='additional view'>";
	}

	function sale_back(page_id,view)
	{
		location.href = "sale.php?page_id="+page_id+"&view="+view;
	}

	function shop_back(page_id,view)
	{
		location.href = "shop.php?page_id="+page_id+"&view="+view;
	}

	function show_zoom_message()
	{
		$('#zoom_message')
			.fadeIn('slow')
			.animate({opacity: 1.0}, 2000)
			.fadeOut('slow')
	}

	function change_vote(vote)
	{
		for(i=0;i<6;i++)
		{
			$("#btn_0"+i).css('backgroundPosition','bottom');
		}

		for(i=0;i<vote;i++)
		{
			var star = i+1;
			$("#btn_0"+star).css('backgroundPosition','top');
		}
	}

	function clear_vote()
	{
		var avg = document.getElementById('vote_avg');
		the_vote = avg.value;

		for(i=0;i<6;i++)
		{
			$("#btn_0"+i).css('backgroundPosition','bottom');
		}
		for(i=0;i<the_vote;i++)
		{
			vote = i+1;
			$("#btn_0"+vote).css('backgroundPosition','top');
		}
	}

	function show_votes()
	{
		var avg = document.getElementById('vote_avg');

		$.ajax({
			type: "POST",
			url: "classes/product-info.php",
			cache: false,
			data: "cmd=show-votes&product_id="+$('#product_id').val(),
			success: function(res){
				avg.value = res;
				clear_vote();
			},
			error: function(){
				alert("Error Fetching Data (C1)");
			}
		});
		return false;
	}

	function do_vote(vote)
	{
		$.ajax({
			type: "POST",
			url: "classes/product-info.php",
			cache: false,
			data: "cmd=vote&vote="+vote+"&product_id="+$('#product_id').val(),
			success: function(res){
				if(res == 1)
				{
					alert("Thanks!");
					show_votes();
				}
				else if(res == 3)
				{
					alert("You already vote this product today");
				}
			},
			error: function(){
				alert("Error Fetching Data (C1)");
			}
		});
		return false;
	}