

function open_plaatje(welk_plaatje,naam_vh_plaatje,w,h) {
	var winl = (screen.width - w) / 2;
	var wint = (screen.height - h) / 2;
	
	PlaatjesWin=window.open("",naam_vh_plaatje,'status=0,scrollbars=0,resizable=0, height='+h+',width='+w+',top='+wint+',left='+winl+', no-resizable');
	PlaatjesWin.document.open();
	PlaatjesWin.document.writeln('<html>');
	PlaatjesWin.document.writeln('<head>');
	PlaatjesWin.document.writeln('<title>'+naam_vh_plaatje+'</title>');
	PlaatjesWin.document.writeln('</head>');
	PlaatjesWin.document.writeln('<body background="'+welk_plaatje+'">');
	PlaatjesWin.document.writeln('</body>');
	PlaatjesWin.document.writeln('</html>');
	PlaatjesWin.document.close();
}

var t;
var nr = 1;
var speed = 3000;
var rotate = true;

$(document).ready(function(){
	$("#main-image-link").click(function() {
		open_plaatje(this,'', $("#thumbnail-1").attr("pwidth"), $("#thumbnail-1").attr("pheight"));return false;
	});
		
	$(".foto-selector").hover(function() {
		var src = $(this).children("img").attr("src");
		var pwidth = $(this).children("img").attr("pwidth");
		var pheight = $(this).children("img").attr("pheight");
		var imgNr = src.substr(src.lastIndexOf("/", src)+1);
		imgNr = imgNr.substr(0, imgNr.indexOf(".", imgNr));

		
		$("#main-image-img").attr("src", src);
		$("#main-image-link").attr("href", "uploads/producten/g_" + imgNr + ".jpg");
		$("#main-image-link").unbind("click");
		$("#main-image-link").click(function() {
			open_plaatje(this,'', pwidth, pheight);
			return false;
		});
	});
	
	loadSlider();
});


function loadSlider() {
	var slides = $("#slider-left a");
	for(i=0; i<slides.length; i++) {
		$(slides[i]).hover( function() {
			getSlide(this.id, false);
		});
	}
	var link = $("");
	t = setTimeout("getSlide('slidelink-1', true)", speed)
}
function getSlide(link, rotate) {
	if(!rotate)
		nr = $("#" + link).attr("id").substr($("#" + link).attr("id").indexOf("-")+1);

	var fadeSpeed = "slow";
	if(!rotate) {
		clearTimeout(t);
		fadeSpeed = "normal";
	}
	
	for(var i=1; i<=5; i++) {
		if(i != nr) {
			$("#slidelink-" + i).removeClass("active");
			$("#slide-" + i).fadeOut(fadeSpeed);
		}
		else {
			$("#slidelink-" + i).addClass("active");
			$("#slide-" + i).fadeIn(fadeSpeed);
		}
	}
	
	if(rotate) {
		if(nr == 5) 
			nr = 1;
		else 
			nr++;

		t = setTimeout('getSlide("' + link + '", true)', speed);
	}
}

