jQuery(document).ready(function($) {

    //$("li.page_item a").each(function(){
//        jQuery(this).removeAttr('title');
//    });
	
	$("ul.tabs").tabs("div.examples-wrapper > ul.examples", {effect: 'fade'});
	
	$("a.iframe, a.inline").fancybox({	
		'overlayColor': '#000',
		'overlayOpacity': 0.6,
		'hideOnContentClick': false
	});
	
	$("a.547x387").fancybox({
		'frameWidth': 547,
		'frameHeight': 387
	});
	
	$("a.500x522").fancybox({
		'frameWidth': 500,
		'frameHeight': 522
	});
	$("a.500x530").fancybox({
		'overlayColor': '#000',
		'overlayOpacity': 0.6,
		'hideOnContentClick': false,
		'frameWidth': 500,
		'frameHeight': 530
	});
	
	$("a.480x422").fancybox({
		'frameWidth': 480,
		'frameHeight': 422
	});
	
	$("a.350x547").fancybox({
		'frameWidth': 350,
		'frameHeight': 547
	});
	
	$("a.950x730").fancybox({
		'frameWidth': 950,
		'frameHeight': 730
	});
	
	$("a.fancybox").fancybox({
		'overlayColor': '#000',
		'overlayOpacity': 0.6,	
		'zoomSpeedIn': 500,
		'zoomSpeedOut': 500,
		'overlayOpacity': 0.6
	});

						   						   
	$("ul.product-selection li a.fsi, ul.product-selection li a.fsi-cfg").click(function() {
												  
		$(this).parents('li').siblings('li:has(.active)').find('a').removeClass('active').end().end().end().addClass('active');
		
		if ($(this).hasClass("fsi")){
			var url = "http://erezcache1.myclip.de/fsicache/fsi4/fsi.swf?images3dURL=http://erezcache1.myclip.de/fsicache/erez4%3Fvtl%3Dfsi/image_list3d_fsicache.xml%26page%3D1%26rows%3D16%26cols%3D16%26cmd%3Dlist%26src%3D" + this.rel;
		}
		else if ($(this).hasClass("fsi-cfg")){
			var url = "http://erez.myclip.de/erez4/fsi4/fsi.swf?" + this.rel;
		}
		else if ($(this).hasClass("rt")){
			var url = "viewer-500x530.swf" + this.rel;
		}
		else {
			alert("wrong input");
		}
		
		swfobject.embedSWF(url,'product-img','100%','100%','9.0.0','expressInstall.swf');
				
		return false;
		
	});
	


	var arrowCss = {
		position: 'absolute',
		bottom: '0px',
		zIndex: '200',
		width: '180px',
		height: '20px',
		fontFamily: 'Arial',
		lineHeight: '20px',
		fontSize: '12px',
		color: '#666',
		cursor: 'pointer',
		fontWeight: 'normal',
		//background: '#EEE'
	}
	
	var viewBack = $('<a>').attr('id','viewBack').css(arrowCss).css({right: '0px', textAlign: 'left'}).html('R&uuml;ckansicht');
	var viewFront = $('<a>').attr('id','viewFront').css(arrowCss).css({left: '0px', textAlign: 'right'}).html('Vorderansicht');
	
	
	
	$("ul.product-selection li a.front-back").click( function() {
															  
			var src = $(this).parent().find('img').attr('src');
															  
			var myImage = src.replace(/^(.*)001-s\.jpg$/, '$1');
			
			//console.log(myImage);
			
			$('a#viewBack').attr('rev',myImage + '002-m.jpg');
			$('a#viewBack').attr('href',myImage + '002-l.jpg');
			$('a#viewBack').attr('rel','zoom-id:zoom');
			
			$('a#viewFront').attr('rev',myImage + '001-m.jpg');
			$('a#viewFront').attr('href',myImage + '001-l.jpg');
			$('a#viewFront').attr('rel','zoom-id:zoom');
				
	});
	
	if ( $('a').hasClass('front-back') ){
		//console.log('true');
		$('div#product-img').append(viewBack).append(viewFront);
		$("ul.product-selection li:first-child a.front-back").trigger('click');
	}
	
	$('a#viewFront, a#viewBack').click( function() {
			return false;
	});
	
	
	$('ul.product-selection li a img').hover(function () {
			$(this).fadeTo("normal", 0.6);
		}, function () {
			$(this).fadeTo("normal", 1);
		}
	);

	
//	$('a#viewBack').click( function() {
//																						   
//			var src = $(this).parent().find('img').attr('src');
//			
//			//console.log(src);
//			
//			var sImage = src.replace(/^(.*)001-m\.(jpg|jpeg|tif|png|gif)$/, '$1002-s.$2');		
//			var mImage = src.replace(/^(.*)001-m\.(jpg|jpeg|tif|png|gif)$/, '$1002-m.$2');		
//			var lImage = src.replace(/^(.*)001-m\.(jpg|jpeg|tif|png|gif)$/, '$1002-l.$2');		
//			
//			//console.log(newSrc);
//															  
//			$(this).parent().find('img').attr('src',mImage);
//			$(this).parent().find('a#zoom').attr('href',lImage);
//			
//			MagicZoom.refresh();
//	
//	});
	
	
	$("a.ytvideo").click(function() {
								  
		ytUrl = $(this).attr("href");
												  
		swfobject.embedSWF(ytUrl, "product-video-img", "760", "458", "8", null, null, { allowScriptAccess: "always", allowFullScreen: "true" }, null);
				
		return false;
		
	});

    //$('div.menu-wrap ul li > ul').hide();
	//var config = {    
		 //sensitivity: 3, // number = sensitivity threshold (must be 1 or higher)    
		 //interval: 100, // number = milliseconds for onMouseOver polling interval    
		 //over: function() {$('ul', this).slideDown('normal')}, // function = onMouseOver callback (REQUIRED)    
		 //timeout: 200, // number = milliseconds delay before onMouseOut    
		 //out: function() {$('ul', this).slideUp('normal')} // function = onMouseOut callback (REQUIRED)    
	//};
	
	//$('div.menu-wrap ul:first-child > li').hoverIntent(config);
	
});

function SwitchTo(url) {
html = '<script type="text/javascript" src="http://www.myclip360.com/js/swfobject.js"><\/script>\n' +

				'<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553550000" id="flashZoomer" width="480" height="422" codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">\n' +
							'<param name="movie" value="http://www.myclip360.com/wp-content/media/flash/flvplayer.swf" \/>\n' +
							'<param name="quality" value="high" \/>\n' +
							'<param name="bgcolor" value="#FFFFFF" \/>\n' +
							'<param name="allowScriptAccess" value="sameDomain" \/>\n' +
							'<param name="flashVars" value="path=http://www.myclip360.com/wp-content/media/videos/' + url + '" \/>\n' +
							'<param name="scaleMode" value="noScale" \/>\n' +

'<embed src="http://www.myclip360.com/wp-content/media/flash/flvplayer.swf" quality="high" bgcolor="#FFFFFF"\n' +
'width="480" height="422" name="flvplayer" align="middle"\n' +
'play="true"\n' +
'flashVars = "path=http://www.myclip360.com/wp-content/media/videos/' + url + '"\n' +
'loop="false"\n' +
'quality="high"\n' +
'scaleMode="noScale"\n' +
'allowScriptAccess="sameDomain"\n' +
'type="application/x-shockwave-flash"\n' +
'pluginspage="http://www.adobe.com/go/getflashplayer">\n' +
'<\/embed>\n' +

'<\/object>\n';
					
document.getElementById("divlayer").innerHTML =  html;
  
}