function cutNpaste() {
	
	$('.asset-video').each(function(){
		var clipboard = $(this).html();
		$(this).empty().html(clipboard);
	});

}



function popup(pfad){
		
var preloader = new Image();
preloader.src = pfad;

preloader.onload = function(){
	                var hoehe = preloader.height;
					var breite = preloader.width;
					
					var Grossansicht = window.open('','Grossansicht','width='+breite+',height='+hoehe+',top=20,left=20');
					Grossansicht.document.write('<html><title>Anita Ortega || Illustration, Graphic Design, Animation</title><head><style type="text/css">body, html{margin: 0 0 0 0; padding: 0 0 0 0;}</style></head><body><img src="'+pfad+'"></body></html>');
					Grossansicht.focus();
}
}



function ajaxpage(url, extras){

pageTracker._trackPageview(url);
	
$('#stage').empty().hide();
$('#loader').show();

if (extras == 'startbild') {
	$('#stage').load(url,{},paginateList);
	$('.menuitem:first').addClass('selected');
	$('#logoblank').hide();
	$('#logostate1').show();
}

if (extras == 'logo1') {
	$('#stage').load(url,{},paginateList);
	$('#logoblank').hide();
	$('#logostate1').show();
}

if (extras == 'animation') {
	$('#stage').load(url,{},paginateAnimation);
	$('#logoblank').hide();
	$('#logostate1').show();
	
}

if (extras == 'characters2animation') {
	$('#stage').load(url,{},paginateAnimation);
	$('#logoblank').hide();
	$('.menuitem').removeClass('selected');
	$('#animationMenu').addClass('selected');
	$('#logostate1').show();
	
}

}

function paginateAnimation(){
$('.asset').hide();
$('.asset:first').show();
$('.v1').addClass('pagSelected');
$('#loader').hide();
$('#stage').show();
}

function showVideo(number){
	
	if (number == '1') {
	$('.asset').hide();
	$('#one').show();
	$('.videolink').removeClass('pagSelected');
	$('.v1').addClass('pagSelected');
	cutNpaste();
	}
	if (number == '2') {
	$('.asset').hide();
	$('#two').show();
	$('.videolink').removeClass('pagSelected');
	$('.v2').addClass('pagSelected');
	cutNpaste();
	}
	if (number == '3') {
	$('.asset').hide();
	$('#three').show();
	$('.videolink').removeClass('pagSelected');
	$('.v3').addClass('pagSelected');
	cutNpaste();
	}
	if (number == '4') {
	$('.asset').hide();
	$('#four').show();
	$('.videolink').removeClass('pagSelected');
	$('.v4').addClass('pagSelected');
	cutNpaste();
	}
}

function addLupe(){
	$('.lupe').each(function(){
	var imgname = $(this).children('img').attr('src');
	var popUpURL = imgname.replace(/.jpg$/,'');
	popUpURL = popUpURL+'-big.jpg';
	$(this).prepend('<a class="bigger" href="javascript:popup(\''+popUpURL+'\');"><img class="lupe" src="http://www.anita-ortega.com/img/lupe.gif" alt="lupe" style="display:block;"></a>');
	})
}

function paginateList(){

// Variablen setzen
var count = ($('.asset').size()+1);

if (count > 2){
// Erstes Bild zeigen
$('.asset').each(function(){
	$(this).append('<div class=\"pagBar\"><div class=\"numbers\"></div><div class=\"prevnext\"></div></div>');
});
$('.asset').hide();	
$('.asset:first').show();

// Neue IDs vergeben
for (var j=1; j<count; j++) {

if (j<10){
var newid = 'entry-00' + j;
}else{
var newid = 'entry-0' + j;
}
$('.asset:eq('+(j-1)+')').attr('id',newid);
}

//Seitenzahlen erzeugen
for (var i=1; i<count; i++) {
	var insi = i < 10 ? '0'+i : i;
	$('.numbers').append('<span class="paginator pag'+i+'" id=\"p' + i + '\">' + insi + '</span>');
}

$('.pag1').addClass('pagSelected');


// PREV-NEXT erzeugen
$('.prevnext').append('<span class=\"prevBT\">prev</span><span class="strich"> / </span><span class=\"nextBT\">next</span>');
//$('.nextBT:last').attr('class','nextBTmute');
//$('.prevBT:first').attr('class','prevBTmute');
$('.nextBT:last').attr('class','nextBTmute');
$('.prevBT:first').remove();
$('.strich:first').remove();


// Next Button
$('.nextBT').css('cursor','pointer').click(function(){
$('.asset:visible').hide().next('.asset').show();
var nextID = $('.asset:visible').attr('id');
var selid = nextID.replace(/^entry\-0/,'');
var selid = selid.replace(/^0/,'');
var selid = '.pag'+selid;
$('.numbers > *').removeClass('pagSelected');
$(selid).addClass('pagSelected');
});

//Prev Button
$('.prevBT').css('cursor','pointer').click(function(){
$('.asset:visible').hide().prev('.asset').show();
var nextID = $('.asset:visible').attr('id');
var selid = nextID.replace(/^entry\-0/,'');
var selid = selid.replace(/^0/,'');
var selid = '.pag'+selid;
$('.numbers > *').removeClass('pagSelected');
$(selid).addClass('pagSelected');
});

//Bild-Klick
$('.asset-image img').not(':last').css('cursor','pointer').click(function(){
$('.asset:visible').hide().next('.asset').show();
var nextID = $('.asset:visible').attr('id');
var selid = nextID.replace(/^entry\-0/,'');
var selid = selid.replace(/^0/,'');
var selid = '.pag'+selid;
$('.numbers > *').removeClass('pagSelected');
$(selid).addClass('pagSelected');
});




// Einzel-Links erzeugen
$('.paginator').css('cursor','pointer').click(function(){
var currentId = $(this).attr('id').replace('p','');

if (currentId<10) {
var link_id = '#entry-00' + currentId;
} else {
var link_id = '#entry-0' + currentId;
}
$('.asset:visible').hide();
$(link_id).show();

var feed = '.pag'+currentId;
$('.numbers > *').removeClass('pagSelected');
$(feed).addClass('pagSelected');

});
}


$('.paginator, .prevBT, .nextBT').hover(function(){
	$(this).addClass('pagHover');
},
	function(){
	$(this).removeClass('pagHover');
	}
);

addLupe();
$('#loader').hide();
$('#stage').show();

}

$(document).ready(function(){
	
	
	$('.menuitem').css('cursor','pointer').click(function(){
		$('.menuitem').removeClass('selected');
		$(this).addClass('selected');

	});
	
	$('#startscreen').empty().append('<a href="javascript:ajaxpage(\'pages/illustration.html\',\'startbild\');"><img src="http://www.anita-ortega.com/img/Welcome-1.jpg" alt="Hello"></a>');
	$('#loader').hide();
	
	if (screen.availHeight < 768){
	$('#header').remove();
	$('#dynamicmenu').prepend('<li class="menulist" id="logostate1" style="display:none;"><span class="logo"><img style="margin-bottom:8px;" src="http://www.anita-ortega.com/img/logo_in_menu.gif" alt="Anita Ortega Logo"></span></li>');
	$('#wrapper').css('margin-top','12px').css('height','526px');
	}
	
		
});

