/*
	modifiziert:
		NR 08.08.2011
		- hover image swaps x/y if out of viewport
	
	original: FK
*/
jQuery.noConflict();

jQuery(document).ready(function($){
    //$("#contentframe img").css("border", "solid 3px red");
    //$("#contentframe img").attr("width", "170");
    //$("#contentframe img").attr("height", "125");	
    //$('#contentframe img').wrap('<a href="' + link + '" class="gallery" />');
    
	//alert('Size: ' + $('.chk1-image').size());
	//alert('width: ' + $('.multiple-answers').width());
	
	var absolutewidth = 550;
	var spacerwidth = 20;
	var imagecount = $('.chk1-image').size();
	
	//NEW IMAGEWIDTH
	var imagewidth = (absolutewidth / imagecount) - (spacerwidth *((imagecount - 1) / imagecount)) - 2;
	
	//LAST SPACER = 0
	$(".chk1-spacer"+ imagecount +" img").attr("width", "0");
	
    //RESIZER + OVER
    $(".chk1-image").each(function(intIndex){
        var link = $(this).attr("src");
        
        $(this).attr("width", imagewidth);
        //$(this).attr("height", "150");
        $(this).wrap('<a href="' + link + '" class="overimage" />');        
    });
    
    
    var overimageX = 20;
    var overimageY = 10;
	
	//HOVER
    $('a.overimage').hover(function(e){
        var href = $(this).attr('href');
        $('<img id="overImage" src="' + href + '" alt="image" />').css({
            'top': e.pageY + overimageY,
            'left': e.pageX + overimageX
        }).appendTo('body');
    }, function(){
        $('#overImage').remove();
    });
    
	//MOVE
    $('a.overimage').mousemove(function(e){
		
		/* nabil magic: */
		y = e.pageY + overimageY;
		y = (y + $('#overImage').outerHeight(true)-50 > $(window).scrollTop()+$(window).height() ) ? (e.pageY - overimageY - $('#overImage').outerHeight(true) ) :y;
		
		x = e.pageX + overimageX;
		x = (x + $('#overImage').outerWidth(true)+20 > $(document).width()) ? (e.pageX - overimageX - $('#overImage').outerWidth(true) ) :x;
		/*
		console.log(
			'\n\n' +
			'page width: ' + $(document).width() + '\n' +
			'x+width: ' + (x + $('#overImage').outerWidth(true)) + '\n' +
			'x+over: ' + ( e.pageX + overimageX) + '\n' +
			"$('#overImage').outerWidth(true): " + $('#overImage').outerWidth(true) + '\n' + 
			"(e.pageX - overimageX - $('#overImage').outerWidth(true): " + (e.pageX - overimageX - $('#overImage').outerWidth(true) ) + '\n'
		);
		*/
		
        $('#overImage').css({
            'top': y,
            'left': x
        });
    });
    
	//CLICKPREVENT
    $('a.overimage').click(function(e){
        e.preventDefault();
    });
    
    //$('.slide img').wrapAll('<div class="slider"><div class="cycle" /></div>');
});