YAHOO.namespace("slider");



var chBigPictureAktiv=1;
//var pp_playing="/img/infoteaser/pp_playing.gif";
//var pp_paused="/img/infoteaser/pp_paused.gif";

var slider_on="http://static.mycrossover.de/202/img/infoteaser/infoteaser_1.gif";
var slider_off="http://static.mycrossover.de/202/img/infoteaser/infoteaser_0.gif";



YAHOO.slider= {


 	init: function() {

        /*
        * rendering zu beginn des scripts
        */
        YAHOO.slider.mod1 = new YAHOO.widget.Module("info_teaser_t1", {visible: true});
        YAHOO.slider.mod1.render();

        YAHOO.slider.mod2 = new YAHOO.widget.Module("info_teaser_t2", {visible: false});
        YAHOO.slider.mod2.render();

        YAHOO.slider.mod3 = new YAHOO.widget.Module("info_teaser_t3", {visible: false});
        YAHOO.slider.mod3.render();


        /*
        * style sheet eigenschaften setzen
        */
        /*YAHOO.util.Dom.setStyle('info_teaser_t1', 'visibility', 'visible');
        YAHOO.util.Dom.setStyle('info_teaser_t2', 'visibility', 'visible');
        YAHOO.util.Dom.setStyle('info_teaser_t3', 'visibility', 'visible');
*/
        /*YAHOO.util.Dom.setStyle('bigPicture1ButtonImg', 'cursor', 'pointer');
        YAHOO.util.Dom.setStyle('bigPicture2ButtonImg', 'cursor', 'pointer');
        YAHOO.util.Dom.setStyle('bigPicture3ButtonImg', 'cursor', 'pointer');
        YAHOO.util.Dom.setStyle('bigPictureControl', 'cursor', 'pointer');*/

        /*
        * event listener anmelden
        */
        //mouseover
        YAHOO.util.Event.addListener("info_teaser_b1", "mouseover", YAHOO.slider.chBigPicture1);
        YAHOO.util.Event.addListener("info_teaser_b2", "mouseover", YAHOO.slider.chBigPicture2);
        YAHOO.util.Event.addListener("info_teaser_b3", "mouseover", YAHOO.slider.chBigPicture3);
        //mouseout
        YAHOO.util.Event.addListener("info_teaser_b1", "mouseout", YAHOO.slider.chBigPictureAllStart);
        YAHOO.util.Event.addListener("info_teaser_b2", "mouseout", YAHOO.slider.chBigPictureAllStart);
        YAHOO.util.Event.addListener("info_teaser_b3", "mouseout", YAHOO.slider.chBigPictureAllStart);
        //click
//        YAHOO.util.Event.addListener("bigPictureControl", "click", YAHOO.slider.chBigPictureControl);

        /*
        * animation
        */
        var attributes = {
        	opacity:{from:0, to:1}
	    };
    	
		YAHOO.slider.anim1 = new YAHOO.util.Anim('info_teaser_t1', attributes,0.5,YAHOO.util.Easing.easeIn);
        YAHOO.slider.anim2 = new YAHOO.util.Anim('info_teaser_t2', attributes,0.5,YAHOO.util.Easing.easeIn);
        YAHOO.slider.anim3 = new YAHOO.util.Anim('info_teaser_t3', attributes,0.5,YAHOO.util.Easing.easeIn);
        /*
        * w�hrend der animation
        */
        YAHOO.slider.anim1.onTween.subscribe(YAHOO.slider.bigPic1);
        YAHOO.slider.anim2.onTween.subscribe(YAHOO.slider.bigPic2);
        YAHOO.slider.anim3.onTween.subscribe(YAHOO.slider.bigPic3);



        //startet den fader sofort
        aktiv = window.setTimeout('YAHOO.slider.chBigPictureAll()',4800);
		
	},


/*
* funktionen zum steuern der ausf�hrung
*/

	chBigPicture1: function() {

        if(typeof(aktiv)!="undefined") {
			window.clearTimeout(aktiv);
			delete aktiv;
        }

        if(chBigPictureAktiv=="1") {
        	YAHOO.slider.bigPic1();
        }
        else {
			YAHOO.slider.bigPic1Button();
			chBigPictureAktiv=1;
			YAHOO.slider.anim1.animate();
        }

	},

	chBigPicture2: function() {

        if(typeof(aktiv)!="undefined") {
			window.clearTimeout(aktiv);
			delete aktiv;
        }
        if(chBigPictureAktiv=="2") {
        	YAHOO.slider.bigPic2();
        }
        else {
			YAHOO.slider.bigPic2Button();
			chBigPictureAktiv=2;
			YAHOO.slider.anim2.animate();
        }

	},

	chBigPicture3: function() {

        if(typeof(aktiv)!="undefined") {
			window.clearTimeout(aktiv);
			delete aktiv;
        }
        if(chBigPictureAktiv=="3") {
        	YAHOO.slider.bigPic3();
        }
        else {
			YAHOO.slider.bigPic3Button();
			chBigPictureAktiv=3;
			YAHOO.slider.anim3.animate();
        }

	},


/*
* funktionen f�r den automatischen fader
*/

	chBigPictureAll: function() {

    /*    if(typeof(aktiv)!="undefined") {
			document.getElementById("bigPictureControlImg").src=pp_playing;
        }*/

        if(chBigPictureAktiv==1) {
        	YAHOO.slider.chBigPicture2();
        }
        else if(chBigPictureAktiv==2) {
        	YAHOO.slider.chBigPicture3();
        }
        else if(chBigPictureAktiv==3) {
        	YAHOO.slider.chBigPicture1();
        }

        aktiv = window.setTimeout('YAHOO.slider.chBigPictureAll()',7200);
		
	},

	chBigPictureAllStart: function() {
        aktiv = window.setTimeout('YAHOO.slider.chBigPictureAll()',7200);
		
	},

	chBigPictureControl: function() {

        if(typeof(aktiv)!="undefined") {  //stoppt den fader

//			document.getElementById("bigPictureControlImg").src=pp_paused;
			window.clearTimeout(aktiv);
			delete aktiv;
        }
        else {        //aktiviert den fader

//			document.getElementById("bigPictureControlImg").src=pp_playing;
			aktiv = window.setTimeout('YAHOO.slider.chBigPictureAll()',0);
        }

	},


/*
* funktionen zum setzen der sichtbarkeit des containers
*/

	bigPic1: function() {

        YAHOO.slider.mod2.hide(YAHOO.slider.mod2,true);
        YAHOO.slider.mod3.hide(YAHOO.slider.mod3,true);
        YAHOO.slider.mod1.show(YAHOO.slider.mod1,true);

	},

	bigPic2: function() {
        YAHOO.slider.mod1.hide(YAHOO.slider.mod1,true);
        YAHOO.slider.mod3.hide(YAHOO.slider.mod3,true);
        YAHOO.slider.mod2.show(YAHOO.slider.mod2,true);

	},
	
	bigPic3: function() {
        YAHOO.slider.mod1.hide(YAHOO.slider.mod1,true);
        YAHOO.slider.mod2.hide(YAHOO.slider.mod2,true);
        YAHOO.slider.mod3.show(YAHOO.slider.mod3,true);

	},


/*
* funktionen zum wechseln der images
*/

	bigPic1Button: function() {
        
		document.getElementById("info_teaser_b1").src=slider_on;
		document.getElementById("info_teaser_b2").src=slider_off;
        document.getElementById("info_teaser_b3").src=slider_off;
	},

	bigPic2Button: function() {
		document.getElementById("info_teaser_b1").src=slider_off;
		document.getElementById("info_teaser_b2").src=slider_on;
        document.getElementById("info_teaser_b3").src=slider_off;
	},

	bigPic3Button: function() {
		document.getElementById("info_teaser_b1").src=slider_off;
		document.getElementById("info_teaser_b2").src=slider_off;
        document.getElementById("info_teaser_b3").src=slider_on;
	}


}

/*
* l�dt die js funktion init() wenn die DOM vorhanden ist
*/

//wenn bla vorhanden ist, dann
YAHOO.util.Event.onDOMReady(YAHOO.slider.init);