$(document).ready(function() {
	$('a#jaguar').live('click',function() {
		$('div#wechseltext').hide()
		$('div#flashcontent').hide()
		$('div#blaettern').show()
		return false;
	})
	$(".icons").click(function() {
		$('div#wechseltext').show()
		$('div#flashcontent').show()
		$('div#blaettern').hide()
		return false
	})
})



function motivestart(bereich) {
	$('#slideshow').crossSlide({
	  fade: 1
	}, [
	  {
		src:  '/img/slide/'+bereich+'_1.jpg',
		alt:  bereich,
		from: 'top left',
		to:   'bottom right 1.2x',
		time: 8
	  }, {
		src:  '/img/slide/'+bereich+'_2.jpg',
		alt:  bereich,
		from: 'bottom left 1.0x',
		to:   'top right',
		time: 8
	  }, {
		src:  '/img/slide/'+bereich+'_3.jpg',
		alt:  bereich,
		from: 'top right',
		to:   'bottom left 1.2x',
		time: 8
	  }, {
		src:  '/img/slide/'+bereich+'_4.jpg',
		alt:  bereich,
		from: 'bottom right 1.4x',
		to:   'top left',
		time: 8
	  }
	], function(idx, img, idxOut, imgOut) {
	  if (idxOut == undefined)
	  {
		// starting single image phase, put up caption
		$('div.caption').text(img.alt).animate({ opacity: .7 })
	  }
	  else
	  {
		// starting cross-fade phase, take out caption
		$('div.caption').fadeOut()
	  }
});


}



var nr_sel = 1;
function motive(str) {
	document.getElementById(str).parentNode.blur();
	var arr = str.split('_');
	var nr = arr[0];
	var myname = arr[1];
//alert(myname);

	ajx('/res/ajax.php?c='+arr[1],'portfolio');

	//var ie = navigator.appName.indexOf("Microsoft") != -1;
	//var m = ie ? flashtest : document.embeds['flashtest'];
	//m.SetVariable("/:display",myname);
	//m.GotoFrame(1);
	//m.TPlay("/");

	// Bilderwechsel
	var e = document.getElementById(str);

	// aktueller Held wird an geklicktes Bild gestellt
	e.src = '/img/motive/klein/'+myname_sel+'.jpg';

	e.id = nr_sel+'_'+myname_sel;
	e.alt = myname_sel;
	myname_sel = myname;


	// Bilderwechsel oben, aktueller Held wird an geklicktes Bild gestellt
	document.getElementById("oben1").src = '/img/oben/'+myname+'_1.jpg';
	document.getElementById("oben2").src = '/img/oben/'+myname+'_2.jpg';
	
	document.getElementById("icon-gross").src = '/img/motive/gross/'+myname+'.jpg';
	$('#slideshow').crossSlide({
	  fade: 1
	}, [
	  {
		src:  '/img/slide/'+myname+'_1.jpg',
		alt:  myname,
		from: 'top left',
		to:   'bottom right 1.0x',
		time: 8
	  }, {
		src:  '/img/slide/'+myname+'_2.jpg',
		alt:  myname,
		from: 'bottom left 1.0x',
		to:   'top right',
		time: 8
	  }, {
		src:  '/img/slide/'+myname+'_3.jpg',
		alt:  myname,
		from: 'top right',
		to:   'bottom left 1.0x',
		time: 8
	  }, {
		src:  '/img/slide/'+myname+'_4.jpg',
		alt:  myname,
		from: 'bottom right 1.0x',
		to:   'top left',
		time: 8
	  }
	], function(idx, img, idxOut, imgOut) {
	  if (idxOut == undefined)
	  {
		// starting single image phase, put up caption
		$('div.caption').text(img.alt).animate({ opacity: .7 })
	  }
	  else
	  {
		// starting cross-fade phase, take out caption
		$('div.caption').fadeOut()
	  }
});


}










var http_request = false;
var my_ajax_container = false;
function ajx(myurl,mycontainer) {
 http_request = false;
 if (window.XMLHttpRequest) { http_request = new XMLHttpRequest(); if (http_request.overrideMimeType) { http_request.overrideMimeType('text/xml'); } }
 else if (window.ActiveXObject) { try { http_request = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { http_request = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) {} } }
 if (http_request) { my_ajax_container = mycontainer; http_request.onreadystatechange = ajax_fill_container; http_request.open("GET",myurl,true); http_request.send(null); }
 else { alert('Fehler: Kann keine XMLHTTP-Instanz erzeugen'); }
}
function ajax_fill_container() {
 if (http_request.readyState == 4) {
  if (http_request.status == 200) {
   if (http_request.responseText.length > 0) {
    var mycontent = http_request.responseText;
    if (my_ajax_container=='portfolio') {
     mycontent = mycontent.replace(/<\/?root>/g,'');
     var arr_tmp = mycontent.split('^^^^');
     document.getElementById('wechselhead').innerHTML = arr_tmp[0];
     document.getElementById('wechseltext').innerHTML = arr_tmp[1];
	 document.getElementById('wechselhead').style.backgroundColor='#'+arr_tmp[2];
    }
    else {
     document.getElementById(my_ajax_container).innerHTML = mycontent;
    }
   }
  }
  else { alert('Es ist ein Fehler aufgetreten'); }
 }
}