﻿  $(document).ready(function(){
  	
  	var isSafari = false;
  	
  	if(navigator.appVersion.indexOf('AppleWebKit') != -1) {
  		isSafari = true;
  	}
  	
  	var zuladenderbildname = location.href.substring(location.href.lastIndexOf('/') + 1, location.href.lastIndexOf('_id_')).toLowerCase().split(' ').join('-');
	
	var bildokay = false;
	$('#imagewechsler a').each(
		function() { 
			if($(this).attr('href') == 'http://media.cube.eu/2010/bikes/topimg/' + zuladenderbildname + '.jpg') { 
				bildokay = true; } 
		}
	)

	
	if(	$('#radbuehne img').attr('src') != 'http://media.cube.eu/2010/bikes/topimg/' + zuladenderbildname + '.jpg' && location.href.lastIndexOf('_id_') != -1 && bildokay) {

		var neuesbild = 'http://media.cube.eu/2010/bikes/topimg/' + zuladenderbildname + '.jpg';
		var neueszoomify 	= '#'+zuladenderbildname;
	 	
	 	window.setTimeout(function() {
			 if($('#zoomify').length > 0) {
				 $('#zoomify').fadeOut(250, function(){
					 $(this).remove();
					 $('#radbuehne a').attr('href', neueszoomify);
					 $('#radbuehne img').fadeOut(250, function(){
						  $('#radbuehne img').attr('src', neuesbild);
						  $('#radbuehne img').load(function(){
							 $('#radbuehne img').fadeIn(250)
						  });
					  });
				  });
			 
			 }
			 else {
				 $('#radbuehne a').attr('href', neueszoomify);
				 $('#radbuehne img').fadeOut(250, function(){
					  $('#radbuehne img').attr('src', neuesbild);
					  $('#radbuehne img').load(function(){
						 $('#radbuehne img').fadeIn(250)
					  });				 
				  });
			 }
		}, 1000);
	}
	  
	  
	$('#testingleave').click(function() {
		location.href='http://www.cube.eu/';
	});

	$('#testingleave.english').click(function() {
		location.href='http://www.cube-bikes.de/xist4c/web/Homepage-CUBE-UK_id_36261_.htm';
	});

	
	$('#testingleave').css('cursor', 'pointer');
	

	$("#headnavtabs").tabs({selected: -1, event:'mouseover'});
	
	$("#testingleave").mouseleave(function(){
		$(".afragment.ui-tabs-panel").addClass('ui-tabs-hide');
		$("#headnavtabs li").removeClass('ui-state-active').removeClass('ui-tabs-selected').addClass('ui-state-default');

		$('.teasersCont .blockCont').css('display', 'block');
		$('#teasermiddleright').css('display', 'block');
		
		if($('#zoomify').length > 0) {
			$('#zoomify').css('display', 'block');
		}
	});

	$('#headnavtabs').bind('tabsselect', function(event, ui) {
		$('.teasersCont .blockCont').css('display', 'none');
		$('#teasermiddleright').css('display', 'none');
		if($('#zoomify').length > 0) {
			$('#zoomify').css('display', 'none');
		}
	});

    $("#detailsnavtabs").tabs({selected: 0, fx: { duration: 250, opacity: 'toggle' }});

	if($('.teasersCont .blockCont img').length > 0) {
		var major_trackid = $('.teasersCont .blockCont img').attr('title').split(' : ').join('/').split(' ').join('-');
	}
   

    $('#detailsnavtabs').bind('tabsselect', function(event, ui) {
		var local_trackid = $(ui.tab).attr('href').substring(9, $(ui.tab).attr('href').length);
    	pageTracker._trackPageview(major_trackid + '/' + local_trackid + '.html');
	});
    
	$('#imagewechsler a').click(function() {
		pageTracker._trackPageview(major_trackid + '/Farbe-' + $(this).attr('title').split(' ').join('-') + '.html');
		
		var neuesbild 		= $(this).attr('href');
		var neueszoomify 	= '#'+$(this).attr('title').toLowerCase().split(' ').join('-');
	 	
	 	
	 	if($('#zoomify').length > 0) {
			$('#zoomify').fadeOut(250, function(){
				$(this).remove();
				$('#radbuehne a').attr('href', neueszoomify);
				$('#radbuehne img').fadeOut(250, function(){
					 $('#radbuehne img').attr('src', neuesbild);
					 if(isSafari) {
						 setTimeout(function(){
						 	$('#radbuehne img').fadeIn(250);
						 }, 800);
					 } else {
						 $('#radbuehne img').load(function(){
						 	$('#radbuehne img').fadeIn(250)
						 });
					 }
				 });
			 });
	 	
	 	}
	 	else {
			$('#radbuehne a').attr('href', neueszoomify);
			
			$('#radbuehne img').fadeOut(250, function(){
				 $('#radbuehne img').attr('src', neuesbild);
				 if(isSafari) {
					 setTimeout(function(){
					 	$('#radbuehne img').fadeIn(250);
					 }, 800);
				 } else {
					 $('#radbuehne img').load(function(){
					 	$('#radbuehne img').fadeIn(250)
					 });
				 }
			 });
	 	}
		return false;
	 });
	 
	 $('#radbuehne a').click(function() {
	 	$('#zoomify').hide().remove();
		$('#radbuehne img').fadeOut(250, function(){
				
			var neueszoomify = $('#radbuehne a').attr('href').substring(1, $('#radbuehne a').attr('href').length);
			
			var zoomifycode = "<OBJECT CLASSID='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' CODEBASE='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0' WIDTH='700' HEIGHT='460' ID='zoomify'> <PARAM NAME='FlashVars' VALUE='zoomifyImagePath=http://media.cube.eu/2010/zoom/"+neueszoomify+"&zoomifyNavigatorVisible=false'> <PARAM NAME='BGCOLOR' VALUE='#000000'> <PARAM NAME='MENU' VALUE='FALSE'> <PARAM NAME='SRC' VALUE='http://media.cube.eu/2010/zoom/zoomifyViewer.swf'><EMBED	FlashVars='zoomifyImagePath=http://media.cube.eu/2010/zoom/"+neueszoomify+"&zoomifyNavigatorVisible=false' SRC='http://media.cube.eu/2010/zoom/zoomifyViewer.swf' BGCOLOR='#000000' MENU='false' PLUGINSPAGE='http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash' WIDTH='700' HEIGHT='460' NAME='zoomify'><" + "/EMBED><" + "/OBJECT>";
		
			$('#radbuehne').append(zoomifycode);
			$('#zoomify').fadeIn(250);
		 });		 	
	 	return false;
	 });
	 
	 $('#details-details ul li a').click(function(){
	 	var neuesbild	= $(this).attr('href');
	 	if($('#details-details-image').length > 0) {
			$('#details-details-gross').fadeOut(250, function(){
				$('#details-details-image').attr('src', neuesbild);
			});
		}
		else {
			$('#details-details-gross').append('<img id="details-details-image" src="'+neuesbild+'" />');
		}
		
		$('#details-details-image').load(function(){
			$('#details-details-gross').fadeIn(250);
		});
		$('#details-details-gross').click(function(){
 			$(this).fadeOut(250, function(){
 				$('#details-details-image').remove();
 			});
 		});		 
	 	return false;
	 });
	 

	 $('#details-mehr ul li a').click(function(){
	 	var neuesbild	= $(this).attr('href');
	 	if($('#details-mehr-image').length > 0) {
			$('#details-mehr-gross').fadeOut(250, function(){
				$('#details-mehr-image').attr('src', neuesbild);
			});
		}
		else {
			$('#details-mehr-gross').append('<img id="details-mehr-image" src="'+neuesbild+'" />');
		}
		$('#details-mehr-image').load(function(){
			$('#details-mehr-gross').fadeIn(250);
		});
		$('#details-mehr-gross').click(function(){
 			$(this).fadeOut(250, function(){
 				$('#details-mehr-image').remove();
 			});
 		});		 
	 	return false;
	 });	 
	 
	 
	 $('.actionvorschau p a').click(function(){
	 	 var neuesbild	= $(this).attr('href');
	 	 $("#detailsnavtabs").tabs('option', 'selected', 4);	
	 	if($('#details-mehr-image').length > 0) {
			$('#details-mehr-gross').fadeOut(250, function(){
				$('#details-mehr-image').attr('src', neuesbild);
			});
		}
		else {
			$('#details-mehr-gross').append('<img id="details-mehr-image" src="'+neuesbild+'" />');
		}
		$('#details-mehr-image').load(function(){
			$('#details-mehr-gross').fadeIn(250);
		});
		$('#details-mehr-gross').click(function(){
 			$(this).fadeOut(250, function(){
 				$('#details-mehr-image').remove();
 			});
 		});		 
	 	 
	 	 
	 	 return false;
	 });
	 
	 
	 $('#details-geometrie a').click(function(){
	 	var neuegroesse = $(this).attr('href').substring(1, $(this).attr('href').length);
	 	$('#geometrie-image img').fadeOut(250, function(){
		 	$('#geometrie-image img').attr('src', 'http://media.cube.eu/2010/geometrie/'+neuegroesse+'.gif');
		 	$('#geometrie-image img').load(function(){
		 		$('#geometrie-image img').fadeIn(250);
		 	});
	 	});
	 	return false;
	 });
	 
	 if(isSafari == false) {
		 $('.teasersCont .blockCont a').fadeTo(150, 0.5);

		 $('.teasersCont .blockCont a').mouseover( function(){
		 	$(this).stop().fadeTo(150, 1); 
		 });

		 $('.teasersCont .blockCont a').mouseleave( function(){
		 	$(this).fadeTo(450, 0.4).fadeTo(100, 0.5); 
		 });
	}
	 
	$('#searchPLZ').focus(function(){
		if($(this).attr('value') == 'PLZ') {
			$(this).removeAttr('value').attr('value', '');
		}
	});

	$('#searchPLZ').blur(function() {
		if($(this).attr('value') == '') {
			$(this).attr('value', 'PLZ');
		}
	});

	/* ACCESSOIRES */
	
	$('.klamotte a').append('<img src="http://media.cube.eu/css/img/lupe.gif" alt="Vergrˆﬂern" class="klamottenlupe" />');
	$('.klamotte a').click(function() {
		var mainobj = $(this);
		var id = $(this).attr('href').substring(1, $(this).attr('href').length);

        if($('#klamottenzoomer').length > 0) {
			$('#klamottenzoomer').stop().fadeOut(250, function(){
				$(this).remove();                        

				mainobj.parents('.klamottencontainer').prepend('<div id="klamottenzoomer"><img src="http://media.cube.eu/2010/accessoires/large/'+id+'.jpg" /><' + '/div>');

				$('#klamottenzoomer').fadeIn(250);
				$('#klamottenzoomer').click( function(){
					$('#klamottenzoomer').stop().fadeOut(250, function(){
						$(this).remove();                        
					});
				});
		
			});                     
		} else {
		
			$(this).parents('.klamottencontainer').prepend('<div id="klamottenzoomer"><img src="http://media.cube.eu/2010/accessoires/large/'+id+'.jpg" /><' + '/div>');

			$('#klamottenzoomer').fadeIn(250);

			$('#klamottenzoomer').click( function(){
				$('#klamottenzoomer').stop().fadeOut(250, function(){
					$(this).remove();                        
				});
			});
		}
		

	});
	
	/* /ACCESSOIRES */

	 
  });