var carousel_principal_index = 0;


$(document).ready(function() {
	
	
	$(".reflect").reflect({
		height:0.33,
		opacity:0.5
	});
	
	
	$('#carousel_principal_controls a:eq(0)').addClass('active');
    $("#carousel_principal").jcarousel({
        auto:5,
        wrap: 'last',
        scroll: 1,
		visible:1,
        initCallback: mycarousel_initCallback,
        itemVisibleInCallback: {
            onBeforeAnimation: mycarousel_itemVisibleInCallbackBeforeAnimation,
            onAfterAnimation:  mycarousel_itemVisibleInCallbackAfterAnimation
        },
        itemVisibleOutCallback: {
            onBeforeAnimation: mycarousel_itemVisibleOutCallbackBeforeAnimation,
            onAfterAnimation:  mycarousel_itemVisibleOutCallbackAfterAnimation
        },
        // This tells jCarousel NOT to autobuild prev/next buttons
        buttonNextHTML: null,
        buttonPrevHTML: null
    });


	
	// --  Affichage des infos pour le carousel, items photos seulement
	
	$('#carousel_principal .carousel_principal_item_photo').bind('mouseenter', showCarouselItemInfos).bind('mouseleave', hideCarouselItemInfos);
	
	// -- Embed du player flickr
	$('#carousel_principal .carousel_principal_item_flickr img').bind('click',embedFlickr);
	
	// -- Embed du player video
	$('#carousel_principal .carousel_principal_item_video img').bind('click',embedVideo);
	
	
	
	// --  Affichage des infos pour le carousel, items photos seulement
	
	//$('#carousel_secondaire .carousel_secondaire_item').bind('mouseenter',showCarouselSecondaireItemInfos);
	//$('#carousel_secondaire .carousel_secondaire_item').bind('mouseleave',hideCarouselSecondaireItemInfos);
	
	
	// -- Remontée des RSS du blog
	// http://blog.quiksilver-women.com/feed/rss2/


});

function embedVideo(e){
	var itemClicked = e.currentTarget;
	
	$(itemClicked).hide(0);
	$(itemClicked).children('.embedVideo').show(0);
	
	var json =  $(itemClicked).parent('.carousel_principal_item').children('.embedVideo').attr('target');
	var embedID = $(itemClicked).parent('.carousel_principal_item').children('.embedVideo').attr('id');
	json = '('+json+')';
    var szData = eval(json);

	var flashvars = {
    		mode		: "video",
    		hd			: szData['hd'],
    		md			: szData['md'],
    		sd			: szData['sd'],
    		title		: szData['title'],
    		videoQuality: "sd",
    		preview		: szData['preview'],
    		shareURL	: document.location,
    		zoom		: "zoom1" 
    	};
        
    	var params = {
    		wmode: "transparent",
    		allowFullScreen :"true",
    		allowScriptAccess :"always"
    	};
    	var attributes = {
			id:embedID,
			target:json,
			Class:"embedVideo"
		};
    	
    	swfobject.embedSWF(PREFIX_URL_CDN + "/system/application/views/women/swf/lecteur.swf", embedID, "894", "502", "9.0.0", "http://static.quiksilver-europe.com/www/lecteurs/expressInstall.swf", flashvars, params, attributes);
	
}

function embedFlickr(e){
	
	var itemFlickrClicked = e.currentTarget;
	
	itemFlickrClicked =  $(itemFlickrClicked).parent('.carousel_principal_item_flickr');
	
	
	$(itemFlickrClicked).children('img').hide(0);
	
	var setFlickr = $(itemFlickrClicked).children('.embedFlickr').attr('id');
	var embedCode = '<object width="894" height="502">';
		embedCode += '<param name="flashvars" value="offsite=true&amp;lang=fr-fr&amp;page_show_url=%2Fphotos%2Fquiksilvereurope%2Fsets%2F'+setFlickr+'%2Fshow%2F&amp;page_show_back_url=%2Fphotos%2Fquiksilvereurope%2Fsets%2F'+setFlickr+'%2F&amp;set_id=<?=$setToLoad?>&amp;jump_to="></param>';
		embedCode += '<param name="movie" value="http://www.flickr.com/apps/slideshow/show.swf?v=71649"></param>';
		embedCode += '<param name="allowFullScreen" value="true"></param>';
		embedCode += '<embed src="http://www.flickr.com/apps/slideshow/show.swf?v=71649" type="application/x-shockwave-flash" allowFullScreen="true" flashvars="offsite=true&amp;lang=fr-fr&amp;page_show_url=%2Fphotos%2Fquiksilvereurope%2Fsets%2F'+setFlickr+'%2Fshow%2F&amp;page_show_back_url=%2Fphotos%2Fquiksilvereurope%2Fsets%2F'+setFlickr+'%2F&amp;set_id='+setFlickr+'&amp;jump_to=" width="894" height="502"></embed>';
		embedCode += '</object>';

	$(itemFlickrClicked).children('.embedFlickr').html(embedCode);
	$(itemFlickrClicked).children('.embedFlickr').show(0);


}

function showCarouselSecondaireItemInfos(e){
	$(e.currentTarget).children('.infos').show(0);
}

function hideCarouselSecondaireItemInfos(e){
	$(e.currentTarget).children('.infos').hide(0);
}

function showCarouselItemInfos(e){	
	$('#carousel_principal .carousel_principal_item:eq('+carousel_principal_index+') .infos').animate({
	    top: '-70',
	    height: '70px'
	  }, 200);
}

function hideCarouselItemInfos(e){
	$('#carousel_principal .carousel_principal_item .infos').animate({top: '0'}, 200, function(){
	        $(this).animate({height: '100px'}, 200);
	    });
}

function mycarousel_itemVisibleOutCallbackAfterAnimation(carousel, item, idx, state){
	
	var items_flickr = $('#carousel_principal .carousel_principal_item_flickr');
	
	for (var i=0; i < items_flickr.length; i++){		
		var setFlickr =  $('#carousel_principal .carousel_principal_item_flickr:eq('+i+') .embedFlickr').attr('id');
		$('#carousel_principal .carousel_principal_item_flickr:eq('+i+') .embedFlickr').remove();
		$('#carousel_principal .carousel_principal_item_flickr:eq('+i+') img').show();
		$('#carousel_principal .carousel_principal_item_flickr:eq('+i+')').append('<div class="embedFlickr" id="'+setFlickr+'"></div>');
	}
	
	
	var items_video = $('#carousel_principal .carousel_principal_item_video');
	
	for (var i=0; i < items_video.length; i++){		
		var json =  $('#carousel_principal .carousel_principal_item_video:eq('+i+') .embedVideo').attr('target');
		var id =  $('#carousel_principal .carousel_principal_item_video:eq('+i+') .embedVideo').attr('id');
		$('#carousel_principal .carousel_principal_item_video:eq('+i+') .embedVideo').remove();
		$('#carousel_principal .carousel_principal_item_video:eq('+i+') img').show();
		$('#carousel_principal .carousel_principal_item_video:eq('+i+')').append('<div class="embedVideo" id="'+id+'" target=\''+json+'\'></div>');
	}

}

function mycarousel_itemVisibleOutCallbackBeforeAnimation(carousel, item, idx, state){
	
}

function mycarousel_itemVisibleInCallbackBeforeAnimation(carousel, item, idx, state){

	    

}

function mycarousel_itemVisibleInCallbackAfterAnimation(carousel, item, idx, state){
	if (state == 'init')
        return;

	carousel_principal_index = idx-1;
	$('#carousel_principal_controls a').removeClass('active');
	$('#carousel_principal_controls a:eq('+carousel_principal_index+')').addClass('active');
		
}

function mycarousel_initCallback(carousel) {

    
    $('#carousel_principal_controls #carousel_principal_controls_bullets a').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
        carousel.startAuto(0);
        return false;
    });
    
    $('#carousel_principal .carousel_principal_item_flickr img').bind('click',function(){
        carousel.startAuto(0);
    });
    $('#carousel_principal .carousel_principal_item_video img').bind('click',function(){
        carousel.startAuto(0);
    });    

    jQuery('.jcarousel-scroll select').bind('change', function() {
        carousel.options.scroll = jQuery.jcarousel.intval(this.options[this.selectedIndex].value);
        return false;
    });

    jQuery('#mycarousel-next').bind('click', function() {
        carousel.next();
        return false;
    });

    jQuery('#mycarousel-prev').bind('click', function() {
        carousel.prev();
        return false;
    });
};