// FancyPlayer.js - A spicy mix of FancyBox and Flowplayer
//var videopath = "http://localhost/fordfemme/vid/";
//var swfplayer = "http://localhost/fordfemme/sc/flowplayer-3.2.7.swf";
//var videopath = "http://192.168.0.113/fordfemme/vid/";
//var swfplayer = "http://192.168.0.113/fordfemme/sc/flowplayer-3.2.7.swf";
//var videopath = "http://codigomedia.es/fordfemme/vid/";
//var swfplayer = "http://codigomedia.es/fordfemme/sc/flowplayer-3.2.7.swf";
var videopath = "http://fordfemme.com/FordFemme09/vid/";
var swfplayer = "http://fordfemme.com/FordFemme09/sc/flowplayer-3.2.7.swf";


$(document).ready(function() {
	
    var videoclip='';
    var player='';
	
    $(".video_link").hover(function(){
            
        videoclip=$(this).attr('href');
        
        videoclip = videoclip.substring(videoclip.lastIndexOf("/")+1, videoclip.length);
        
        $(this).attr({
            "href":"#video_box"
        });
    },

    function(){
        $(this).attr({
            "href":""+videoclip+""
        });
    });
	
    $(".video_link").fancybox({
        'hideOnContentClick':false,
        'overlayOpacity' :.6,
        'zoomSpeedIn'    :400,
        'zoomSpeedOut'   :400,
        'easingIn'		 : 'easeOutBack',
        'easingOut'		 : 'easeInBack',
        'callbackOnShow' :function(){
            $("#fancy_outer").css('display', 'block');
            //Cambio de color del marco del vídeo
            url = $(location).attr('href');
            if(url.indexOf("viajera")>-1){
                $("#fancy_close").css('background-image','url("../img/fancy/fancy_closebox-amarillo.png")');
                $("#fancy_inner").css('background-color','#EFCC2A');
            }else if(url.indexOf("urbana")>-1){
                $("#fancy_close").css('background-image','url("../img/fancy/fancy_closebox-rosa.png")');
                $("#fancy_inner").css('background-color','#DF236F');
            }
            player = $f("fancy_div",swfplayer,{
                play:{
                    opacity:0
                },
                clip:{
                    autoPlay:true,
                    autoBuffering:true,
                    url:videopath+videoclip+'',
                    onStart:function(clip){
                        var wrap=jQuery(this.getParent());
                        var clipwidth = clip.metaData.width;
                        var clipheight= clip.metaData.height;
                        var pos = $.fn.fancybox.getViewport();
                        
                        $("#fancy_outer").css({
                            width:clipwidth,
                            height:clipheight
                        });
                        $("#fancy_bg").css({
                            width:clipwidth,
                            height:clipheight
                        });
                        $("#fancy_outer").css('left', ((clipwidth + 36) > pos[0] ? pos[2] : pos[2] + Math.round((pos[0] - clipwidth	- 36)	/ 2)));
                        $("#fancy_outer").css('top',  ((clipheight + 50) > pos[1] ? pos[3] : pos[3] + Math.round((pos[1] - clipheight - 50)	/ 2)));
                    },
                    onFinish:function(){
                        $('#fancy_close').trigger('click');
                    }
                }
            }).ipad();
            player.load();
            $('#fancy_close').click(function(){
                $("#fancy_div_api").remove();
            });
        },
        'callbackOnClose':function(){
            $("#fancy_div_api").remove();
        }
    });
	
});