');
$.ajax ({
type : "POST",
url : $button.attr ('href') + href,
dataType : "html",
data : ({
'count': itemsCount
}),
success : function (response) {
itemsCount++;
if (response != '') {
$list.append (response);
if ($('li.hidden', $list).length < 5) {
$button
.fadeOut (500, function () {
$('span.share').css ('paddingTop', $button.outerHeight ())
})
.unbind ('click');
}
$('li.hidden', $list)
.slideDown (
300,
function () {
$('li.hidden', $list)
.removeClass ('hidden')
.removeAttr ('style');
}
);
$button
.removeAttr ('style')
.click (clickFunction);
$('img.ajaxLoader', $button).remove ();
}
else {
$button
.fadeOut (500, function () {
$('span.share').css ('paddingTop', $button.outerHeight ())
})
.unbind ('click');
}
},
error : function (xhr, ajaxOptions, thrownError) {
alert (xhr.status);
alert (thrownError);
}
});
return false;
};
$button.click (clickFunction);
}
});
/*
* PLUGINS & FUNCTIONS
*/
/**
* Text input behaviour plugin function
*/
$.fn.inputBehaviour = function (defaultValue, canBeEmpty) {
var $this = $(this);
// Store default value
$this
.data (
'default',
{
value: defaultValue
}
)
// Clear element on focus if default value
.focus (function () {
var lang = 'eng';
if ($('body').hasClass ('hrv')) {
lang = 'hrv';
}
var $this = $(this);
if ($this.val () === $this.data ('default').value[lang] ) {
$(this).val ('');
}
})
// Restore element on blur if empty
.blur (function () {
var lang = $('body').attr ('class');
var $this = $(this);
if ($this.val () === '' && !canBeEmpty) {
$this.val ($this.data ('default').value[lang]);
}
});
}
$.fn.startSponsorSlide = function () {
}
/**
* Slide animation function.
*/
$.fn.startSlide = function () {
var $this = $(this);
var contHeight = 400;
var buffHeight = 150;
var pauseDuration = 5000;
var transDuration = 1000;
var sectionsCount = 5;
var intervalId;
var $slider = $('div.slider');
$slider.data ('mouseOver', '0');
var backPos = 0;
var topPos = 0;
var stepCount = 0;
var $slideItems = $('div.slideItem', $this);
var $activeSlide = $($slideItems[0]);
var repeatFunction = function () {
//alert ('Function called');
$slideItems.removeClass ('active');
$activeSlide.addClass ('active');
intervalId = window.setInterval (
function () {
/*
* Background animation
*/
backPos += contHeight + buffHeight;
stepCount++;
if (stepCount == sectionsCount) {
$this
.animate ({
'backgroundPosition' : '10px 0'
}, transDuration);
backPos = 0;
}
else {
$this.animate ({
'backgroundPosition' : '10px -'+ backPos +'px'
}, transDuration);
}
/*
* Content animation
*/
var $nextSlide;
if ($activeSlide.index () + 1 < $slideItems.length) {
$nextSlide = $($slideItems[$activeSlide.index () + 1]);
$nextSlide.addClass ('active');
$activeSlide.animate (
{
'marginTop' : '-'+ (contHeight * 2) +'px'
},
transDuration,
'swing',
function () {
$activeSlide
.removeClass ('active')
.removeAttr ('style');
$activeSlide = $nextSlide;
}
);
}
else {
$activeSlide.animate ({
'marginTop' : '-400px'
},
transDuration / 2,
'swing',
function () {
$nextSlide = $($slideItems[0]);
$nextSlide
.css ({
'marginTop':'400px',
'display':'block'
})
.addClass ('active')
.animate ({
'marginTop':'0'
}, transDuration / 2,
function () {
$($slideItems[sectionsCount - 1]).removeClass ('active').removeAttr ('style');
$slideItems.removeAttr ('style');
$activeSlide.removeAttr ('style');
$activeSlide = $nextSlide;
}
);
}
);
}
/*
* Slider & menu animation
*/
$('.mainMenu li a.active').removeClass ('active');
var temp = ' Before: '+ topPos;
if (stepCount == sectionsCount) {
topPos = 0;
}
else {
topPos = stepCount * $slider.height ();
}
//$('body').prepend (temp + ' - After: '+ topPos +'');
$slider.animate ({
'top' : topPos + 'px'
},
transDuration,
'swing',
function () {
$('.mainMenu li.menuItem' + (stepCount + 1) + ' a').addClass ('active');
});
// Reset counter
if (stepCount == sectionsCount) {
stepCount = 0;
}
},
pauseDuration + transDuration
);
};
repeatFunction ();
/*
* Hover over slides
*/
$('div.slide').hover (
function () {
log (':mouseover');
$slider.data ('mouseOver', '1');
window.clearInterval (intervalId);
},
function () {
log (':mouseout');
$slider.data ('mouseOver', '0');
repeatFunction ();
}
);
/*
* Slide menu clicks
*/
var menuClickFunction = function () {
log (':clicked');
$this.stop (true, true);
var clickedIndex = $(this).parent ().index ();
if (clickedIndex == $('div.mainMenu ol a.active').parent ().index ()) {
return false;
}
// Unbind click
$('.mainMenu li a')
.unbind ('click')
.click (function () {
return false;
});
log ('- unbind click');
// Unbind hover
$('div.slide').unbind ('mouseleave');
log ('- unbind mouseleave');
$('div.slide').bind (
'mouseleave',
function () {
$slider.data ('mouseOver', '0');
log (':mouseleave (temp)');
// Fix for leaving hover zone while animation in progress
$this
.animate (
{
'top' : '0'
},
transDuration,
'linear',
function () {
if ($slider.data ('mouseOver') == '0') {
log ('- bind mousleave (temp) callback');
repeatFunction ();
}
}
);
}
);
stepCount = clickedIndex;
/*
* Slide background to selected section
*/
backPos = (contHeight + buffHeight) * clickedIndex;
$this.animate ({
'backgroundPosition' : '10px -'+ backPos +'px'
}, transDuration);
/*
* Slide content to selected section
*/
var $nextSlide;
if (clickedIndex > $activeSlide.index ()) {
$nextSlide = $($slideItems[clickedIndex]);
$nextSlide.addClass ('active');
$activeSlide.animate (
{
'marginTop' : '-'+ (contHeight * 2) +'px'
},
transDuration,
'swing',
function () {
$activeSlide
.removeClass ('active')
.removeAttr ('style');
$activeSlide = $nextSlide;
}
);
}
else if (clickedIndex < $activeSlide.index ()) {
$nextSlide = $($slideItems[clickedIndex]);
$nextSlide
.css ({
'marginTop' : '-'+ (contHeight * 2) +'px'
})
.addClass ('active')
.animate ({
'marginTop' : '0'
},
transDuration,
'swing',
function () {
$activeSlide.removeClass ('active');
$activeSlide = $nextSlide;
}
);
}
/*
* Slide slider and active menu item to selected section
*/
$('.mainMenu li a.active').removeClass ('active');
var topPos = clickedIndex * $slider.height ();
$slider.animate ({
'top' : topPos + 'px'
},
transDuration,
'swing',
function () {
$('.mainMenu li.menuItem' + (clickedIndex + 1) + ' a').addClass ('active');
// Bind click back
$('.mainMenu li a')
.unbind ('click')
.click (menuClickFunction);
});
return false;
}
$('div.mainMenu ol a').click (
menuClickFunction
);
}
function log (message) {
/*
if ($('div.log').length == 0) {
$('body').append ('')
}
$('div.log').append (''+ message +'
'); */ }