var loading_img = "<img src='/img/ajax-loader.gif' width=16 />";

function populateCities(){
	var str = $("#ShopsSearchForm").serialize();
	$("#ShopsCity").after(loading_img);
	$("#ShopsCity").hide();
	$.ajax({
		type: "POST",
		data: str,
		url: "/shops/cities",
		success: function(data){
			$("#citiesTd").html(data);
		}
	}); 
}

$(document).ready(function() {
	$("select#ShopsRegionId").change(function(){
		populateCities();
	});		
	/*
	var optsProducts = { 
			align: 'bottom', 
			size: 300,
			coefficient : 1.5,
			labels: 'bc',
			distance: 50
	};
	$('#products').jqDock(optsProducts);

	var optsProductsBindings = { 
			align: 'bottom', 
			size: 100,
			coefficient : 1.5,
			labels: 'bc',
			distance: 50
	};
	$('#products-bindings').jqDock(optsProductsBindings);

	var optsProductsClothes = { 
			align: 'bottom', 
			size: 100,
			coefficient : 1.5,
			labels: 'bc',
			distance: 50
	};	
	$('#products-clothes').jqDock(optsProductsClothes);

	var optsProductsClothesHands = { 
			align: 'bottom', 
			size: 40,
			coefficient : 1.5,
			labels: 'bc',
			distance: 50
	};	
	$('#products-clothes-hands').jqDock(optsProductsClothesHands);	

	var optsProductsPoles = { 
			align: 'bottom', 
			size: 200,
			coefficient : 1.5,
			labels: 'bc',
			distance: 50
	};	
	$('#products-poles').jqDock(optsProductsPoles);

	var optsProductsAccessories = { 
			align: 'bottom', 
			size: 200,
			coefficient : 1.5,
			labels: 'bc',
			distance: 50
	};	
	$('#products-accessories').jqDock(optsProductsAccessories);	
	*/
	
	$('#products a img, #products-bindings a img, #products-clothes a img, #products-clothes-hands a img, #products-poles a img, #products-accessories a img').hover(
        function() {
            var tooltip = $('#prod_tooltip');
            if (tooltip.length == 0) {
                div = $("<div id='prod_tooltip'>").html("Loading......");
                $("body").prepend(div);
            }
            var title = $(this).attr('title');
            $('#prod_tooltip').html(title);
            $('#prod_tooltip').show();
        },
        function() {           
            $('#prod_tooltip').hide();
        }
    ).mousemove(function(e) {
        //console.log(e);
        var tooltip = $('#prod_tooltip');
        if (tooltip.length == 0) {
            div = $("<div id='prod_tooltip'>").html("Loading......");
            $("body").prepend(div);
        }        
        $('#prod_tooltip').css({
          'top': e.pageY + 20 + 'px',
          'left': e.pageX + 20 + 'px'
        });
    });

	var opts = { 
			align: 'bottom', 
			size: 70,
			coefficient : 1.5,
			/*labels: 'bc',*/
			labels: false,
			distance: 50
	};
	
	$('#subgroups > div.fisheyeimg').jqDock(opts);
	$('#technologies').jqDock(opts);
	$('#teams').jqDock(opts);
	$('#media').jqDock(opts);
	$('#newstypes').jqDock(opts);
	
	var jqzoomOptions = {
	    zoomWidth: 400,
	    zoomHeight: 200,
        xOffset: 300,
        yOffset: 10,
        position: "top",
        title: false,
        preloadText: "Ładowanie",
        showEffect: "fadein",
    	hideEffect: "fadeout",
    	fadeinSpeed: "medium"
	};
	
	$(".jqzoom").jqzoom(jqzoomOptions);
	
	if ($('#coin-slider').length>0) {
		$('#coin-slider').coinslider({ width: 300, height: 200});
	}
	
	if ($('#coin-slider-news-fotos').length>0) {
		$('#coin-slider-news-fotos').coinslider({ width: 300, height: 350});
	}
	
	$("#carouselTeam").CloudCarousel({			
		xPos: 300,
		yPos: 30,
		buttonLeft: $("#left-but"),
		buttonRight: $("#right-but"),
		altBox: $("#alt-text"),
		titleBox: $("#title-text")
	});
	/*
	$("#carouselNews").CloudCarousel({			
		xPos: 300,
		yPos: 5,
		buttonLeft: $("#left-but"),
		buttonRight: $("#right-but"),
		altBox: $("#alt-text"),
		titleBox: $("#title-text")
	});
	*/	
	$('.scroll-pane').jScrollPane({});	
})