bSidePanel = false;
  
	function popup(pageURL) 
	{
		w = 900;
		h = 750;
		var left = (screen.width/2)-(w/2);
		var top = (screen.height/2)-(h/2);
		var targetWin = window.open (pageURL, "PartyPics", 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width='+w+', height='+h+', top='+top+', left='+left);		
	 if (window.focus) {targetWin.focus()}
	 return false;
	}

(function($){
	//start gallerymethods

	$.fn.initializeGrid = function(path, picturecount){
		$(this).updateGalleryConfig(path, picturecount,'');
	}


	$.fn.updateGalleryConfig = function (path, picturecount, gridID) {
		return jQuery.data($("#body")[0], 'gallery_config', {
			'gallery_path': path,
			'gallery_pictureCount': picturecount,
			'gallery_currGrid': gridID
		});

	}

	$.fn.initializeGridImages = function (gridID) {
		gallery_config = jQuery.data($("#body")[0], 'gallery_config');
		src = gallery_config.gallery_path + "/grids/" + gridID;
		$(this).append('<img src="' + src + '"  class="hiddengallerypictures" />');
		for (i = 0; i<gallery_config.gallery_pictureCount; i++){
			picfile = parseInt(gridID.substring(0,6)) + parseInt(i) + ".jpg";
			src = gallery_config.gallery_path + "/pics/" + picfile;
			$(this).append('<img src="' + src + '" class="hiddengallerypictures"/>');
		}  
		//$('#slideshow').create_GridPrevNext();
	}

	$.fn.create_GridPrevNext = function() {
		$(this).append('<a href="javascript:" onClick="$(\'#slideshow\').selectGridPrevNext(-1)" class="slideshownav" id="slideshow_prev"></a>');
		$(this).append('<a href="javascript:" onClick="$(\'#slideshow\').selectGridPrevNext(+1)" class="slideshownav" id="slideshow_next"></a>');
	}


	$.fn.highlightSelectedGridFromPictures = function (gridID) {
		$(this).find('img').each(function() {
			$(this).attr('class','gallerypicture_0');
		});
		$(this).find('img').filter('[id=' + gridID + ']').attr('class','gallerypicture_1');
	}


	$.fn.selectGrid = function (gridID) {
		bSidePanel = true;
		gallery_config = jQuery.data($("#body")[0], 'gallery_config');
		gallery_config = $(this).updateGalleryConfig(gallery_config.gallery_path, gallery_config.gallery_pictureCount, gridID);
		$('#trueContainer').highlightSelectedGridFromPictures(gridID);
		$('#slideshow').remove();
		$('#slideshowcontainer').append('<div id="slideshow"/>');
		$('#slideshow').initializeGridImages(gridID);
		$('#slideshow').setupSlideShow();
		$('#slideshow').slideshowlink_click(0)
	}

	$.fn.selectGridPrevNext = function (index_change) {
		gallery_config = jQuery.data($("#body")[0], 'gallery_config');
		currGridObj = $('#picturescontainer').find('img').filter('[id=' + gallery_config.gallery_currGrid + ']');
		if(index_change==-1){
			if( currGridObj.prev().attr('id') != null) {
				$('#slideshow').selectGrid(currGridObj.prev().attr('id'));
			}else{
				alert("end of gallery reached!");
			}
		}else{
			if(currGridObj.next().attr('id') != null){
				$('#slideshow').selectGrid(currGridObj.next().attr('id'));
			}else{
				//creatediv();
				alert("end of gallery reached!");
			}
		}
	}

	//end gallerymethods
	
	
	
	$.fn.setupSlideShow = function () {
				
		$("#loading").hide(); 
		$(this).find('img').hide();
		$(this).init_SlideShowConfig();
		$(this).create_SlideShow();
		$(this).create_SlideshowLinks();
	}

	

	
	$.fn.init_SlideShowConfig = function() {
		ss_images = [];
		$(this).find('img').each(function (i, e) {
			ss_images[ss_images.length] = {'title': e.alt, 'src': e.src, 'usemap':$(this).attr('usemap')};
		});

		jQuery.data(this[0], 'ss_config', {
			'ss_images': ss_images,
			'height': $(this).find('img:first').height(),
			'width': $(this).find('img:first').width(),
			'ss_index': 0
		});
	}


	$.fn.create_SlideShow = function() {
		ss_config = jQuery.data($(this)[0], 'ss_config');
		$(this).append('<div class="ss_container"></div>');
		ss_container = $(this).find('.ss_container');
		ss_container.append('<img class="ss_image" onClick="$(\'#slideshow\').selectGridPrevNext(+1)" src=' + ss_config.ss_images[0]['src'] + '>');
		
		ss_image = $(this).find('.ss_image');
	}

	

	$.fn.set_SlideShowPanel = function(fbSrc) {
		if(bSidePanel){
			$('.eventpicfacebooksend').remove()
			$('#slideshow').append("<div class='eventpicfacebooksend'></div>");
			eventfacebooksend = $(this).find('.eventpicfacebooksend');
			eventfacebooksend.append("<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'></script>");
			eventfacebooksend.append("<fb:like href='" + fbSrc + "' show_faces='false' layout='button_count' action='like' colorscheme='light' send='true'></fb:like>");
			
		}
	}

	
	
	$.fn.create_SlideshowLinks = function() {
		ss_config = jQuery.data($(this)[0], 'ss_config');
		$(this).append('<div class="slideshowlinkcontainer"></div>');
		ssl_container = $(this).find('.slideshowlinkcontainer');
		ssl_container.append('<span onClick="$(\'#slideshow\').slideshow_prevnext_click(-1)" id="slideshowlink_prev" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>');
		for (i=0; i<ss_config.ss_images.length; i++){
			ssl_src = (i == 0) ? "images/slideshowlink_1.png" : "images/slideshowlink_0.png";
			ssl_onClick = "$('#slideshow').slideshowlink_click(" + i + ")";
			ssl_id = (i == 0) ? "slideshowlink_1" : "slideshowlink_0"; 
			ssl_container.append('<a id="' + ssl_id + '" class="slideshowlink" onClick="' + ssl_onClick + '">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>');
		}
		ssl_container.append('<span  onClick="$(\'#slideshow\').slideshow_prevnext_click(+1)" id="slideshowlink_next">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>');
	}


	$.fn.slideshow_prevnext_click = function (index_change) {
		ss_config = jQuery.data($(this)[0], 'ss_config');
		ss_config.ss_index = ss_config.ss_index + index_change;
		if(ss_config.ss_index<0){ss_config.ss_index=ss_config.ss_images.length-1}
		if(ss_config.ss_index>ss_config.ss_images.length-1){ss_config.ss_index=0}
		$(this).ss_image_change(ss_config.ss_index);
		$(this).ss_links_change(ss_config.ss_index); 
		$(this).set_SlideShowPanel(ss_config.ss_images[ss_config.ss_index]['src']);
	}

	$.fn.slideshowlink_click = function (img_index) {
		ss_config = jQuery.data($(this)[0], 'ss_config');
		ss_config.ss_index = img_index;
		$(this).ss_image_change(ss_config.ss_index);
		$(this).ss_links_change(ss_config.ss_index);
		$(this).set_SlideShowPanel(ss_config.ss_images[ss_config.ss_index]['src']);
		
	}

	$.fn.ss_image_change = function (img_index) {
		ss_config = jQuery.data($(this)[0], 'ss_config');
		ss_config.ss_index = img_index;
		ss_image.fadeOut(250);
		setTimeout(function() {
			ss_image.attr('src', ss_config.ss_images[ss_config.ss_index]['src']);
			ss_image.attr('usemap', ss_config.ss_images[ss_config.ss_index]['usemap']);
		} , 250);
		ss_image.fadeIn(250);
	}

	$.fn.ss_image_change_prevnext = function (index_change) {
		ss_config = jQuery.data($(this)[0], 'ss_config');
		ss_config.ss_index = ss_config.ss_index + index_change;
		if(ss_config.ss_index<0){ss_config.ss_index=ss_config.ss_images.length-1}
		if(ss_config.ss_index>ss_config.ss_images.length-1){ss_config.ss_index=0}
		$(this).ss_image_change(ss_config.ss_index);
		$(this).ss_links_change(ss_config.ss_index);
	}

	$.fn.ss_links_change = function (img_index) {
		ss_config = jQuery.data($(this)[0], 'ss_config');
		ss_config.ss_index = img_index;
		i=0;
		$('.slideshowlinkcontainer a').each(function () {
			ssl_src = (i != ss_config.ss_index) ? "images/slideshowlink_0.png" : "images/slideshowlink_1.png";
			ssl_onClick = (i != ss_config.ss_index) ? "$('#slideshow').slideshowlink_click(" + i + ")" : "";
			ssl_id = (i != ss_config.ss_index) ? "slideshowlink_0" : "slideshowlink_1";
			$(this).attr('class', ssl_src);
			$(this).attr('id', ssl_id);
			$(this).attr('onClick', ssl_onClick);
			i++;
		});
	}

	$.fn.infolefttab_button_click = function (img_index) {
		$(this).infolefttab_change(img_index);
		$(this).inforighttab_change(img_index); 
	}

	$.fn.infolefttab_change = function (img_index) {
		i=0;
		$('#infolefttab div').each(function () {
			$(this).attr('id', 'infolefttab_0');
			i++;
			if(i==img_index+1){
				$(this).attr('id', 'infolefttab_1');
			}
		});
	}

	$.fn.inforighttab_change = function (img_index) {
		i=0;
		$('#inforighttab div').each(function () {
			$(this).attr('id', 'inforighttab_0');
			i++;
			if(i==img_index+1){
				$(this).attr('id', 'inforighttab_1');
			}
		});
	}

	$.fn.tabs_change = function(id, index) {
		i=0;
		$('#' + id + ' li').each(function () {
			$(this).attr('class', id + '_0');
			i++;
			if(i==index+1){
				$(this).attr('class', id + '_1');
			}
		});
	}

})(jQuery);