jQuery.noConflict();

/*
 * General DOM ready statemenets
 */
jQuery(function($) {
	
	$('.image-widget .bannier-op').hover(function(){
		$('.image-widget .bannier-op').addClass('small').stop();
		$(this).removeClass('small');
		$('.image-widget .small').animate({width:'50px'},500);
		$(this).animate({width:'570px'},500);
	})
	$('.image-widget').hover(function(){},function(){
		$('.image-widget .bannier-op').removeClass('small').animate({width:'180px'},500);
	})
	
	$('button').mouseover(function(){
		$(this).addClass('over');
	}).mouseout(function(){
		$(this).removeClass('over');
	})
	
	
	$('.rate input:radio').rating();

	$('.cms-index-index #nav').show();

	$('.or_cat_link').each(function(){
		if($(this).parent().children('ul').css('display')=='none'){
				$(this).attr('title','plus');
				$(this).css('background-position','0 0');
			}else{
				$(this).attr('title','mois');
				$(this).css('background-position','0 -59px');
			}
		});
	
	$('.or_cat_link').mouseover(function(){
		if($(this).attr('title')== 'plus'){
			$(this).css('background-position','0 -29px');
		}else{
			$(this).css('background-position','0 -88px');
		}
	}).mouseout(function(){
		if($(this).attr('title')== 'plus'){
			$(this).css('background-position','0 0');
		}else{
			$(this).css('background-position','0 -59px');
		}
	});
	
	//Subnav Accordion
	$('.or_cat_link').click(function(){
		$(this).parent().children('ul').slideToggle();
		if($(this).attr('title')== 'plus'){
			$(this).css('background-position','0 -59px');
			$(this).attr('title','mois');
		}else{
			$(this).css('background-position','0 0');
			$(this).attr('title','plus');
		}
		//alert(plus);
	});
	
	$('.expander-ico').each(function(){
		if($(this).parent().children('ul').length>0){
			if($(this).parent().children('ul').css('display')=='none'){
					$(this).attr('title','plus');
					$(this).css('background-position','0 0');
				}else{
					$(this).attr('title','mois');
					$(this).css('background-position','0 -31px');
				}
		}else{
			if($(this).parent().next('ul').css('display')=='none'){
					$(this).attr('title','plus');
					$(this).css('background-position','0 0');
				}else{
					$(this).attr('title','mois');
					$(this).css('background-position','0 -31px');
				}
		}
		});
	
	$('.expander-ico').mouseover(function(){
		if($(this).attr('title')== 'plus'){
			$(this).css('background-position','0 -16px');
		}else{
			$(this).css('background-position','0 -46px');
		}
	}).mouseout(function(){
		if($(this).attr('title')== 'plus'){
			$(this).css('background-position','0 0');
		}else{
			$(this).css('background-position','0 -31px');
		}
	});
	
	//Subnav Accordion
	$('.expander-ico').click(function(){
		if($(this).parent().children('ul').length>0){
			$(this).parent().children('ul').slideToggle();
		}else{
			$(this).parent().next('ul').slideToggle();
		}
		if($(this).attr('title')== 'plus'){
			$(this).css('background-position','0 -32px');
			$(this).attr('title','mois');
		}else{
			$(this).css('background-position','0 0');
			$(this).attr('title','plus');
		}
		//alert(plus);
	});
	
	/**
	 * 工具栏移动效果
	 */
	 $('#toolbar a').each(function(){
		 if($(this).attr('href')==document.location){
			$(this).parent().addClass('active');
		 }
	 });
	 
	 $('#toolbar .active').each(function(){
		menu_id = $(this).attr('id');
		if( menu_id == 'button-accueil'){$("#menu-active").css('width','70px');		$("#menu-active").css('background-position','0 0');		$("#menu-active").css('left','0');}
		if( menu_id == 'button-actualites'){$("#menu-active").css('width','94px');		$("#menu-active").css('background-position','0 -24px');		$("#menu-active").css('left','56px');}
		if( menu_id == 'button-services'){$("#menu-active").css('width','85px');		$("#menu-active").css('background-position','0 -48px');		$("#menu-active").css('left','135px');}
		if( menu_id == 'button-qui'){$("#menu-active").css('width','143px');		$("#menu-active").css('background-position','0 -72px');		$("#menu-active").css('left','205px');}
		if( menu_id == 'button-mon'){$("#menu-active").css('width','110px');		$("#menu-active").css('background-position','0 -96px');		$("#menu-active").css('left','330px');}
		if( menu_id == 'button-acces'){$("#menu-active").css('width','144px');		$("#menu-active").css('background-position','0 -120px');		$("#menu-active").css('left','425px');}
		if( menu_id == 'button-monpanier'){$("#menu-active").css('width','95px');		$("#menu-active").css('background-position','0 -145px');		$("#menu-active").css('left','555px');}
	 });
	 
	 
	$('#button-accueil').mouseover(function(){
		$("#menu-mouseover").css('width','70px');
		$("#menu-mouseover").css('background-position','0 0');
		$("#menu-mouseover").css('left','0');
	}).mouseout(function() {
		$("#menu-mouseover").css('width','0');
	});
	$('#button-actualites').mouseover(function(){
		$("#menu-mouseover").css('width','94px');
		$("#menu-mouseover").css('background-position','0 -24px');
		$("#menu-mouseover").css('left','56px');
	}).mouseout(function() {
		$("#menu-mouseover").css('width','0');
	});
	$('#button-services').mouseover(function(){
		$("#menu-mouseover").css('width','85px');
		$("#menu-mouseover").css('background-position','0 -48px');
		$("#menu-mouseover").css('left','135px');
	}).mouseout(function() {
		$("#menu-mouseover").css('width','0');
	});
	$('#button-qui').mouseover(function(){
		$("#menu-mouseover").css('width','143px');
		$("#menu-mouseover").css('background-position','0 -72px');
		$("#menu-mouseover").css('left','205px');
	}).mouseout(function() {
		$("#menu-mouseover").css('width','0');
	});
	$('#button-mon').mouseover(function(){
		$("#menu-mouseover").css('width','110px');
		$("#menu-mouseover").css('background-position','0 -96px');
		$("#menu-mouseover").css('left','330px');
	}).mouseout(function() {
		$("#menu-mouseover").css('width','0');
	});
	$('#button-acces').mouseover(function(){
		$("#menu-mouseover").css('width','144px');
		$("#menu-mouseover").css('background-position','0 -120px');
		$("#menu-mouseover").css('left','425px');
	}).mouseout(function() {
		$("#menu-mouseover").css('width','0');
	});
	$('#button-monpanier').mouseover(function(){
		$("#menu-mouseover").css('width','95px');
		$("#menu-mouseover").css('background-position','0 -145px');
		$("#menu-mouseover").css('left','555px');
	}).mouseout(function() {
		$("#menu-mouseover").css('width','0');
	});

	
	/**
	 * 产品展示页面中的几个图片切换效果
	 */
	$('.col-main .products .products-list').cycle({
   	 	fx:'scrollVert', 
	    speed:1000, 
	    timeout:3000, 
	    pause:1,
	    next:'#next', 
	    prev:'#prev' 
	});

	
	/**
	 * 首页中单击图片切换效果
	 */
	$('#get-pic-1').click(function(){
		$('.li-list').css({display: "none"});
		$('#li-1').css({display: "block"});
	});
	$('#get-pic-2').click(function(){
		$('.li-list').css({display: "none"});
		$('#li-2').css({display: "block"});
	});
	$('#get-pic-3').click(function(){
		$('.li-list').css({display: "none"});
		$('#li-3').css({display: "block"});
	});
	
	/**
	 * 产品展示页面的banner标签页
	 */
	$('#banner-button-1').click(function(){
		$('.product-upsell .banner').css({background:"url(http://www.broadcastor.com/skin/frontend/imboutique/broadcastor/images/banner.png) no-repeat 0 0"});
		$('.bottom-block').css({display: "none"});
		$('#buttom-block-1').css({display: "block"});
		$('.banner-button').removeClass('actived');
		$(this).addClass('actived');
	});
	$('#banner-button-2').click(function(){
		$('.product-upsell .banner').css({background:"url(http://www.broadcastor.com/skin/frontend/imboutique/broadcastor/images/banner.png) no-repeat 0 -31px"});
		$('.bottom-block').css({display: "none"});
		$('#buttom-block-2').css({display: "block"});
		$('.banner-button').removeClass('actived');
		$(this).addClass('actived');
	});
	$('#banner-button-3').click(function(){
		$('.product-upsell .banner').css({background:"url(http://www.broadcastor.com/skin/frontend/imboutique/broadcastor/images/banner.png) no-repeat 0 -62px"});
		$('.bottom-block').css({display: "none"});
		$('#buttom-block-3').css({display: "block"});
		$('.banner-button').removeClass('actived');
		$(this).addClass('actived');
	});
	$('#banner-button-4').click(function(){
		$('.product-upsell .banner').css({background:"url(http://www.broadcastor.com/skin/frontend/imboutique/broadcastor/images/banner.png) no-repeat 0 -93px"});
		$('.bottom-block').css({display: "none"});
		$('#buttom-block-4').css({display: "block"});
		$('.banner-button').removeClass('actived');
		$(this).addClass('actived');
	});
	$('#banner-button-5').click(function(){
		$('.product-upsell .banner').css({background:"url(http://www.broadcastor.com/skin/frontend/imboutique/broadcastor/images/banner.png) no-repeat 0 -124px"});
		$('.bottom-block').css({display: "none"});
		$('#buttom-block-5').css({display: "block"});
		$('.banner-button').removeClass('actived');
		$(this).addClass('actived');
	});
	$('#banner-button-6').click(function(){
		$('.product-upsell .banner').css({background:"url(http://www.broadcastor.com/skin/frontend/imboutique/broadcastor/images/banner.png) no-repeat 0 -155px"});
		$('.bottom-block').css({display: "none"});
		$('#buttom-block-6').css({display: "block"});
		$('.banner-button').removeClass('actived');
		$(this).addClass('actived');
	});
	
	$('#product_comparison tr').each(function(){
		$show = 1;
		$(this).children('td').each(function(){
			if($.trim($(this).html())==' '&&$show!=0){
				$show = 1;
			}else{
				$show = 0;
			}
		});
		
		if($show == 1){
			$(this).hide();
		}
	});
	
	$iframe_html = '<div id="iframe" class="result">		<div class="iframse_top">		<div class="top_left"></div>		<div class="top_center"></div>		<div class="top_right"></div>	</div>	<div class="iframse_content">		<div class="iframse_content_right">			<div class="iframse">		</div>		<div class="iframe_information">			<div class="description"></div>		</div>		</div>	</div>	<div class="iframse_bottom">		<div class="top_left"></div>		<div class="top_center"></div>		<div class="top_right"></div>	</div></div>';
	$('body').append($iframe_html);
	$.tools.overlay.addEffect("prettyphoto", function(css, done) { 
   
	   // use Overlay API to gain access to crucial elements
	   var conf = this.getConf(),
		   overlay = this.getOverlay();           
	   
	   // determine initial position for the overlay
	   if (conf.fixed)  {
		  css.position = 'fixed';
	   } else {
		  css.top += $(window).scrollTop();
		  css.left += $(window).scrollLeft();
		  css.position = 'absolute';
	   } 
	   pageWidth = $(window).width();
	   pageHeight = $(window).height();
	   defaultWidth = pageWidth*0.1 +'px';
	   defaultHeight = pageHeight*0.1 +'px';
	   defaultLeft = pageWidth*0.45 +'px';
	   frameWidth = pageWidth*0.9 + 'px';
	   frameHeight = pageHeight*0.8 + 'px';
	   scrollLeft = pageWidth*0.05 + 'px';
	   scrollTop = pageHeight*0.1 + 'px';
	   // position the overlay and show it
	   overlay.css(css).show();
	   $('#iframe .iframse_content').css('height',$(window).height()*0.8-40 +'px');
	   $('#iframe .iframse').css('height',$(window).height()*0.8-40-45 +'px');
	   // begin animating with our custom easing
	   overlay.animate({ opacity: 1,  width: frameWidth,height:frameHeight,left:scrollLeft,top:scrollTop}, 500, done);
	   
	   /* closing animation */
	   }, function(done) {
		  this.getOverlay().animate({opacity:0, width:defaultWidth,height:defaultHeight,left:defaultLeft}, 500,  function() {
			 $(this).hide();
			 done.call();      
		  });
	   }
	);

	$("a[rel^='#iframe']").overlay({
		mask: {
		color: '#000',
		loadSpeed: 500,
		opacity: 0.8
		},
		onLoad:function(){
			$description = this.getTrigger().attr("title");
			$html='<iframe src="'+this.getTrigger().attr("href")+'" width="100%" height="100%">';
			$('#iframe .iframse').html($html);
			$('#iframe .description').html($description);
			$('#iframe .close').html('Fermer la fen锚tre').fadeIn(500);
		},
		onBeforeClose:function(){
			$('#iframe .iframse').html('');
			$('#iframe .close').fadeOut(200);
		},
		effect: 'prettyphoto'
	});

});


function showText(){
	jQuery('a.pp_close').css('padding-left','27px');
	jQuery('a.pp_close').css('line-height','22px');
	jQuery('a.pp_close').css('text-indent','0px');
	jQuery('a.pp_close').css('width','auto');
}

function hideText(){
	jQuery('a.pp_close').css('padding-left','0');
	jQuery('a.pp_close').css('line-height','22px');
	jQuery('a.pp_close').css('text-indent','-9999px');
	jQuery('a.pp_close').css('width','22px');
}