// random products change product
function change_product() {
	$('#randomproduct_place').load('index.php?controller=ajax&action=randomproduct');
	setTimeout("change_product()",15000);
	}
// random discount products change product
function change_discountproduct() {
	$('#discountproduct_place').load('index.php?controller=ajax&action=discountproduct');
	setTimeout("change_discountproduct()",15000);
	}

// fill the #city input value
function city_input_fill(result) {
	city = result.split(',');
	$('#city').val(city[0]);
	$('#postcode').val(city[1]);
	setTimeout("$('#city_hints').hide()",300);
	}
// fill the #postcode input value
function postcode_input_fill(result) {
	$('#postcode').val(result);
	setTimeout("$('#postcode_hints').hide()",300);
	}

$(document).ready(function() {
	// random products starting
	setTimeout("change_product()",15000);
	// random discount products starting
	if ($('#discountproduct_place').is('div')) {
		setTimeout("change_discountproduct()",15000);
		};
	// city autocomplete
	$('#city').keyup(function() {
		if ($(this).val().length > 1) {
			$(this).css('border','1px solid orange');
			$.post('index.php?controller=ajax&action=city',
			{
			city: $(this).attr('value')
			},
		function(msg) {
			if (msg!="") {
				$('#city_hints').empty();
				$('#city_hints').html(msg);
				$('#city_hints').show();
				$('#city_hints').css('display','inline');
				$('#city').css('border','1px solid green');
				}
			else {
				$('#city').css('border','1px solid red');
				}
			});
			}
		});
	$('#city').blur(function() {
		setTimeout("$('#city_hints').hide()",300);
		});
	
	// postcode autocomplete
	$('#postcode').keyup(function() {
		if ($(this).val().length > 2) {
			$(this).css('border','1px solid orange');
			$.post('index.php?controller=ajax&action=postcode',
			{
			postcode: $(this).attr('value')
			},
		function(msg) {
			if (msg!="") {
				$('#postcode_hints').empty();
				$('#postcode_hints').html(msg);
				$('#postcode_hints').show();
				$('#postcode_hints').css('display','inline');
				$('#postcode').css('border','1px solid green');
				}
			else {
				$('#postcode').css('border','1px solid red');
				}
			});
			}
		});
	$('#postcode').blur(function() {
		setTimeout("$('#postcode_hints').hide()",300);
		});
	
	// change to original image view, and back
	$('.thickbox').click(function() {
		var original_image_link = $(this).attr('href');
		var image_panel = $('<div id="image_layout_panel" onclick="$(this).remove();$(\'#container\').fadeIn(\'slow\');"></div>');
		var original_image = $('<img src="'+original_image_link+'" alt="">');
		$(original_image).css('display','block');
		$(original_image).css('margin','0 auto');
		$(image_panel).css('display','none');
		
		$('#container').slideUp('fast',function() {
			$(image_panel).insertAfter('#bar_panel');
			$(image_panel).append(original_image);
			$('#image_layout_panel').slideDown('fast');
			});
		return false;
		});
	// menu animation
	$('#main_menu_list > li > a')
		.css( {backgroundPosition: "0px -78px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(0px 0px)"}, {duration:400})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(0px -78px)"}, {duration:200, complete:function(){
				$(this).css({backgroundPosition: "0px -78px"})
			}})
		})

	});
// 		$('#container').fadeOut('slow');
// 		
// 		var original_image_link = $(this).attr('href');
// 		var container = $('<div id="image_layout_panel" onclick="$(this).remove();$(\'#container\').fadeIn(\'slow\');"></div>');
// 		var original_image = $('<img src="'+original_image_link+'" alt="">');
// 		
// 		//$('body').css('position','relative');
// 		$(original_image).css('display','block');
// 		$(original_image).css('margin','0 auto');
// 		
// 		//$(container).css('position','absolute');
// 		//$(container).css('width','100%');
// 		//$(container).css('height','100%');
// 		
// 		//$('body').prepend(container);
// 		$(container).insertAfter('#bar_panel');
// 		$(container).append(original_image);
// 		//$(original_image).css('margin-top',o.top+'px');
// 
// 		
// 		
// 		
// 		
// 		return false;
// 		// alert($(this).attr('href'));
// 		var original_image_link = $(this).attr('href');
// 		
// 		var o = $(this).children('img').offset();
// 		//var m = $(this).css('height');
// 		//var o =$(this).position();
// 		//alert(o.top);
// 		//var o = $(this).scrollTop();
// 		var h = $(this).children('img').height();
// 		var mt = o.top-h;
// 		//alert(o);
// 		//alert(m);
// 		//alert(newimage);
// 		//thumbnail_image = $(this).children('img').attr('src');
// 		//alert(image);
// 		//$(this).attr('href',thumbnail_image);
// 		//$(this).children('img').attr('src',original_image);
// 		//var original_image = new Image();
// 		//$(original_image).attr('src',original_image_link);
// 		//$(original_image).attr('onclick','$(this).remove();');
// 		var container = $('<div id="image_layout_panel" onclick="$(this).remove()"></div>');
// 		var original_image = $('<img src="'+original_image_link+'" alt="">');
// 		$('body').css('position','relative');
// 		$(original_image).css('display','block');
// 		$(original_image).css('margin','0 auto');
// 		
// 		$(container).css('position','absolute');
// 		$(container).css('width','100%');
// 		$(container).css('height','100%');
// 		
// 		$('body').prepend(container);
// 		$(container).append(original_image);
// 		$(original_image).css('margin-top',o.top+'px');
// // 		$(original_image).animate({
// // 		top: o+'px'
// // 		}, 1500 );
// 		//$(original_image).scrollTop(o);
// 		
// 		//$(original_image).css('left','-350px');
// 		//$(original_image).css('top','50px');
// 		//$(this).href = $(this).child('img').src;
// 		//$(this).child('img').src = newimage;
// 		return false;