jQuery(document).ready(function($) {

	if (jQuery.browser.msie) { 
		//$('.slider_get_card').css({background: "#fff", opacity: '0'});
		$('.gallery.flowtabs li').css({float: 'left', margin: '0 2px 0 0'});
	  	if(parseInt(jQuery.browser.version) == 6) { 
	  } 
	}



	//LOOK FOR ACCORDTIONS
	$(".accordion").tabs(".accordion > div", {
		tabs: 'h3', 
		effect: 'slide', 
		initialIndex: null
		
		});
		
	$('.galleries').tabs(".galleries > div.template_widget", {
			tabs: 'h3', 
			effect: 'slide', 
			initialIndex: null
			
			});
	
	/*
	$(function(){
		$(document).load(function(){
			$('.galleries .gallery .item_container img').each(function(){

				if($(this).height() > 450) {
					//$(this).css({height:'450px', width:'auto'});
				}

				if($(this).height() < 450) {
					alert($(this).height());
					var top = $(this).height();
					var top = 450 - top;
					$(this).css({position:'relative', top: top / 2+'px'})
				}
			});
		});
	});		
*/
	
	$(function(){
		var mainHeight = $('#main .container').innerHeight();
		//alert(mainHeight)
		$('#sidebar').height(mainHeight + 30);
	});

/****************************
Simple Scrollable Element
***************************/	
	$(function(){
		$('.scrollable.simple').scrollable({circular: true});	
	});

/****************************
SCROLLABLE BANNER
***************************/	
	$(function(){
		$('.scrollable.slider').each(function(){
			var width = $(this).parent().width();
			$(this).find('.flowpanes, .item_container').width(width);
		});
		
		$('.scrollable.slider .flowtabs ul li:first-child a').addClass('current');
		$(".scrollable.slider").scrollable({ circular: true}).navigator({

				// select #flowtabs to be used as navigator
				navi: ".scrollable.slider .flowtabs",

				// select A tags inside the navigator to work as items (not direct children)
				naviItem: 'a',

				// assign "current" class name for the active A tag inside navigator
				activeClass: 'current'
				
				//history: true

			}).autoscroll({
				autoplay: false, 
				interval: 1000
			});;

	});
	
/****************************
SLIDESHOW
***************************/	
	$(function(){
		$(".tabbed.slider .flowtabs").tabs('.flowpanes .items > div.item_container', {
			// enable "cross-fading" effect
			effect: 'fade',
			fadeOutSpeed: "slow",
			
			// start from the beginning after the last tab
			rotate: true
		}).slideshow({
			autoplay: false, 
			interval: 1000
		});
	});
	


/****************************
OVERLAY
***************************/
	$('body').append('<div id="overlay"></div>');	
	$('#disclaimer a[rel]').overlay({
		absolute: true,
		// some expose tweaks suitable for modal dialogs 
	    expose: { 
	        color: '#000', 
	        loadSpeed: 200, 
	        opacity: 0.9,
			maskId: 'maskOverlay',
			onLoad: function(){}
	    }, 
	    closeOnClick: true
	});


	
	
	var gridOverlay = function() { 
		var overlayMarkup = '\
		<div id="grid_overlay">\
			<div class="container">\
				<div class="span-1"><span>1</span></div>\
				<div class="span-1"><span>2</span></div>\
				<div class="span-1"><span>3</span></div>\
				<div class="span-1"><span>4</span></div>\
				<div class="span-1"><span>5</span></div>\
				<div class="span-1"><span>6</span></div>\
				<div class="span-1"><span>7</span></div>\
				<div class="span-1"><span>8</span></div>\
				<div class="span-1"><span>9</span></div>\
				<div class="span-1"><span>10</span></div>\
				<div class="span-1"><span>11</span></div>\
				<div class="span-1"><span>12</span></div>\
				<div class="span-1"><span>13</span></div>\
				<div class="span-1"><span>14</span></div>\
				<div class="span-1"><span>15</span></div>\
				<div class="span-1"><span>16</span></div>\
				<div class="span-1"><span>17</span></div>\
				<div class="span-1"><span>18</span></div>\
				<div class="span-1"><span>19</span></div>\
				<div class="span-1"><span>20</span></div>\
				<div class="span-1"><span>21</span></div>\
				<div class="span-1"><span>22</span></div>\
				<div class="span-1"><span>23</span></div>\
				<div class="span-1 last"><span>24</span></div>\
			</div>\
		</div>';
		$('body').append(overlayMarkup);
		$('#grid_overlay .span-1').height($(window).height()).css({opacity: '1'});
		
		$(window).bind('resize', function(){
			$('#grid_overlay .span-1').height($(window).height()).css({opacity: '1'});
		});
	}
	
	//gridOverlay();




	
});