var dontHide = false;
$(document).ready(function() {
	setHeight();
	baner();
	$('.FBigSlider').bxSlider({ mode: 'fade', speed: 1000, pause: 5000, auto: true, controls: true, auto_direction: 'left', next_text: 'next', prev_text: 'previous', width: 630, wrapper_class: 'Slide' });
	
	$('#sortable').sortable({revent:true, items: 'div.FSmall', opacity: 0.6, scroll: false , distance: 15, dropOnEmpty: true });
	$( ".FavouritesConteiner" ).sortable({connectWith: 'div'});
	$("#sortable, .FavouritesConteiner").disableSelection();

	$('.Add').dbssprite({down: 'ADown', up: 'AEnter', enter: 'AEnter', leave: 'AEnter' });
	$('.Next').dbssprite({down: 'NDown', up: 'NEnter', enter: 'NEnter', leave: 'NEnter' });
	$('.Del').dbssprite({down: 'DDown', up: 'DEnter', enter: 'DEnter', leave: 'DEnter' });
	$('.Share').dbssprite({down: 'SDown', up: 'SEnter', enter: 'SEnter', leave: 'SEnter' });
	$('.FooterAddArticle').dbssprite({down: 'SDown', up: 'SEnter', enter: 'SEnter', leave: 'SEnter' });
	$('.FooterFShop').dbssprite({down: 'FSDown', up: 'FSEnter', enter: 'FSEnter', leave: 'FSEnter' });
	$('.FooterNewsletter').dbssprite({down: 'FNDown', up: 'FNEnter', enter: 'FNEnter', leave: 'FNEnter' });
	$('.FooterContact').dbssprite({down: 'FContactDown', up: 'FContactEnter', enter: 'FContactEnter', leave: 'FContactEnter' });
	$('.FooterQuestionnaire').dbssprite({down: 'FQDown', up: 'FQEnter', enter: 'FQEnter', leave: 'FQEnter' });
	$('.FooterFavourites').dbssprite({down: 'FFDown', up: 'FFEnter', enter: 'FFEnter', leave: 'FFEnter' });
	$('.FooterReset').dbssprite({down: 'FRDown', up: 'FREnter', enter: 'FREnter', leave: 'FREnter' });
	$('.PlayMusic').dbssprite({down: 'PMDown', up: 'PMEnter', enter: 'PMEnter', leave: 'PMEnter' });
	$('.NextArticle').dbssprite({down: 'NextDown', up: 'NextEnter', enter: 'NextEnter', leave: 'NextEnter' });
	$('.RightBox').dbssprite({down: '', up: '', enter: '', leave: 'RDEnter' });
	$('.AllInThisCategory').dbssprite({down: 'AllDown', up: 'AllEnter', enter: 'AllEnter', leave: 'AllEnter' });
	
	$('#uploadId').uploadify({
		'uploader': 'http://www.futu.pl/themes/futupl/js/uploadify.swf',
		'script': 'http://www.futu.pl/themes/futupl/js/uploadify.php',
		'folder': 'http://www.futu.pl/themes/futupl/files/materials',
		'auto': false,
		'multi': true,
		'cancelImg': './themes/futupl/common/cancel.png',
		'buttonText': 'Wybierz plik'
	});
	
	$('.FSmall').bind('mouseenter mouseleave', moreHover);

	$("#sortable").bind("sortupdate", function(event, ui) {
		update();
		});
	//$('.Share').bind('mouseenter mouseleave', bindGanttPaletteAction);
	//TOOLTIP
	toolTip();
	moveFBox();
	//selects();
	$(document).keydown(function (eventObj){
		var key = getKey(eventObj);
		if (key == '27') {
			closePopUp();
		}
		
	});
	menuSprite();	
});

function setHeight()
{
	var autoHeight = parseInt($('.Framework').css('height'));
	var s = alertSize();
	if (autoHeight < (s[1]-40)) {
		$('.Framework').css('height', (s[1]-40));
	}
}

function alertSize()
{
	var dim = new Array();
	  var myWidth = 0, myHeight = 0;
	  if( typeof( window.innerWidth ) == 'number' ) {
	    //Non-IE
	    myWidth = window.innerWidth;
	    myHeight = window.innerHeight;
	  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
	    //IE 6+ in 'standards compliant mode'
	    myWidth = document.documentElement.clientWidth;
	    myHeight = document.documentElement.clientHeight;
	  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
	    //IE 4 compatible
	    myWidth = document.body.clientWidth;
	    myHeight = document.body.clientHeight;
	  }
	  dim.push(myWidth, myHeight);
	  return dim;
}
function menuSprite()
{
	$('.FDesign').dbssprite({down: 'FDesignActiveDown', up: 'FDesignActive', enter: 'FDesignActive', disabled: ''});
	$('.FBrand').dbssprite({down: 'FBrandActiveDown', up: 'FBrandActive', enter: 'FBrandActive', disabled: ''});
	$('.FFoodDrink').dbssprite({down: 'FFoodDrinkActiveDown', up: 'FFoodDrinkActive', enter: 'FFoodDrinkActive', disabled: ''});
	$('.FTravel').dbssprite({down: 'FTravelActiveDown', up: 'FTravelActive', enter: 'FTravelActive', disabled: ''});
	$('.FKultura').dbssprite({down: 'FKulturaActiveDown', up: 'FKulturaActive', enter: 'FKulturaActive', disabled: ''});
	$('.FGaleria').dbssprite({down: 'FGaleriaActiveDown', up: 'FGaleriaActive', enter: 'FGaleriaActive', disabled: ''});
	$('.FFutuTv').dbssprite({down: 'FFutuTvActiveDown', up: 'FFutuTvActive', enter: 'FFutuTvActive', disabled: ''});
	$('.FArchitektura').dbssprite({down: 'FArchitekturaActiveDown', up: 'FArchitekturaActive', enter: 'FArchitekturaActive', disabled: ''});
}

function getKey(key){
	if ( key == null ) {
		keycode = event.keyCode;
		// To Mozilla
		} else {
		keycode = key.keyCode;
	}
	return keycode;
}

function closePopUp()
{
	var t = $('.fPopUp');
	t.fadeOut('slow' , function() {
		t.remove();
	});
}

function moreHover(event)
{
	var id = $(this).attr('id');

	switch (event.type) {
		case 'mouseenter':
			$('#' + id + '  > .FInside > .FMore a').css('color', '#000000');
			break;
			
		case 'mouseleave':
			$('#' + id + '  > .FInside > .FMore a').css('color', '#a8a8a8');
			break;
	}
}

function selects()
{
	$('#category').selectbox();
	$('#tags').selectbox();
}
function moveFBox()
{
	$(function() {
		var $gallery = $('.ArticleLayout .Content .FSmall, .Category .Content .FSmall'), $trash = $('#RightBox');
		$($gallery).draggable({
			cancel: 'a.ui-icon',// clicking an icon won't initiate dragging
			revert: 'invalid', // when not dropped, the item will revert back to its initial position
			helper: 'clone',
			distance: 20,
			cursor: 'move'
		});
		$trash.droppable({
			accept: '.Content .FSmall ',
			activeClass: 'RDEnter',
			tolerance: 'pointer', 
			over: function (ev, ui) {
				dropMeNow(ui.draggable);
			} ,
			out: function  (ev, ui) {
				dropMeNowClear(ui.draggable);
			} , 
			drop: function(ev, ui) {
				deleteImage(ui.draggable);
			}
		});
		
		function dropMeNowClear(it)
		{
			$('.DropMe').remove();
		}
		function dropMeNow(it)
		{
			var id = $(it).attr('id');
			$('#' + id +'.ui-draggable-dragging').append("<div class='DropMe'></div>");
		}
		
		function deleteImage($item)
		{
			var id = $($item).attr('id');
			var sId = id.split('_');
			
			t = addToFavourites(sId[1]);
			if (t == true) {
				$trash.addClass('RDEnterDrop');
				setTimeout("$('.RightBox').removeClass('RDEnterDrop')",1000);
			}
		}

	});
}
function toolTip()
{
	$('.Add').tooltip({
		bodyHandler: function() {
		return $('<img/>').attr("src", './themes/futupl/common/schowek.png');
	},
	showURL: false
	});
	$('.Next').tooltip({
		bodyHandler: function() {
		return $('<img/>').attr("src", './themes/futupl/common/sccrollArt.png');
	},
	left: -105,
	showURL: false
	});
	$('.Del').tooltip({
		bodyHandler: function() {
		return $('<img/>').attr("src", './themes/futupl/common/delTooltip.png');
	},
	left: -60,
	showURL: false
	});
	$('.Share').tooltip({
		bodyHandler: function() {
		return $('<img/>').attr("src", './themes/futupl/common/sendTooltip.png');
	},
	left: -60,
	showURL: false
	});
}
function changeImgSource(href)
{
	alert(href);
}

function play()
{
	window.open(fplayerHref + '&rj=' + Math.random(), 'popupwindow', "width=279,height=293,scrollbars=no,resizable=no,status=no,location=no,menubar=no,copyhistory=no,directories=no,titlebar=no");
}

function baner()
{	
	var date = new Date();
    var rok = date.getFullYear()+'';
    var miesiac = date.getMonth();
    var dzien = date.getDate();
    if (miesiac < 9){
    	miesiac = '0' + (miesiac+1);
    } else {
    	miesiac = miesiac+1;
    }
    if (dzien < 10){dzien = '0' + dzien};
    
    rok = rok.substring(2,rok.length);
    $("#bt").html('FUTU.PL/'+dzien+'/'+miesiac+'/'+rok);
    Cufon.replace(("#bt"));
}

function showPalleteClick(id, artId)
{	
	var f = $('#body');
	var is = $('#SmallShare');
	if (is.attr('id') == null) {
		var p = "<div id='SmallShare' class='SmallShare'></div>";
		f.append(p);
		$('.SmallShare').bind('mouseenter mouseleave', bindGanttPaletteAction);
		var offset = $('#' + id).offset();
		var href = oneArticleHref.replace('[id]', artId); 
		var palette = $('.SmallShare');
		palette.css({'top': (offset.top+20) + 'px', 'left': (offset.left-130) + 'px'});
		palette.css({'display' : 'block'});
		
		palette.append("<div class='Facebook'><a href='http://www.facebook.com/share.php?u=" + href + "' target='_blank'></a></div>");
		palette.append("<div class='digg'><a href='http://digg.com/submit?url=" + href + "' target='_blank'></a></div>");
		palette.append("<div class='twitter'><a href='http://twitter.com/home?status=Currently reading on Futu.pl " + href + "' target='_blank'></a></div>");
		palette.append("<div class='email'><a id='" + artId +"'></a></div>");
		palleteLooInit();
	}
}
function palleteLooInit()
{
	$('.Facebook').dbssprite({down: '', up: 'facebookEnter', enter: 'facebookEnter', leave: 'facebookEnter' });
	$('.digg').dbssprite({down: '', up: 'diggEnter', enter: 'diggEnter', leave: 'diggEnter' });
	$('.twitter').dbssprite({down: '', up: 'twitterEnter', enter: 'twitterEnter', leave: 'twitterEnter' });
	$('.email').dbssprite({down: '', up: 'emailEnter', enter: 'emailEnter', leave: 'emailEnter' });
	
	$('.Facebook, .digg, .twitter').click(function() {
		var t = $(this).children('a');
		var href = t.attr('href');
		window.open(href);
	});
	$('.email').click(function() {
		var t = $(this).children('a');
		var href = t.attr('id');
		showEmailPalett(href);
	});
}


function showEmailPalett(artId)
{
	var t = $('.SmallShare');
	t.append("<div id='emailConteiner' class='emailConteiner'><div class='emailLabel'>Adresat:</div><input id='fEmailSend' type='text' value='' /><div class='emailLabel'>Nadawca:</div> <input id='fEmailSendWho' type='text' value='' /><input type='image' src='./themes/futupl/common/SendEmailButton.png' onclick='sendEmailReq(" + artId +");' value='Wyślij'/></div>");
	$('.emailConteiner').animate({
		left: '135px'
	},500);
	
}

function showPalleteNewsletter()
{
	var f = $('.Framework');
	var is = $('#Newsletter');
	if (is.attr('id') == null) {
		var p = "<div id='Newsletter' class='Newsletter'></div>";
		f.append(p);
		
		var offset = $('#Newsletter').offset();
		
		var palette = $('.Newsletter');
		palette.append(
				"<input class='fNEmailSend' id='fNEmailSend' type='text' value='' />" +
				"<input class='fNEmailSendButton' type='image' src='./themes/futupl/common/NewsletterAddButton.png' onclick='addEmailNewsletterReq();' value='dodaj'/>"
        );
		palette.css({'top': (offset.top-56) + 'px' ,'left': (offset.left-150) + 'px'});
		$('#fNEmailSend').bind('mouseenter mouseleave', bindInputAction);
		palette.bind('mouseenter mouseleave', bindGanttPaletteAction);
	}
}

function addEmailNewsletterReq()
{
	var href = addNewletterEmailHref;
	var email = $('#fNEmailSend').val();
	href = href.replace('[email]', Base64.encode(email));
	eval(href);
}
function sendEmailReq(artId)
{
	var href = sendHrefViaEmail;
	var email = $('#fEmailSend').val();
	var emailWho = $('#fEmailSendWho').val();
	href = href.replace('[email]', Base64.encode(email));
	href1 = href.replace('[artId]', artId);
	href2 = href1.replace('[who]', Base64.encode(emailWho));
	eval(href2);
}

function update()
{
	var result = $("#sortable").sortable('toArray');
	var href = '' + updateCatOrderFHref + '';
	var ids = this.prepareIdsString(result);
	href = href.replace('[catOrd]', Base64.encode(ids));
	eval(href);
}
function prepareIdsString(data)
{
	var i = 0;
	var ids = '';
	for (i in data) {
		e = data[i];
		e = e.replace('FF_','');
		ids += e +',';
	}
	ids = ids.substr(0,(ids.length-1));
	return ids;
}

function addToFavourites(id)
{
	if (id > 0 ) {
		var href = addFHref;
		href= href.replace('[artId]', id);
		eval(href);
		return true;
	} else {
		return false;
	}
}

function deleteFromFavourites(id)
{
	if (id > 0 ) {
		$('#FF_' + id).remove();
		var href = '' + delFHref + ';';
		href = href.replace('[artId]', id);
		eval(href);
	}
}

function deleteFormMainPage(id)
{
	if (id > 0 ) {
		$('#FF_' + id).remove();
		var href = '' + removeMainPafeFHref +';';
		href = href.replace('[artId]', id);
		eval(href);
	}
}
function jByIdToEnd(href, id)
{
	var h=$('#'+id);
	$.ajax({
		  url: href,
		  dataType: 'text',
		  success: function(data) {
				h.append(data);
				moveFBox();
				$('.FSmall').bind('mouseenter mouseleave', moreHover);
			}
		});
}
function jById(href,id)
{
	var h=$('#'+id);
	h.load(href,{},function(){
		var pageTracker = _gat._getTracker('UA-17431747-1');
		pageTracker._trackPageview("/" + href);
		loadEnd(id);
		$('.Add').dbssprite({down: 'ADown', up: 'AEnter', enter: 'AEnter', leave: 'AEnter' });
		$('.Next').dbssprite({down: 'NDown', up: 'NEnter', enter: 'NEnter', leave: 'NEnter' });
		$('.Del').dbssprite({down: 'DDown', up: 'DEnter', enter: 'DEnter', leave: 'DEnter' });
		$('.Share').dbssprite({down: 'SDown', up: 'SEnter', enter: 'SEnter', leave: 'SEnter' });
		toolTip();
	});
	
	loadStart(id);
}
function jById2(href,id)
{
	var h=$('#'+id);
	h.load(href,{},function(){
		var pageTracker = _gat._getTracker('UA-17431747-1');
		pageTracker._trackPageview("/" + href);
	});
	loadStart2(id);
}
function loadStart2(id) {
	var h=$('#'+id);
	var he = h.css('height');
	
	var wi = h.css('width');
	hei = he.replace('px','');
	wid = wi.replace('px','');
	heig = (Math.round((hei)/2));
	widt = (Math.round((wid)/2));
	h.append('<div style=\'top:'+heig+'px; left: '+widt+'px;\' class=\'Loadrek\'></div>');
}

function loadEnd(id) {
	var h=$('#'+id);
	h.animate({
		opacity: 1
	},500);
}


function loadStart(id) {
	var h=$('#'+id);
	h.animate({opacity: 0.4},400);
}

function showPallete(id)
{
	var palette = $('.' + id);
	
	if (palette.css('display') == 'block') {
		palette.addClass('hold');
	}
	
	palette.css({'display' : 'block'});
}

function hidePalleteFinal()
{
	var palette = $('.SmallShare');
	
	if (!palette.hasClass('hold')) {
		palette.css({'display' : 'none'});
	}
	palette.removeClass('hold');
}

function hidePallete(id){setTimeout('gGanttHidePalleteFinal("' + id + '")', 200);}

function gGanttHidePalleteFinal(id)
{
	if (dontHide == false) {
		var palette = $('#' + id);
		//alert(palette.hasClass('hold'));
		if (!palette.hasClass('hold')) {
			//palette.css({'display' : 'none'});
			
			
		} else {
			
			palette.removeClass('hold');
			palette.remove();
		}
	}
}

function gGanttPalleteOver(id)
{
	var palette = $('#' + id);
	palette.addClass('hold');
}

function gGanttPalleteOut(id)
{
	setTimeout('gGanttHidePalleteFinal("' + id + '")', 200);
}

function bindGanttPaletteAction(event)
{
	//alert(event.type);
	var palette = $(event.currentTarget);

	switch (event.type) {
		case 'mouseenter':
			gGanttPalleteOver(this.id);
			break;
			
		case 'mouseleave':
			gGanttPalleteOut(this.id);
			break;
	}
}

function bindInputAction(event)
{
	switch (event.type) {
		case 'mouseenter':
			dontHide = true;
			break;
		
		case 'mouseleave':
			dontHide = false;
			break;
	}
}