function addEvent(elm, evType, fn, useCapture) {
    if (elm.addEventListener) {
        elm.addEventListener(evType, fn, useCapture);
        return true;
    }
    else if (elm.attachEvent) {
        var r = elm.attachEvent('on' + evType, fn);
        return r;
    }
    else {
        elm['on' + evType] = fn;
    }
}

addEvent(window, "load", function(){
	var ang = 0;
	var top = 0;
	var hght = $('.page .content .screen').height()-90;
	$('.page .content .preview .lookall').css('top',$('.page .content .screen').height());
	var tp1=10;
	var tp = (hght-tp1)/$('.preimg').length;
	$('.preimg').each( function() {
		tmp = $(this);
		ang = (Math.random()-0.5)*90; 
		w1 = tmp.width();
		h1 = tmp.height();
		al = $(tmp).rotate(ang);
		$(al).attr('class',$(tmp).attr('class'));
		$(al).css('position', 'absolute');
		$(al).css('top', tp1);
		tp1+=tp;
		$(al).css('z-index', Math.round(Math.random()*10));
		al.zindex = $(al).css('z-index');
		al.coor1 = $(al).offset().left;
		al.coor2 = $(al).offset().top;
		al.angle = ang*Math.PI/180;
		al.width1=w1;
		al.height1=h1;
		});
		var pause0 = 0;
		var pause1 = 0;
		var pause2 = 0;
		currentz=10;
	clearTimeout(pause0);
	pause0 = setTimeout(function() {
		$('.prea').bind('mousemove', function(e) {
			if ($('.prea img.preimg').length > 0) {
				var curr = $(this).find('.preimg');
			}
			else {
				var curr = findpreview(e, $('.preimg'));
			};
			if (curr == -1) {return false;}
			if (curr.zindex == currentz) {return false;}
			$('.preimg').each (function() {$(this).css('z-index', this.zindex);});
			currentz++;
			curr.zindex = currentz;
			$(curr).css('z-index', curr.zindex);
			return false;
		});
		
	}, 100);
	$('.prea').bind('click', function(e) {
		if ($('.prea img.preimg').length > 0) {
			var curr = $(this).find('.preimg');
		}
		else {
			var curr = findpreview(e, $('.preimg')); 
		};
		if (curr == -1) {return false;}
		clearTimeout(pause1);
		$('.page .content .screen img').fadeOut(300);
		$('.page .content .screen .screen2').css('border','1px solid #fff');
		$('.page .content .screen img').attr('src','/images/null.gif');
		$('.page .content .screen a').attr('href',$(curr).parent().next('.prehref').attr('href'));
		var pause1 = setTimeout(function() {
			$('.page .content .screen img').attr('src',$(curr).parent().attr('href'));
		}, 300);
		$('.preimg').each (function() {$(this).css('z-index', this.zindex);});
		currentz++;
		curr.zindex = currentz;
		$(curr).css('z-index', curr.zindex);
		clearTimeout(pause2);
		var pause2 = setTimeout(function() {$('.page .content .screen img').fadeIn("slow");$('.page .content .screen .screen2').css('border','1px solid #c5c6c8');} , 500);
		return false;
	});
});

function findpreview(e,elems) {
	var el = [];
	var k=0;
	for (i=0;i<$(elems).length;i++) {
		thisy1 = e.pageY-$(elems).get(i).coor2;
		thisx1 = e.pageX-$(elems).get(i).coor1;
		x1 = $(elems).get(i).angle > 0 ? $(elems).get(i).height1*Math.sin($(elems).get(i).angle) : 0;
		y1 = $(elems).get(i).angle < 0 ? $(elems).get(i).width1*Math.sin($(elems).get(i).angle) : 0;
		thisx1 = thisx1 - x1;
		thisy1 = thisy1 + y1;
		thisy = thisy1*Math.cos($(elems).get(i).angle) - thisx1*Math.sin($(elems).get(i).angle);
		thisx = thisx1*Math.cos($(elems).get(i).angle) + thisy1*Math.sin($(elems).get(i).angle);
		if ((thisy > 0) && (thisy < $(elems).get(i).height1) && (thisx > 0) && (thisx < $(elems).get(i).width1)) {
			el[k]=i;
			k++;
		
		};

	};
	z=-1;
	ok=-1;
	for (k=0;k < el.length;k++) {
		if ($(elems).get(el[k]).zindex >= z) {
			z = $(elems).get(el[k]).zindex;
			ok = el[k];
		}
	}
	if (ok != -1) {return $(elems).get(ok);}
	else 
	return -1;
}