// WEB SHOP //
	$(document).ready(function() {
                $('#oc_webshop .categories_field').mouseover(function(){
                        $(this).removeClass('categories_field').addClass('categories_field_mouseover');
                }).mouseout(function(){
                        $(this).removeClass('categories_field_mouseover').addClass('categories_field');
                });

		// 12/24 month buttons
		$('#oc_webshop .abbon_12').click(function() {

			// Reference $(this) to avoid DOM traversal
			var $this = $(this);

			// Change 12m price
			$this.parent().parent().children(".price_12").show();
			$this.parent().parent().children(".price_24").hide();
			$this.parent().parent().parent().children(".bottom_text").children(".totalprice_12").show();
                        $this.parent().parent().parent().children(".bottom_text").children(".totalprice_24").hide();

			// Change btn backgrounds
			$this.children("img").attr("src", "/img/webshop/abbon_12_highlighted.png");
			$this.parent().children(".abbon_24").children("img").attr("src", "/img/webshop/abbon_24.png");
			
			// Set hidden input
			$this.parents("form").find(".payment_selected").attr("value", "12");
		});

		$('#oc_webshop .abbon_24').click(function() {

			// Reference $(this) to avoid DOM traversal
			var $this = $(this);

			// Change 24m price
			$this.parent().parent().children(".price_12").hide();
			$this.parent().parent().children(".price_24").show();
			$this.parent().parent().parent().children(".bottom_text").children(".totalprice_12").hide();
                        $this.parent().parent().parent().children(".bottom_text").children(".totalprice_24").show();

			// Change btn backgrounds
			$this.parent().children(".abbon_12").children("img").attr("src", "/img/webshop/abbon_12.png");
			$this.children("img").attr("src", "/img/webshop/abbon_24_highlighted.png");
			
			// Set hidden input
			$this.parents("form").find(".payment_selected").attr("value", "24");
		});



	/* Set selected phone color */
	$('#oc_webshop .color').click(function() {

		// reset all color
		$('#oc_webshop .color_wrapper').removeClass('selected');
		$('#oc_webshop .color').css("opacity","0.4");
		$('#oc_webshop .color').css("filter","alpha(opacity=40)");

		// select current target
		$(this).css("opacity","1");
		$(this).css("filter","alpha(opacity=100)");
		$(this).parents(".color_wrapper").addClass('selected');


		// set hidden input
		$('#color_selected').attr("value", $(this).attr("name"));
	});

	/*
	 * Disabled functionality for picking phone color
	 *
	$('#oc_webshop .product_description .color').click(function(e) {
			var $this = $(this);

			console.log($(e.target).attr('class'));

			if ($(e.target).attr('class') == 'color white'){
				$this.parent().parent().parent().parent().children(".phone_field_inner").children("img").attr("src", "user_img/htc_hero_white.jpg");
			}
			else if ($(e.target).attr('class') == 'color red'){
				$this.parent().parent().parent().parent().children(".phone_field_inner").children("img").attr("src", "user_img/htc_hero_red.jpg");
			}
			else{
				$this.parent().parent().parent().parent().children(".phone_field_inner").children("img").attr("src", "user_img/htc_hero.jpg");
			}

		});
	*/
	});/*// WEB SHOP //
$(document).ready(function() {

	// 12/24 month buttons
	$('#oc_webshop .abbon_12').click(function() {

		// Reference $(this) to avoid DOM traversal
		var $this = $(this);

		// Change 12m price
		$this.parent().parent().children(".price_12").show();
		$this.parent().parent().children(".price_24").hide();

		// Change btn backgrounds
		$this.children("img").attr("src", "/img/webshop/abbon_12_highlighted.png");
		$this.parent().children(".abbon_24").children("img").attr("src", "/img/webshop/abbon_24.png");
	});

	$('#oc_webshop .abbon_24').click(function() {

		// Reference $(this) to avoid DOM traversal
		var $this = $(this);

		// Change 24m price
		$this.parent().parent().children(".price_12").hide();

		$this.parent().parent().children(".price_24").show();

		// Change btn backgrounds
		$this.parent().children(".abbon_12").children("img").attr("src", "/img/webshop/abbon_12.png");
		$this.children("img").attr("src", "/img/webshop/abbon_24_highlighted.png");

	});
});*/