$(document).ready(function() {
	$('#textpanel').tabs();
	$('.sizeselector').click(function(){
		taille_selected = true;
		$('#tailleAlert').hide();
	});

	$('#lastlink').click(function(){
		$('#assoctab').hide();
		$('#lasttab').show();
	});
	$('#crosslink').click(function(){
		$('#assoctab').show();
		$('#lasttab').hide();
	});

	$('.restorelinks').click(function(){
		$('#assoctab').show();
		$('#lasttab').show();
	});

	$('#dleft, #dright').equalizeCols();

	var pid;
	$('.minithumb a').bind('mouseover', function(i){
		pid = this.id.split('_').pop();
		var curImg = jpics[pid];
		var newmidsrc = curImg.med;
		var newbigsrc = curImg.full;

		scale = curImg.scale;
		medholdersize = curImg.medholdersize;
		$('#thetarget').attr('src', newmidsrc);
		$('#zoom').attr('src',newbigsrc);
	});

	var tpos = $('#mainimage').position();

	//$('#tpos').html(tpos.left + "," + tpos.top);
	var bpos = {
		top: parseInt(tpos.top) + parseInt(medholdersize),
		left:parseInt(tpos.left) +parseInt(medholdersize)
	};

	var tx = Math.floor(300/scale);
	var tx2= Math.floor(tx/2);
	var tileH, tileW, tileLeft, tileTop;

	$('#detailBox').mousemove(function(pos){
		if ((tpos.left < pos.pageX) && (pos.pageX < bpos.left) && (tpos.top < pos.pageY) && ( pos.pageY < bpos.top )){

			tileH = tx;
			tileW = tx;
			tileTop = pos.pageY - tx2 - tpos.top + $('#mainimage').scrollTop();
			tileLeft= pos.pageX - tx2 - tpos.left;
			$('#tile').css({
				height: tileH,
				width: tileW,
				top: tileTop,
				left: tileLeft,
				display: ''
				});

			$('#zoomer').scrollLeft( scale * (pos.pageX-tx2-tpos.left));
			$('#zoomer').scrollTop (scale * ((pos.pageY+$('#mainimage').scrollLeft()) - tx2 - tpos.top) ) ;


		} else {
			$('#tile').css("display", 'none');
			$('#infos').css('visibility', 'visible');
			$('#zoomer').css('display', 'none');
			return;
		}
	});

	$('#thetarget').hover(
		function(e){
			//$('#tile').css('display', '');
			$('#zoomer').css('display', '');
			$('#infos').css('visibility', 'hidden');
		}, function(e){
			//
		});
});

$('#addbt').click(function(){
	if (!taille_selected){
		return false;
	}
});

$('#addbt').hover(function(){
	if (!taille_selected){
		var pos = $(this).position();
		$('#avertissement').css({
			top: pos.top -25,
			left: pos.left - 163,
			display: ''
		})
	}
},function(){
	$('#avertissement').hide();
});


//Gestion de l'ajout au comparateur
$('#addcompare').click(function(){

    $.ajax({
        'url': '/catalogue/addtocompare',
        'data': 'prd='+prdid + '&cid=' + cid,
		'success' : function(ret){
			if (ret == 1){
				Growl.show('Article ajout&eacute; au comparateur.');
			}
		}
    });
	
	
    
});

//Remplacement des selects taille par un seul hidden et les div affichÈs
var addHiddenSize = false;
$('.tailleradio').each(function(){
	var chelements = $(this).children();
	imp = chelements[0];
	lbl = chelements[1];
	$(this).parent().append('<div class="tailleSelectorOff" id="ts_' + imp.value + '">' + $(lbl).html() + '</div>');
	$(this).remove();
	addHiddenSize = true;
});



if(addHiddenSize){
	$('#tailles').append('<input type="hidden" id="htailleselect" name="taille" value="" />');
	$('.tailleSelectorOff').click(function(){
		if ($(this).hasClass('tailleSelectorOn')){
			$(this).addClass('tailleSelectorOff').removeClass('tailleSelectorOn');
			$('#htailleselect').val('');
			taille_selected = false;
			$('#selectedtaille').html('');
		} else {
			$(this).addClass('tailleSelectorOn').removeClass('tailleSelectorOff');
			$(this).siblings().removeClass('tailleSelectorOn').addClass('tailleSelectorOff');
			var stockid = this.id.split('_').pop();
			$('#htailleselect').val(stockid);
			taille_selected = true;
			$('#selectedtaille').html($(this).html());
		}

	});
}