/*
 * Fray'z and hemantic's! OLOLO ^^
 * 2008 - 2009
 */

$.fn.openPopup = function(params){
	// Проверяем, вызывался ли попап раньше. Если не вызывался - инициализируем его
	if(!$(this).hasClass('ispopup')){
		if(typeof params == 'undefined' ){
			params={};
		}
		// Настраиваем подложку
		if(!$('.backlight').length){
			var backlight = $(document.createElement('DIV'));
			backlight.addClass('backlight');
			if(typeof params.bgColor != 'undefined' ){
				backlight.css({'background':params.bgColor});
			}
			backlight.appendTo('#upyachka');
			backlight.fadeTo(1, 0.9);
			//$('#upyachka').height($(document).height());
			backlight.height($(document).height());
			$('.backlight').click(function(){
				$(this).closePopup();
				return false;
			});

			// Вставляем пояснительный текст
		//	var helptext = $(document.createElement('P'));
		//	helptext.addClass('helptext');
		//	helptext.html('Кликните в любом месте, чтобы закрыть окно');
		//	helptext.appendTo('#upyachka');
		}

		// Настраиваем сам попап. Копируем в него классы элемента, который окажется у него внутри
		if(!$('.popup').length){
			var bubble = $(document.createElement('DIV'));
			bubble.addClass('popup');
			if(typeof params.popupClass != 'undefined' ){
				bubble.addClass(params.popupClass);
			}
			bubble.appendTo('#upyachka');
		}

		// Прикручиваем закрывалку
		$('#upyachka .popup').html('<div class="popupcloser"></div>');
		$('#upyachka .popup').append($(this));

		if((typeof params.showCloser!='undefined')&&(params.showCloser==false)){
			$('#upyachka .popupcloser').hide();
		}

		// Вешаем обработчики на закрытие попапа
		$('.popupcloser').click(function(){
			$(this).closePopup();
			return false;
		});
		$(this).find('.cancel').click(function(){
			$(this).closePopup();
			return false;
		});

		// Внимательно слушаем клавишу Esc
		$(document).keydown(function(e) {
			if(e.which==27) $(this).closePopup();
		});


		// Говорим попапу, что он попап и показываем его
		$(this).addClass('ispopup');
		$(this).show();

	//	if($("object").length)
	//		$("object").append('<param name="wmode" value="opaque">').css({"display":"block","z-index":1});
	}

	// Закрываем предыдущий попап и открывам текущий
	//$(this).parent('.popup:visible').closePopup();
	//$(this).parent('.popup').show();

	// Эта хрень должна исчезнуть, когда сделаем предзагрузку
	if ($('#upyachka .popup').width()) {
		var popupWidth = $('#upyachka .popup').width();
	}

	if ($('#upyachka .popup').height()) {
		var popupHeight = $('#upyachka .popup').height();
	}

	// Настраиваем размеры окна попапа в соотвествии с тем, что будет у него внутри
	$(this).parent('.popup').css({marginTop:-popupHeight/2+$(document).scrollTop(),marginLeft:-popupWidth/2,top:"50%",left:"50%"})

	if(jQuery.browser.opera){
		$(document).oneTime(1,"hideDropdown",function(){
			$('.popup').show();
		});
	} else {
		$('.popup').show();
	}

	$('.backlight').css({left:'0px'}).show();
	$('.helptext').css({top:$(document).scrollTop()}).show();

	// Костыли - скрываем селекты в эксплорере, чтобы они не просвечивали через подложку
	if(jQuery.browser.msie){
		$('.supportblock select').hide();
	}
}

// Обрабатываем закрытие попапа
$.fn.closePopup = function() {
	$('.backlight').css({left:'-100000px'});
	$('.popup').css({marginTop:-$('.popup').height()/2+$(document).scrollTop(),marginLeft:-$('.popup').width()/2,top:"50%",left:"50%",display:"none"});
	$('.helptext').hide();
	if(jQuery.browser.msie){
		$('.supportblock select').show();
	}
}

$(document).ready(function()
{
	
	$("tr:nth-child(odd)").addClass("oddrow");

	
	if($("#topline")[0]){
		$("#topline").scrollable({ 
        
		size:5,
		
        // items are auto-scrolled in 2 secnod interval 
        interval: 10000, 
         
        // when last item is encountered go back to first item 
        loop: true,  
         
        // make animation a little slower than the default 
        speed: 600, 
		
		easing:	'swing',
		
		keyboard: false,
		vertical: false,
		
		hoverClass: 'topline_hov'
         
        // when seek starts make items little transparent 
        //onBeforeSeek: function() { 
		//	if(!jQuery.browser.msie)
        //    	this.getItems().fadeTo(500, 0.5);         
        //}, 
         
        // when seek ends resume items to full transparency 
        //onSeek: function() { 
		//	if(!jQuery.browser.msie)
        //    	this.getItems().fadeTo(500, 1);
			//removeItem();
        //} 
    	}).unmousewheel();; 
		
	}
	
	//function removeItem() {			
			// get handle to scrollable api 
    //		var api = $("#topline").scrollable(); 
     
    		// move in 1 millisecond to the end to see what will happen 
    //		api.end(1); 
     
    		// remove last item by using jQuery's remove() method 
    //		api.getItems().filter(":last").remove(); 
     
    		// rebuild scrollable and go one step backward 
    //		api.reload().prev(); 
	//}

	//var player_init = {
	//	src: "flowplayer/flowplayer-3.0.7.swf", 
	//	wmode: 'opaque'
	//};

	var mainplayer_settings = {
		
		key: '@4c7b5d1c6c6dafc22f5',

		logo: {
				url: 'http://static.ogl.ru/design/v1/playerpics/logo.png',  
        		fullscreenOnly: false,
				top: 8,
				right:5,
				linkUrl: 'http://ogl.ru'
		},
		
		//onMouseOver: function() {
		//		return this.getPlugin("content").css({backgroundImage: 'http://ogl.ru/img/skorost_player.png'}).fadeIn(1000);			
    	//	}, 
				
		//onMouseOut: function() { 
		//		this.getPlugin("content").fadeOut(1000)
    	//	},
		
	 	clip:
	   		{
				zIndex: '-1',
				
				scaling:'fit',
				
        		onStart: function(clip) {             
            		google._trackEvent("Videos", "Play", clip.url)       
        		}, 
         
        		onFinish: function(clip) {             
          		  	google._trackEvent("Videos", "Finish", clip.url)         
        		}
				//playlist: 
				//	[ 				 
        		//		{
				//			url: 'http://78.110.62.247/video/2009/09/10/89c4eac2-4332-487d-bc8d-5a0d64034ec9/ogl.4779.flv', 
				//	 		position: 0,
				//			autoBuffering: true,
				//		
				//			controls: { 
                //    			enabled: {scrubber: false} 
                //			}
				//		}
		        //	]
				//,
				
				//playlist: 
				//	[ 				 
        		//		{
				//			url: 'http://gameslife.ru/video/skorost_online_preroll_final.flv', 
				//	 		position: 0,
				//			autoBuffering: true,
						
				//			controls: { 
                //    			enabled: {scrubber: false} 
                //			}
				//		}
		        //	]
			},
		
	   canvas:
	   		{
				backgroundColor: '#000000',
				backgroundGradient: 'none',
				zIndex: '-1'
			},
	   
	   play: { 
	   		opacity: 1,
            label: null,
            replayLabel: 'Replay'
    	},
		
		plugins:  { 
        controls: {             
            
			url: 'http://ogl.ru/flowplayer/flowplayer.controls-skinless-3.1.1.swf', skin: 'customskin',
			
            fullscreen:true,
            backgroundGradient: 'none',
			backgroundColor: 'transparent',

            all:false, 
            scrubber:true, 
			volume:true,
            play:true, 
            mute:true,
			playlist:false, 
        
            height: 30, 
             
            autoHide: 'always', 

            bottom: 5, 
            left: '50%'             
        },
		customskin: { url: "http://ogl.ru/flowplayer/gameslife_buttons.swf", type: "classLibrary" }
		//,
		
		//content: {  
        // 	url: 'http://ogl.ru/flowplayer/flowplayer.content-3.1.0.swf', 
 
         	// plugin is initially hidden          
        // 	display: 'none', 
          
         	// no background and decorations 
        // 	backgroundGradient: 'none', backgroundColor: 'transparent', border: 0,   
          
         	// position and dimensions 
        // 	top: 15, left: 12,  width: 158, height: 30,			
       
         	// click on the image goes to certain place 
        // 	onClick: function() {
		//		window.open ('http://ogl.ru/redir.php?url_id=zzima');
        // 	} 
      	//}
       }
	};
	
	var player_settings = {
		
		key: '@4c7b5d1c6c6dafc22f5',

		logo: {
				url: 'http://static.ogl.ru/design/v1/playerpics/logo.png',  
        		fullscreenOnly: false,
				top: 8,
				right:5,
				linkUrl: 'http://ogl.ru'
		},
		
     clip:
	   		{
				scaling:'fit',
				autoPlay: true,
				autoBuffering: true,
				onStart: function(clip) {             
            		google._trackEvent("Videos", "Play", clip.url)       
        		}, 
         
        		onFinish: function(clip) {             
          		  	google._trackEvent("Videos", "Finish", clip.url)         
        		}
			},
		
	   canvas:
	   		{
				backgroundColor: '#000000',
				backgroundGradient: 'none'
			},
	   
	   play: { 
	   		opacity: 1,
            label: null,
            replayLabel: 'Replay' 
       },
	   
	    plugins:  { 
        controls: {   
		
			url: 'http://ogl.ru/flowplayer/flowplayer.controls-skinless-3.1.1.swf', skin: 'customskin',
            
            fullscreen:true,
            backgroundGradient: 'none', 
			backgroundColor: 'transparent',

            all:false, 
            scrubber:true, 
			volume:true,
            play:true, 
            mute:true,
			playlist:false, 
             
            height: 30, 
             
            autoHide: 'always', 

            bottom: 5, 
            left: '50%'             
        },
		customskin: { url: "http://ogl.ru/flowplayer/gameslife_buttons.swf", type: "classLibrary" }
       } 
	
	};




	if($("#player1")[0]){


	if (location.host=='ogl.ru')
    {
		mainplayer_settings.key = '@4c7b5d1c6c6dafc22f5';
		player_settings.key = '@4c7b5d1c6c6dafc22f5';
    }else{
		mainplayer_settings.key = '#@4c7b5d1c6c6dafc22f5';
		player_settings.key = '#@4c7b5d1c6c6dafc22f5';
    }	
		
	$(".playlist").scrollable({size: 3,vertical:true,next:'a.down',prev:'a.up'});

	$(".clips a").click(function() { 
        $(this).fadeOut().fadeIn(); 
    });

	//$f("player1", player_init,  mainplayer_settings).playlist("div.mainplayer", {scaling:'fit', loop:false});
	$f("player1", {src: "http://ogl.ru/flowplayer/flowplayer.commercial-3.1.1.swf", wmode: 'opaque'},  mainplayer_settings).playlist("div.mainplayer", {scaling:'fit', loop:false});
	}
	
	if($(".player_centered")[0]){
		
	if (location.host=='ogl.ru')
    {
		mainplayer_settings.key = '@4c7b5d1c6c6dafc22f5';
		player_settings.key = '@4c7b5d1c6c6dafc22f5';
    }else{
		mainplayer_settings.key = '#@4c7b5d1c6c6dafc22f5';
		player_settings.key = '#@4c7b5d1c6c6dafc22f5';
    }	

		$f("a.player_centered", {src: "http://ogl.ru/flowplayer/flowplayer.commercial-3.1.1.swf", wmode: 'opaque'}, player_settings);
		$(".player_centered").show();
		$(".player_centered").css( "display", "block" );
		
		/*$(".player_centered").addClass("player_centered_block"); */
	
	}
	
});

/*
 * Comment controls 
 * */

$(document).ready(function(){
	var commentsNum = $(".commentblock .comment").length;

	if(commentsNum){
		$(".commentblock .comment").each(function(){
			$(this).css("z-index",commentsNum--);
		})

		$(".comment .vcard").hover(
			function(){
				$(this).parent().find(".controls").oneTime(500,"showControls",function(){
					$(this).show();
				});
			},
			function(){
				$(this).parent().find(".controls").stopTime("showControls");
				$(this).parent().find(".controls").oneTime(1000,"hideControls",function(){
					$(this).hide();
				});
			}
		);
		$(".comment .controls").mouseleave(function(){
			$(this).oneTime(1000,"hideControls",function(){
				$(this).hide();
			});
		});
		$(".comment .controls").mouseenter(function(){
			$(this).stopTime("hideControls");
		});
	}
});

$(document).ready(function(){
	$(".media .illustration").mouseenter(function(){
		$(this).find(".meta").css({'display':'block'});
	});

	$(".media .illustration").mouseleave(function(){
		$(this).find(".meta").css({'display':'none'});
	});
});

// Лайтбоксы для картинок
$(function(){
	if($(".image-lightbox").length){
		$(".image-lightbox").click(function(){

			var preloaderDiv = $(document.createElement('DIV'));
			preloaderDiv.html('<div class="img-preloader"></div>');
			preloaderDiv.openPopup({bgColor:"#000",popupClass:"popup-image-block",showCloser:false});

			var imgLink = $(this).attr('href');
			var imgTitle = $(this).attr('title');
			var image = $('<img src="'+ imgLink  +'" alt="'+ imgTitle +'" class="popup-image"/>');

			var imageContainer = $(document.createElement('DIV'));
			imageContainer.appendTo($("body"));

			image.appendTo(imageContainer);
			image.load(function(){
				var imageWidth = image.width();
				var imageHeight = image.height();
				var frameWidth = $(".backlight").width()-80;
				var frameHeight = $(".backlight").height()-80;

				// Вписываем картинку в размер окна,
				// если она шире, чем окно
				if(imageWidth > frameWidth) {
					image.width(frameWidth);
					imageHeight = image.height();
				}

				// Вписываем картинку в размер окна,
				// если она выше, чем окно
				if(imageHeight > frameHeight) {
					image.height(frameHeight);
					imageWidth = image.width();
				}
				imageContainer.openPopup(/*{bgColor:"#000",popupClass:"popup-image-block"}*/);
			});

			return false;
		});
	}

/*	$(".illustration").each(function(){
		if(!$(this).find("span").length){
			$(this).append("<span><blockquote>"+$(this).find("img").attr("alt")+"</blockquote></span>");
		}
	});
*/
});
