$(function() {	
$('div#compare-image-1, div#compare-image-2').live('click',function(){
	var spot = $(this).attr('id').substring($(this).attr('id').length-1);
	if(spot != null){
		$.getJSON('/compare/delete/'+spot,function(data){
			set_images(data.imgs);
		});
	}
	return false;	
});
	

$('.add_compare').live('click',function(){
	$.getJSON($(this).attr('href'),function(data){
		set_images(data.imgs);
		autoScrollToCompare();
	});
	return false;
	});
	
	$('a#compare_link').live('click',function(){
		if($('div#compare-image-2 img').attr('src') == '/bin/wx/img/compare-image-blank.gif' || $('div#compare-image-1 img').attr('src') == '/bin/wx/img/compare-image-blank.gif') return false;
		window.location = $(this).attr('href');
	});
	
});
$(window).load(function(){
	$.get('/compare/get/'+new Date().getTime(),function(data){
		$('#compare-box').html(data);
		initHover();
	});
});

function initHover() {
	$('div#compare-image-1').hover(
		function () {
			if($('div#compare-image-1 img').attr('rel') == 0) return;
			$("div#compare-cover-1").css('background','transparent url("/bin/wx/img/delete-x.png") no-repeat top right');
		},
		function () {
			$("div#compare-cover-1").css('background','none');
		}
	);
	$('div#compare-image-2').hover(
		function () {
			if($('div#compare-image-2 img').attr('rel') == 0) return;
			$("div#compare-cover-2").css('background','transparent url("/bin/wx/img/delete-x.png") no-repeat top right');
		},
		function () {
			$("div#compare-cover-2").css('background','none');
		}
	);
}

function autoScrollToCompare() {
	$.scrollTo('.compare', 400);
}

function set_images(imgArr){
	for(var i=1; i<3; i++){
	var new_img = imgArr[i]['img'];
	var imgloc = $('div#compare-image-'+(i)+' img');
	$(imgloc).attr('src', new_img);
	}
	
}