// JavaScript Document


$(document).ready(function(){
													 

	//activate jqzoom
	var options5 = {
		zoomWidth: 250,
		zoomHeight: 250,
		showEffect:'show',
		hideEffect:'fadeout',
		fadeoutSpeed: 'slow',
		title :false
	};
	$(".jqzoom").jqzoom(options5);

//	$('a.lightbox').lightBox(); // Select all links with lightbox class


});

function initEventListeners(){
	$('select[name=id[2]]').change(function(){
		changeimage($(this).attr('value'));
	});
}//END 

function changeimage(options_value_id){

	var data = 'options_value_id='+options_value_id+'&products_id='+$('#product_id').attr('value');

	$('#color_'+options_value_id+' a img').attr('src', '/images/icons/colors/12x12/active.gif');

	$.getJSON('/remote/product.php?action=', data, function(json){
		showimg(json.front, json.fronturl);

		//create the front/back links
		var str = '<a href="javascript:;" onclick="showimg(\''+json.front+'\', \''+json.fronturl+'\')";>Voor</a>, <a href="javascript:;" onclick="showimg(\''+json.back+'\', \''+json.backurl+'\')";>Achter</a>';
//append to dom		
		$('#imagesLinksHolder').html(str);
	});

	$.getJSON('/remote/product.php?action=getAvailableColorSizes', data, function(json){
		var data = json.data;

	if(json.lenght > 0) $("select[name=id[1]]").empty();
		for(var i = 0; i < json.lenght; i++){
//			alert(data[i].products_options_values_name, data[i].products_options_values_id);
			$("select[name=id[1]]").addOption(data[i].products_options_values_id, data[i].products_options_values_name, false);
		}//END 
	});

}

//for product details page
function showimg(img, newurl){
//	alert(newurl+'+++');

	$('#prodimg').attr('src', '/images/products/large/'+img).css({opacity:0});
	
	$('.jqzoom').attr('href', '/images/products/zoom/'+img);

	setTimeout(function() { 
				$('#prodimg').css({opacity:1,display:"none"}).fadeIn(400);
        }, 250
		);

//	$('#click2EnlargeLnk').attr('href', "javascript:popupWindow('"+newurl+"')");//change "click to enlarge" link
}