$(function(){

$("div[class*='csc-textpic'] a[rel*='lightbox'] img").each(function(){

	
	/*Fetch Caption span -caption*/
	var caption = null;
	caption = $(this).parent().parent().next(".csc-textpic-caption").text();
	
	/*Form lightbox*/
	$(this).parent().parent().append('<div class="lightbox"></div>');
	
	/*Changing position of <a><img> to div.lightbox*/
	$(this).parent().next().append($(this).parent());
	
	/*Fetching image width*/
	var imgwidth = $(this).attr('width');
	
	
	if(imgwidth >= 300)
	{
		imgwidth = 289;
	}
		
	/*Work on modified position of original tag*/
	
	/*Forming span after re-position*/
	var spandiv = $("<span>").attr('class','caption');
	$(spandiv).css('width',imgwidth);
	$(spandiv).insertAfter($(this));
	
	/*Forming span inside span for caption*/
	var aspan = $("<span>").append(caption);
	$(this).next().append($(aspan));
	
	/*Anchor tag clone for span inside element*/
	var anchorclone = $(this).parent().clone();
	
	/*Get Title for Picture enlarge text*/
	/*var anchort = $(this).parent().attr('title');*/
	var anchort = "Bild vergrößern"
	$(anchorclone).empty();
	$(anchorclone).append(anchort);
	
	/*Append to the master span the enlarge text*/
	$(this).next().append($(anchorclone));
	
	$(this).parent().parent().parent().next(".csc-textpic-caption").remove();
	

});


$("div.news-single-img a[rel*='lightbox'] img").each(function(){

	
	/*Fetch Caption span -caption*/
	var caption = null;
	caption = $(this).parent().parent().next(".news-single-imgcaption").text();
	
	/*Form lightbox*/
	$(this).parent().parent().append('<div class="lightbox"></div>');
	
	/*Changing position of <a><img> to div.lightbox*/
	//$(this).parent().next().append($(this).parent());
	
	
	/*Fetching image width*/
	var imgwidth = $(this).attr('width');
	
	if(imgwidth >= 300)
	{
		imgwidth = 289;
	}
	
	
	if(imgwidth < 100)
	{
		imgwidth = 100;
	}
		
	/*Work on modified position of original tag*/
	
	/*Forming span after re-position*/
	var spandiv = $("<span>").attr('class','caption');
	$(spandiv).css('width',imgwidth);
	$(spandiv).insertAfter($(this));
	
	/*Forming span inside span for caption*/
	var aspan = $("<span>").append(caption);
	$(this).next().append($(aspan));
	
	/*Anchor tag clone for span inside element*/
	var anchorclone = $(this).parent().clone();
	
	/*Get Title for Picture enlarge text*/
	/*var anchort = $(this).parent().attr('title');*/
	var anchort = "Bild vergrößern"

	$(anchorclone).empty();
	$(anchorclone).append(anchort);
	
	/*Append to the master span the enlarge text*/
	$(this).next().append($(anchorclone));
	
	$(this).parent().next(".news-single-imgcaption").remove();
	$(this).parent().next().append($(this).parent());

});

$("div.news-detail p a[rel*='lightbox'] img").each(function(){

	
	/*Fetch Caption span -caption*/
	var caption = null;
	caption = $(this).parent().parent().next(".news-single-imgcaption").text();
	
	/*Form lightbox*/
	$(this).parent().parent().append('<div class="lightbox"></div>');
	
	/*Changing position of <a><img> to div.lightbox*/
	//$(this).parent().next().append($(this).parent());
	
	
	/*Fetching image width*/
	var imgwidth = $(this).attr('width');
	
	if(imgwidth >= 300)
	{
		imgwidth = 289;
	}
	
	
	if(imgwidth < 100)
	{
		imgwidth = 100;
	}
		
	/*Work on modified position of original tag*/
	
	/*Forming span after re-position*/
	var spandiv = $("<span>").attr('class','caption');
	$(spandiv).css('width',imgwidth);
	$(spandiv).insertAfter($(this));
	
	/*Forming span inside span for caption*/
	var aspan = $("<span>").append(caption);
	$(this).next().append($(aspan));
	
	/*Anchor tag clone for span inside element*/
	var anchorclone = $(this).parent().clone();
	
	/*Get Title for Picture enlarge text*/
	/*var anchort = $(this).parent().attr('title');*/
	var anchort = "Bild vergrößern"

	$(anchorclone).empty();
	$(anchorclone).append(anchort);
	
	/*Append to the master span the enlarge text*/
	$(this).next().append($(anchorclone));
	
	$(this).parent().next(".news-single-imgcaption").remove();
	$(this).parent().next().append($(this).parent());

});



});