/* Photogallery */
var thumbs_slider_curPage;
var photo_gallery_curPic;
var photo_gallery_PicMaxSizeX = 610;
var photo_gallery_PicMaxSizeY = 380;

function thumbs_slider_hidepage(num, sliderContainerID)
{
	var cp = $('#'+sliderContainerID).find('span.thsl_p'+num);
	$(cp).find('a').each(function(){ $(this).hide('slow', function(){$(cp).hide();}); });
}

function thumbs_slider_showpage(num, sliderContainerID)
{
	var cp = $('#'+sliderContainerID).find('span.thsl_p'+num);	
	$(cp).show();
	$(cp).find('a').each(function(){$(this).show('slow')});
}

function thumbs_slider_controls_init(pages, sliderContainerID, prevControlID, nextControlID)
{
	var prev = $('#'+prevControlID);
	var next = $('#'+nextControlID);
	$(prev).unbind('click');
	$(next).unbind('click');

	if( thumbs_slider_curPage<1 )
		$(prev).hide();
	else
	{
		$(prev).show();
		$(prev).click(function(){
				thumbs_slider_showpage(thumbs_slider_curPage-1, sliderContainerID);
				thumbs_slider_curPage--;
				thumbs_slider_controls_init(pages, sliderContainerID, prevControlID, nextControlID);
			});
	}

	if( thumbs_slider_curPage>pages-2 )
		$(next).hide();
	else
	{
		$(next).show();
		$(next).click(function(){
				thumbs_slider_hidepage(thumbs_slider_curPage, sliderContainerID);
				thumbs_slider_curPage++;
				thumbs_slider_controls_init(pages, sliderContainerID, prevControlID, nextControlID);
			});
	}
}

function thumbs_slider_init(sliderContainerID, prevControlID, nextControlID, itemsPerPage, startPage)
{
	startPage = startPage || 0;

	thumbs_slider_curPage = startPage;
	var ul = $('#'+sliderContainerID).find('ul:first');
	var li = $(ul).find('li');
	var pages = Math.ceil(li.size()/itemsPerPage);

	if( pages )
	{
		var lic = $(ul).html().split(/<\/li>/i, li.size());

		var ulc = '<span class="thsl_p0">';
		for(var i=1; i<pages; i++)
		{
			for (var ii=(i-1)*itemsPerPage; ii<i*itemsPerPage; ii++){ ulc += lic[ii] + '</li>';	}
			ulc += '</span><span class="thsl_p'+i+'">';
		}
		for (var ii=(pages-1)*itemsPerPage; ii<li.size(); ii++){ ulc += lic[ii] + '</li>'; }
		ulc += '</span>';
		ul.html(ulc);
		
		$('#'+sliderContainerID+' a').attr('href', 'javascript:void(0)');
	}
	thumbs_slider_controls_init(pages, sliderContainerID, prevControlID, nextControlID);
}

function full_pic_init(sliderContainerID, fullpicContainerID, startPic)
{
	startPic = startPic || 0;
	photo_gallery_curPic = startPic;
	
	var li = $('#'+sliderContainerID).find('ul:first').find('li');
	if (li.size())
	{
		$(li).each( function() {
				$(this).find('a.thumbs:first').click(function(){ 
						full_pic_load( $(this).attr('rel'), $(this).attr('title'), fullpicContainerID ); 
						$(this).closest('ul').find('a.on').removeClass('on');
						$(this).addClass('on');
					});
			});
		
		var cli = $('#'+sliderContainerID).find('ul:first').find('li').eq(startPic).find('a.thumbs:first');
		if( cli.size() )
		{
			cli.addClass('on');
			full_pic_load( $(cli).attr('rel'), $(cli).attr('title'), fullpicContainerID );
		}
	}
}

function full_pic_resize(fp_src, fp_ttl, fullpicContainerID, crImg)
{
	if( crImg.width && crImg.height )
	{
		var k_xy = photo_gallery_PicMaxSizeX / photo_gallery_PicMaxSizeY;
		var k_real = crImg.width / crImg.height;
	
		if (k_real >= k_xy)
		{
			var cw = (crImg.width > photo_gallery_PicMaxSizeX) ? photo_gallery_PicMaxSizeX : crImg.width;
			var ch =  parseInt( cw / k_real );
		}
		else
		{
			var ch = (crImg.height > photo_gallery_PicMaxSizeY) ? photo_gallery_PicMaxSizeY : crImg.height;
			var cw =  parseInt( ch * k_real );
		}
		$('#'+fullpicContainerID).html( '<img src="'+fp_src+'" width="'+cw+'" height="'+ch+'" border="0" alt="'+fp_ttl+'" />' );
	}
	else
		setTimeout( function(){ full_pic_resize(fp_src, fp_ttl, fullpicContainerID, crImg); }, 100);
}

function full_pic_load(fp_src, fp_ttl, fullpicContainerID)
{
	var spiner = '\
		<div class="ploader">\
			<div class="content">\
				<div class="icon"><img src="img/dialogs/preloader.gif" border="0" width="84" height="64" /></div>\
				<div><h3>רק רגע...</h3></div>\
			</div>\
			<div class="bottom"><span><!--//--></span></div>\
		</div>';
	$('#'+fullpicContainerID).html(spiner);
	
	var crImg = new Image();
	crImg.src = fp_src;
	$(crImg).ready( function(){ full_pic_resize(fp_src, fp_ttl, fullpicContainerID, crImg);	});
}

function photo_gallery_init()
{
	thumbs_slider_init("thumbsContainer", "leftControl", "rightControl", 5);
	full_pic_init("thumbsContainer", "fullpicHolder");
}

/* Dialogs */

function load_ajax_dialog (trg_id, req)
{
	var spiner = '\
		<div class="ploader">\
			<div class="content">\
				<div class="icon"><img src="img/dialogs/preloader.gif" border="0" width="64" height="64" /></div>\
				<div><h3>רק רגע...</h3></div>\
			</div>\
			<div class="bottom"><span><!--//--></span></div>\
		</div>';
	var url;
	var onload = null;
	switch( trg_id )
	{
		case 'dialPhGallery':
            url = _bgd_gal_dialog+'?'+req;
            //url = 'dialog.photogallery.html?'+req;
			onload = function () { photo_gallery_init(); }
			break;
		case 'dialDecks':
            url = _bgd_deck_dialog+'?'+req;
            //url = 'dialog.decks.html?'+req;
			break;
		default:
			return false;
	}
	$('#'+trg_id).html(spiner);
	$('#'+trg_id).dialog('open');
	$('#'+trg_id).load(url, null, onload);
}

/******************************   EXECUTE ON LOAD   ******************************/

$(document).ready(function()
{
	// Photo Gallery Dialog
	if ( $('#dialPhGallery').size() )
	{
		$("#dialPhGallery").dialog({
			autoOpen: false,
			stack: false,
			bgiframe: usebgiframe,
			modal: true,
			height: 550,
			width: 678,
			resizable: false
		});
		$(".dialogphgallery").click(function(){ load_ajax_dialog( 'dialPhGallery', $(this).attr('rel') );});
	}
	// Decks Draw Dialog
	if ( $('#dialDecks').size() )
	{
		$("#dialDecks").dialog({
			autoOpen: false,
			stack: false,
			bgiframe: usebgiframe,
			modal: true,
			height: 451,
			width: 599,
			resizable: false
		});
		$(".dialogdecks").click(function(){ load_ajax_dialog( 'dialDecks', $(this).attr('rel') );});
	}
});
