/*
 * 	tinniBox 1.0 - jQuery plugin
 *	written by Puchu	
 *	
 *
 *
 *	Built for jQuery library
 *	http://jquery.com
 *	Compatible with jQuery 1.3.2+
 *
 */

(function( $ ){

  $.fn.tinniBox = function(options) {

	var settings = {

		videoWidth : 700,
		videoHeight : 300
			
	};
	var closeBox = true;
	this.each(function() {
		if ( options ) { 
			$.extend( settings, options );
		}
		$(this).bind("click.tinniBox", function(e){
			e.preventDefault();
			e.stopPropagation();
			$t = $(this);
			
			$("body").append('<div id="tinniBox_Container"></div>');
			$("#tinniBox_Container").css("height", $(document).height() + "px");
			$("#tinniBox_Container").css("width", $(document).width() + "px");
		

			$("#tinniBox_Container").append('<div id="tinniBox"></div>');

			$("#tinniBox_Container").append('<div id="tinniBoxController"></div>');

			
			$("#tinniBoxController").append('<a href="javascript:void(0)" class="prev_tinniBox" title="Previous"></a>' + 
				'<a href="javascript:void(0)" class="close_tinniBox" title="Close"></a>' + 
				'<a href="javascript:void(0)" class="next_tinniBox" title="Next"></a>');

			
			var url = $t.attr("href").split(",");

			$("#tinniBox").append('<iframe width="' + settings.videoWidth + '" height="' + settings.videoHeight 
				+ '" id="tinniBoxFrame" src="' + url[0] + '" border=0></iframe>');

			$("#tinniBox").css("position","absolute");
			$("#tinniBox").css("top", ( $(window).height() - settings.videoHeight - 50 ) / 2+$(window).scrollTop() + "px");
			$("#tinniBox").css("left", ( $(window).width() - settings.videoWidth - 50 ) / 2+$(window).scrollLeft() + "px");

			var controllerTop = (parseFloat($("#tinniBox").css("top").replace(/px/,"")) + parseFloat($("#tinniBox").css("height").replace(/px/,""))
								+ 22);
			
			var controllerLeft = (parseFloat($("#tinniBox").css("left").replace(/px/,"")) + parseFloat($("#tinniBox").css("width").replace(/px/,"")) 
								- 60 );

			if($.browser.msie)
				controllerLeft = (parseFloat($("#tinniBox").css("left").replace(/px/,"")) + parseFloat($("#tinniBox").css("width").replace(/px/,"")) 
								- 56 );

			$("#tinniBoxController").css("top", controllerTop + "px");
			$("#tinniBoxController").css("left",controllerLeft + "px");

			

			$("#tinniBoxFrame").load(function(){
				$("#tinniBox").show(600, "expoout", function(){
					$("#tinniBoxController").show("slow");
				});	
			});


			$("#tinniBox_Container").bind("click.close",function(){e.preventDefault();e.stopPropagation(); _close_tinniBox();});
			$(".close_tinniBox").bind("click.close",function(){e.preventDefault();e.stopPropagation(); _close_tinniBox();});
			$(".prev_tinniBox").bind("click.close",function(e){e.preventDefault();e.stopPropagation(); _prev_tinniBox($t.attr("href"));});
			$(".next_tinniBox").bind("click.close",function(e){e.preventDefault();e.stopPropagation(); _next_tinniBox($t.attr("href"));});
			
		
			return;


		});
		
	});

  };
})( jQuery );


function _close_tinniBox(){
	$("#tinniBox_Container").fadeOut(600, "expoin", function(){
		$("#tinniBox_Container").remove();
	});
}

function _prev_tinniBox(href){
	var curUrl = $("#tinniBoxFrame").attr("src");
	var url = href.split(",");
	var count = 0;

	for(var i = 0; i < url.length; i++){
		if(curUrl == url[i]){
			if(i == 0)
				count = url.length - 1;
			else
				count = i - 1;
			break;
		}
	}
	
	$("#tinniBoxFrame").attr("src", url[count]);
}


function _next_tinniBox(href){
	var curUrl = $("#tinniBoxFrame").attr("src");
	var url = href.split(",");
	var count = 0;

	for(var i = 0; i < url.length; i++){
		if(curUrl == url[i]){
			if(i == url.length - 1)
				count = 0;
			else
				count = i + 1;
			break;
		}
	}
	
	$("#tinniBoxFrame").attr("src", url[count]);
}