/*
 * Image preview script 
 * powered by jQuery (http://www.jquery.com)
 * 
 * written by Alen Grakalic (http://cssglobe.com)
 * 
 * for more info visit http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery
 *
 */
 
this.imagePreview = function(){	
	/* CONFIG */
		
		xOffset = -20;
		yOffset = -250;
		
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result
		
	/* END CONFIG */
	if ($("a.preview").length > 0){
		$("a.preview").hover(function(e){
			this.t = this.title;
			this.title = "";	
			var c = (this.t != "") ? "<br/>" + this.t : "";
			$("body").append("<p id='preview'><img src='"+ this.href +"' alt='Image preview' width='350px' />"+ c +"</p>");								 
			$("#preview")
				.css("top",(e.pageY - xOffset) + "px")
				.css("left",(e.pageX + yOffset) + "px")
				.fadeIn("fast");						
	    },
		function(){
			this.title = this.t;	
			$("#preview").remove();
	    });	
		$("a.preview").mouseover(function(e){
			$("#preview")
				.css("top",(e.pageY - xOffset) + "px")
				.css("left",(e.pageX + yOffset) + "px");
		});
	}
};


// starting the script on page load
$(document).ready(function(){
	
	
			$("a#documentImagego").fancybox({
				'overlayShow'	: true,
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic'
			});
	
	var q = 'assets/snippets/material_matcher/material.php';
	var q2 = 'assets/snippets/material_matcher/material_chooser.php';
	

	
	
	$('.main_material').click(function(){
	
		$.fancybox.showActivity();
	  	id = $('.identifier').attr('value');
		$.ajax({
			type		: "POST",
			cache	: false,
			url		: 'index-ajax.php',
			data		: {'q':q2,'category':$('.material_category ul li.active a').html(),'material':'main','id':id},
			success: function(data) {
				$.fancybox(data,{
				'scrolling':'yes',

						
					
					});
					
				imagePreview();
			}
		});
		
	});
	
	$('.companion_material').click(function(){
	
		$.fancybox.showActivity();
		id = $('.identifier').attr('value');
		$.ajax({
			type		: "POST",
			cache	: false,
			url		: 'index-ajax.php',
			data		: {'q':q2,'category':$('.material_category ul li.active a').html(),'material':'companion','id':id},
			success: function(data) {
				$.fancybox(data,{
				'scrolling':'yes',

						
					
					});
					imagePreview();
			}
		});
		
	});
		
	$('form .material_category ul li a').live('click',function(e){
		
		e.preventDefault();
		$('.material_category ul li').removeClass('active');
		$(this).parent('li').addClass('active');
		main_id = $('.main_material input').val();
		sub_id = $('.companion_material input').val();
		id = $('.identifier').attr('value');
		$('.total_price').load('index-ajax.php', {'q':q,'category':$(this).html(),'id':id,'main_id':main_id, 'sub_id':sub_id})
		
	})
	

	
	
	$('.modal_window .material_category ul li a').live('click',function(e){
		
		e.preventDefault();
		id = $('.identifier').attr('value');
		$('.material_category ul li').removeClass('active');
		$(this).parent('li').addClass('active');
		$('.materials_tochoose').load('index-ajax.php .materials_tochoose .outer', {'q':q2,'id':id,'category':$(this).html()},function(){imagePreview();})	
		
		
	})
	
	$('.material_done a').live('click',function(e){
		e.preventDefault();
		var type = $('.material_cat_ajax').attr('value');
		$('.'+type+'_material .swapper').html($(this).children('img').clone()); 
		
		id_new = $(this).parent('.material_done').children('input').attr('value');
		$('.'+type+'_material input').val(id_new);
		$.fancybox.close();
		a = setTimeout($("#preview").remove(),1000);
		

		main_id = $('.main_material input').val();
		sub_id = $('.companion_material input').val();
		id = $('.identifier').attr('value');
		$('.total_price').load('index-ajax.php', {'q':q,'category':$('form .material_category ul li.active a').html(),'id':id,'main_id':main_id, 'sub_id':sub_id})
	})
	

	
});