var script_path = 'fileadmin/relaunch09/projekte/befr/kikaevent0911/';

loadImages();

jQuery(document).ready(function() {
	/** PNGs in IE6 transparent machen **/
	//jQuery(document).pngFix();
	
	/** Click actions und Events **/
	/* Models */
	var left	= [1, 2, 3,
				   7, 8, 9,
				   13, 14, 15,
				   19, 20, 21];
	var right	= [4, 5, 6,
				   10, 11, 12,
				   16, 17, 18,
				   22];
	jQuery(".content .models .model").click(function() {
		var side;
		var id = jQuery(this).attr("id");
		
		if(left.in_array(parseInt(id)))
			side = 'left';
		else if(right.in_array(parseInt(id)))
			side = 'right';
		
		var position	= jQuery(this).position();
		var mY			= position.top+390;
		var mX			= side == 'left' ? position.left+127 : position.left-274;
		var margin		= side == 'left' ? '7px 0 0 31px' : '7px 0 0 7px';
		
		jQuery(".content .model_box .model_image").css({
			margin: margin,
			backgroundImage: 'url('+script_path+'images/girls/'+id+'.jpg)'
		});
		
		var box_image_extension = jQuery.browser.msie && jQuery.browser.version < 7 ? 'gif' : 'png';
		jQuery(".content .model_box").css({
			top: mY,
			left: mX,
			backgroundImage: 'url('+script_path+'images/style/model_box_'+side+'.'+box_image_extension+')'
		});
		window.setTimeout('jQuery(".content .model_box").fadeIn();', 100);
	});
	
	jQuery(".content .model_box .model_image").click(function() {
		jQuery(this).parent().fadeOut();
	});
	
	jQuery(".content .shop_link").click(function() {
		location.href = 'http://www.bonprixsecure.com/befr/shop.htm?nv=|3878';
	});
	
	/* Videos */
	var video_path		= "/"+script_path+"files/videos/";
	var video_img_path	= "/"+script_path+"files/videos/img/";
	var player			= "/fileadmin/relaunch09/multimedia/mediaplayer-4.3/player.swf";
	var player_id		= "ply";
	var plyer_width		= "605";
	var plyer_height	= "360";
	var s1				= new SWFObject(player, player_id, plyer_width, plyer_height, "9", "#FFFFFF");
	
	var startimg = jQuery(".content .video1").attr("startimg");
	
	s1.addParam("allowfullscreen", "false");
	s1.addParam("allowscriptaccess", "always");
	s1.addParam("menu", "false");
	s1.addParam("wmode", "transparent");  
	s1.addParam("flashvars", "file="+video_path+"girls012-episode1_FR.flv&image="+video_img_path+startimg);
	s1.write("video");
	
	jQuery(".content .video1, .content .video2, .content .video3").click(function() {
		var video		= jQuery(this).attr("video");
		var startimg	= jQuery(this).attr("startimg");
		
		jQuery("#ply").remove();
		
		var s1 = new SWFObject(player, player_id, plyer_width, plyer_height, "9", "#FFFFFF");
		s1.addParam("allowfullscreen", "false");
		s1.addParam("allowscriptaccess", "always");
		s1.addParam("menu", "false");
		s1.addParam("wmode", "transparent");  
		s1.addParam("flashvars", "file="+video_path+video+"&image="+video_img_path+startimg);
		s1.write("video");
	});
	
	/* Kulissen */
	var kPath		= script_path+'images/kulissen/';
	var kulissen	= ['img001.jpg', 'img002.jpg', 'img003.jpg', 'img004.jpg', 'img005.jpg',
					   'img006.jpg', 'img007.jpg', 'img008.jpg', 'img009.jpg', 'img010.jpg',
					   'img011.jpg', 'img012.jpg', 'img013.jpg', 'img014.jpg', 'img015.jpg',
					   'img016.jpg', 'img017.jpg', 'img018.jpg', 'img019.jpg', 'img020.jpg',
					   'img021.jpg', 'img022.jpg', 'img023.jpg', 'img024.jpg', 'img025.jpg',
					   'img026.jpg', 'img027.jpg', 'img028.jpg', 'img029.jpg', 'img030.jpg',
					   'img031.jpg', 'img032.jpg', 'img033.jpg', 'img034.jpg', 'img035.jpg',
					   'img036.jpg', 'img037.jpg', 'img038.jpg', 'img039.jpg', 'img040.jpg'];
	
	var k_h_v		= ['Q', 'Q', 'Q', 'H', 'Q',
					   'H', 'Q', 'Q', 'H', 'Q',
					   'Q', 'Q', 'H', 'Q', 'Q',
					   'H', 'H', 'H', 'H', 'H',
					   'Q', 'H', 'H', 'H', 'Q',
					   'Q', 'H', 'H', 'Q', 'Q',
					   'Q', 'H', 'Q', 'Q', 'H',
					   'Q', 'Q', 'Q', 'H', 'Q'];
	
	for(i = 0; i < kulissen.length; i++) {
		jQuery(".content .kulissen .slides .wrapper").append('<div class="item"><div class="image"></div></div>')
	}
	
	var i = 0;
	jQuery(".content .kulissen .slides .wrapper .item .image").each(function() {
		jQuery(this).css("background-image", "url("+kPath+"small/"+kulissen[i]+")");
		jQuery(this).attr("id", kulissen[i]);
		jQuery(this).attr("hv", k_h_v[i]);
		i++;
	});
	
	//IE6 bugfix
	if(jQuery.browser.msie && jQuery.browser.version < 7)
		jQuery(".content .kulissen .slides .wrapper .item:first").css("margin-left", "7px");
	
	//SLIDE START
	var kStartId				= 0;
	var scroll_time				= 500;
	var slides_left				= 0;
	var slides_left_tmp			= 0;
	var width_multi				= 179;
	var slides_wrapper_width	= 0;
	var slides_left_click;
	var slides_right_click;
	var fade_slide;
	
	if(jQuery.browser.msie && jQuery.browser.version > 6) {
		fade_slide	= false;
	} else {
		fade_slide	= true;
	}
	
	if(fade_slide)
		jQuery(".content .kulissen .slides .wrapper .item:gt(3)").css("opacity", 0.1);
	
	jQuery(".content .kulissen .slides .wrapper .item").each(function() { slides_wrapper_width += width_multi });
	
	slides_wrapper_width += 14;
	
	jQuery(".content .kulissen .slides .wrapper").css("width", slides_wrapper_width);
	
	jQuery(".content .kulissen .btn_right").click(slides_right_click = function() {
		var obj = jQuery(this);
		jQuery(this).unbind('click', slides_right_click);
		
		slides_left += width_multi;
		slides_left = slides_left > slides_wrapper_width-(4*width_multi)-14 ? slides_wrapper_width-(4*width_multi)-14 : slides_left;
		jQuery(".content .kulissen .slides").animate({scrollLeft: slides_left}, scroll_time, function() { jQuery(obj).bind('click', slides_right_click); });
		
		if(slides_left_tmp == slides_left) {
			jQuery(".content .kulissen .slides").animate({scrollLeft: slides_left-50}, scroll_time/2, function() {
				jQuery(".content .kulissen .slides").animate({scrollLeft: slides_left}, scroll_time/2);
			});
		}
		
		if(fade_slide) {
			kStartId = kStartId > kulissen.length-5 ? kulissen.length-5 : kStartId;
			jQuery(".content .kulissen .slides .wrapper .item:eq("+kStartId+")").fadeTo(300, 0.1);
			window.setTimeout('jQuery(".content .kulissen .slides .wrapper .item:eq('+(kStartId+4)+')").fadeTo(300, 1);', 100);
			window.setTimeout('jQuery(".content .kulissen .slides .wrapper .item:eq('+(kStartId+4)+')").removeAttr("style");', 450);
			kStartId++;
		}
		
		slides_left_tmp = slides_left;
	});
	
	jQuery(".content .kulissen .btn_left").click(slides_left_click = function() {
		var obj = jQuery(this);
		jQuery(this).unbind('click', slides_left_click);
		
		slides_left -= width_multi;
		slides_left = slides_left < 0 ? 0 : slides_left;
		jQuery(".content .kulissen .slides").animate({scrollLeft: slides_left}, scroll_time, function() { jQuery(obj).bind('click', slides_left_click); });
		
		if(slides_left_tmp == slides_left) {
			jQuery(".content .kulissen .slides").animate({scrollLeft: slides_left+50}, scroll_time/2, function() {
				jQuery(".content .kulissen .slides").animate({scrollLeft: slides_left}, scroll_time/2);
			});
		}
		
		if(fade_slide) {
			kStartId--;
			kStartId = kStartId < 0 ? 0 : kStartId;
			jQuery(".content .kulissen .slides .wrapper .item:eq("+(kStartId+4)+")").fadeTo(300, 0.1);
			window.setTimeout('jQuery(".content .kulissen .slides .wrapper .item:eq('+kStartId+')").fadeTo(300, 1);', 100);
			window.setTimeout('jQuery(".content .kulissen .slides .wrapper .item:eq('+(kStartId)+')").removeAttr("style");', 450);
		}
		
		slides_left_tmp = slides_left;
	});
	//SLIDE ENDE
	
	jQuery(".content .kulissen .slides .wrapper .item .image").click(function() {
		var image	= jQuery(this).attr("id");
		var hv		= jQuery(this).attr("hv");
		
		jQuery(".content .kulissen_image_h").fadeOut('normal', function() {
			if(hv == "Q") {
				jQuery(".content .kulissen_image_q .kimg").css("background-image", "url("+kPath+image+")");
				window.setTimeout('jQuery(".content .kulissen_image_q").fadeIn();', 100);
			} else if(hv == "H") {
				jQuery(".content .kulissen_image_h .kimg").css("background-image", "url("+kPath+image+")");
				window.setTimeout('jQuery(".content .kulissen_image_h").fadeIn();', 100);
			}
		});
	});
	
	jQuery(".content .kulissen_image_q .kimg, .content .kulissen_image_h .kimg").click(function() {
		jQuery(this).parent().fadeOut();
	});
	
	/* Teaser */
	jQuery(".content .fashinshow_link").click(function() {
		location.href = 'http://www.bonprixsecure.com/befr/Kika-Event-4-3856-shop.htm';
	});
});

function loadImages() {
	preloadImages(script_path+'images/style/model_box_left.png',
				  script_path+'images/style/model_box_right.png',
				  script_path+'images/style/model_box_left.gif',
				  script_path+'images/style/kBox_hoch.png',
				  script_path+'images/style/kBox_quer.png',
				  script_path+'images/style/kBox_hoch.gif',
				  script_path+'images/style/kBox_quer.gif',
				  script_path+'images/girls/1.jpg',
				  script_path+'images/girls/2.jpg',
				  script_path+'images/girls/3.jpg',
				  script_path+'images/girls/4.jpg',
				  script_path+'images/girls/5.jpg',
				  script_path+'images/girls/6.jpg',
				  script_path+'images/girls/7.jpg',
				  script_path+'images/girls/8.jpg',
				  script_path+'images/girls/9.jpg',
				  script_path+'images/girls/10.jpg',
				  script_path+'images/girls/11.jpg',
				  script_path+'images/girls/12.jpg',
				  script_path+'images/girls/13.jpg',
				  script_path+'images/girls/14.jpg',
				  script_path+'images/girls/15.jpg',
				  script_path+'images/girls/16.jpg',
				  script_path+'images/girls/17.jpg',
				  script_path+'images/girls/18.jpg',
				  script_path+'images/girls/19.jpg',
				  script_path+'images/girls/20.jpg',
				  script_path+'images/girls/21.jpg',
				  script_path+'images/girls/22.jpg',
				  script_path+'images/kulissen/small/img001.jpg',
				  script_path+'images/kulissen/small/img002.jpg',
				  script_path+'images/kulissen/small/img003.jpg',
				  script_path+'images/kulissen/small/img004.jpg',
				  script_path+'images/kulissen/small/img005.jpg',
				  script_path+'images/kulissen/small/img006.jpg',
				  script_path+'images/kulissen/small/img007.jpg',
				  script_path+'images/kulissen/small/img008.jpg',
				  script_path+'images/kulissen/small/img009.jpg',
				  script_path+'images/kulissen/small/img010.jpg',
				  script_path+'images/kulissen/small/img011.jpg',
				  script_path+'images/kulissen/small/img012.jpg',
				  script_path+'images/kulissen/small/img013.jpg',
				  script_path+'images/kulissen/small/img014.jpg',
				  script_path+'images/kulissen/small/img015.jpg',
				  script_path+'images/kulissen/small/img016.jpg',
				  script_path+'images/kulissen/small/img017.jpg',
				  script_path+'images/kulissen/small/img018.jpg',
				  script_path+'images/kulissen/small/img019.jpg',
				  script_path+'images/kulissen/small/img020.jpg',
				  script_path+'images/kulissen/small/img021.jpg',
				  script_path+'images/kulissen/small/img022.jpg',
				  script_path+'images/kulissen/small/img023.jpg',
				  script_path+'images/kulissen/small/img024.jpg',
				  script_path+'images/kulissen/img001.jpg',
				  script_path+'images/kulissen/img002.jpg',
				  script_path+'images/kulissen/img003.jpg',
				  script_path+'images/kulissen/img004.jpg',
				  script_path+'images/kulissen/img005.jpg',
				  script_path+'images/kulissen/img006.jpg',
				  script_path+'images/kulissen/img007.jpg',
				  script_path+'images/kulissen/img008.jpg',
				  script_path+'images/kulissen/img009.jpg',
				  script_path+'images/kulissen/img010.jpg',
				  script_path+'images/kulissen/img011.jpg',
				  script_path+'images/kulissen/img012.jpg',
				  script_path+'images/kulissen/img013.jpg',
				  script_path+'images/kulissen/img014.jpg',
				  script_path+'images/kulissen/img015.jpg',
				  script_path+'images/kulissen/img016.jpg',
				  script_path+'images/kulissen/img017.jpg',
				  script_path+'images/kulissen/img018.jpg',
				  script_path+'images/kulissen/img019.jpg',
				  script_path+'images/kulissen/img020.jpg',
				  script_path+'images/kulissen/img021.jpg',
				  script_path+'images/kulissen/img022.jpg',
				  script_path+'images/kulissen/img023.jpg',
				  script_path+'images/kulissen/img024.jpg');
}