$(document).ready(function(){

		$.getJSON(feedUrl, function (data) { 
      $.each(data.fieldId764, function(i,item){
				var saving = Math.round((data.fieldId763[i] - data.fieldId761[i]) / data.fieldId763[i] * 100);
				if (i < 3)
				{
					var pos;
					var style;
					var active;
					if (i == 0)
					{
						pos = 'first';
						style = '';
						active = 'active';
					}
					else if (i == 1)
					{
						pos = 'second';
						style = 'display: none;';
						active = '';
					}
					else if (i == 2)
					{
						pos = 'third';
						style = 'display: none;';
						active = '';
					}

					var productHtml = '<div class="prod_info active" style="'+style+'" id="'+pos+'">'
						+ '<div class="pro_img_holder"><a href="'+data.fieldId764[i]+'"><img src="'+data.fieldId765[i]+'" id="photo'+i+'" style="padding-bottom: 10px; border: none; float: none;" /></a></div>'
						+ '<h2><a href="'+data.fieldId764[i]+'">'+data.fieldId756[i]+' '+data.fieldId759[i]+'</a></h2>'
						+ '<div class="offer"><span><strike>RRP: $'+data.fieldId763[i]+'</strike>. <span class="discount">SAVE '+saving+'% now</span></div>'
						+ '<div class="price">$'+data.fieldId761[i]+'</div>'
						+ '<a href="'+data.fieldId764[i]+'" class="big_buy_now"><span>Buy now</span></a>'
						+ '</div>\n';
	        document.getElementById('sliderProducts').innerHTML += productHtml;
	        $('#photo'+i).css("height", "200px");

					var productHtml = '<a href="#'+pos+'" class="tabs '+active+'" id="'+pos+'_link">\n'
						+ '<h2>'+data.fieldId756[i]+' '+data.fieldId759[i]+'</h2>'
						+ '<div class="price_info">'
						+ '<span>SAVE '+saving+'% now</span>'
						+ '<span class="price">$'+data.fieldId761[i]+'</span>'
						+ '</div>'
						+ '<div class="active_arrow"></div>\n'
						+ '</a>';
	        document.getElementById('sliderNav').innerHTML += productHtml;
	        //alert(productHtml);

				}
				else
				{
					var productHtml = '<div class="product_listed">'
						+ '<div class="pro_img_holder"><a href="'+data.fieldId764[i]+'"><img src="'+data.fieldId765[i]+'" id="photo'+i+'" style="padding-bottom: 10px; border: none; float: none;" /></a></div>'
						+ '<div class="prod_info">'
						+ '<h3><a href="'+data.fieldId764[i]+'">'+data.fieldId756[i]+' '+data.fieldId759[i]+'</a></h3>'
						+ '<div class="offer"><span class="discount">SAVE '+saving+'% now</span><div class="price">$'+data.fieldId761[i]+'</div></div>'
						+ '<a href="'+data.fieldId764[i]+'" class="buy_now"><span>Buy now</span></a>'
						+ '</div>\n';
						+ '</div>\n';
	        document.getElementById('gridProducts').innerHTML += productHtml;
	        $('#photo'+i).css("height", "90px");
	      }
      });


			setTimeout("rotate_product()", 5000);
		});

	
	$(".nav").children("ul").children("li").mouseover(function(){
		$(this).children("ul").show();
		activeSubMenu = $(this).children("ul");
	});

	$(".nav").children("ul").children("li").mouseout(function(){
		$(this).children("ul").hide();
	});
	
	$(".tabs").click(function(){
		$(".tabs").removeClass('active');
		$(this).addClass('active');
		
		var product = $(this).attr('href');
		// make the previously selected product disappearing & make the selected product appearing 
		$(".scroll .active").fadeOut("normal", function(){$(product).fadeIn("normal");});
		$(".scroll .prod_info").removeClass('active');
		$(product).addClass('active');
		
		return false;
	});
});

function rotate_product(){
	// get the active tab
	var old_product = $(".intro_nav .active").attr('href');
	
	// select the new tab to change to
	if(old_product == '#first'){
		var product = '#second';
	}
	else if(old_product == '#second'){
		var product = '#third';
	}
	else{
		var product = '#first';
	}

	$(".tabs").removeClass('active');
	$(product+'_link').addClass('active');
	
	// make the previously selected product disappearing & make the selected product appearing 
	$(".scroll .active").fadeOut("normal")
	setTimeout('$("'+product+'").fadeIn("normal");', 500);
	$(".scroll .prod_info").removeClass('active');
	$(product).addClass('active');
	setTimeout("rotate_product()", 5000);


	/*$(".scroll .active").fadeOut("normal", function(){
		$(product).fadeIn("normal");
		$(".scroll .prod_info").removeClass('active');
		$(product).addClass('active');
		setTimeout("rotate_product()", 5000);
		});*/

	return false;
}