/**
* --------------------------------------------------------------------
* jQuery-Plugin "pngFix"
* Version: 1.1, 11.09.2007
* by Andreas Eberhard, andreas.eberhard@gmail.com
* http://jquery.andreaseberhard.de/
*
* Copyright (c) 2007 Andreas Eberhard
* Licensed under GPL (http://www.opensource.org/licenses/gpl-license.php)
*/
eval(function(p,a,c,k,e,r){e=function(c){return(c<62?'':e(parseInt(c/62)))+((c=c%62)>35?String.fromCharCode(c+29):c.toString(36))};if('0'.replace(0,e)==0){while(c--)r[e(c)]=k[c];k=[function(e){return r[e]||e}];e=function(){return'([237-9n-zA-Z]|1\\w)'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('(s(m){3.fn.pngFix=s(c){c=3.extend({P:\'blank.gif\'},c);8 e=(o.Q=="t R S"&&T(o.u)==4&&o.u.A("U 5.5")!=-1);8 f=(o.Q=="t R S"&&T(o.u)==4&&o.u.A("U 6.0")!=-1);p(3.browser.msie&&(e||f)){3(2).B("img[n$=.C]").D(s(){3(2).7(\'q\',3(2).q());3(2).7(\'r\',3(2).r());8 a=\'\';8 b=\'\';8 g=(3(2).7(\'E\'))?\'E="\'+3(2).7(\'E\')+\'" \':\'\';8 h=(3(2).7(\'F\'))?\'F="\'+3(2).7(\'F\')+\'" \':\'\';8 i=(3(2).7(\'G\'))?\'G="\'+3(2).7(\'G\')+\'" \':\'\';8 j=(3(2).7(\'H\'))?\'H="\'+3(2).7(\'H\')+\'" \':\'\';8 k=(3(2).7(\'V\'))?\'float:\'+3(2).7(\'V\')+\';\':\'\';8 d=(3(2).parent().7(\'href\'))?\'cursor:hand;\':\'\';p(2.9.v){a+=\'v:\'+2.9.v+\';\';2.9.v=\'\'}p(2.9.w){a+=\'w:\'+2.9.w+\';\';2.9.w=\'\'}p(2.9.x){a+=\'x:\'+2.9.x+\';\';2.9.x=\'\'}8 l=(2.9.cssText);b+=\'\';p(a!=\'\'){b=\'\'+b+\'\'}3(2).hide();3(2).after(b)});3(2).B("*").D(s(){8 a=3(2).11(\'I-12\');p(a.A(".C")!=-1){8 b=a.13(\'url("\')[1].13(\'")\')[0];3(2).11(\'I-12\',\'none\');3(2).14(0).15.J="K:L.t.M(n=\'"+b+"\',N=\'O\')"}});3(2).B("input[n$=.C]").D(s(){8 a=3(2).7(\'n\');3(2).14(0).15.J=\'K:L.t.M(n=\\\'\'+a+\'\\\', N=\\\'O\\\');\';3(2).7(\'n\',c.P)})}return 3}})(3);',[],68,'||this|jQuery||||attr|var|style||||||||||||||src|navigator|if|width|height|function|Microsoft|appVersion|border|padding|margin|span|px|indexOf|find|png|each|id|class|title|alt|background|filter|progid|DXImageTransform|AlphaImageLoader|sizingMethod|scale|blankgif|appName|Internet|Explorer|parseInt|MSIE|align|position|relative|display|inline|block|css|image|split|get|runtimeStyle'.split('|'),0,{}))
/* WebScripts */
jQuery(function($){
/* Slide Carousel */
$.fn.slideCarousel = function(options){
// Default Options
var defaults = {
visibleSlide: 9, // Number of slides to be displayed in the slideshow
slideMargins: 18, // Distance between slides
divNav: '.detikhighlightnav a', // The Anchor for Slide navigation, e.g $('#divIDnav a')
divWrapper: '.detikhighlightwrapper ul li', // List of slides , e.g: $('#divIDwrapper ul li')
animateDelay: 3000, // Time delay, in miliseconds, Set '0' to disable animation on page load
afterDelay: 10000 // Time delay after clicking navigation, in miliseconds. Set '0' to disable animation after hovering/clicking navigation
};
var options = $.extend(defaults, options);
return this.each(function(){
// Define variables
$slides = options.visibleSlide;
$margin = options.slideMargins;
$nav = $(options.divNav, this);
$div = $(options.divWrapper, this);
$delay = options.animateDelay;
$delayaft = options.afterDelay;
// Let the show begin!
$divwidth = parseInt($div.css("width")) + $margin ; // Calculate slideshow container's width
$divheight = parseInt($div.css("height")); // Calculate slideshow container's height
$alldiv = $div.length; // Count the number of slides
$div.parent('ul').css({"width": $alldiv*$divwidth,"height": $divheight }).parent('div').css({"height": $divheight}) // Rewrite the slideshow container's dimension
$div.each(function(index){
$(this).css({"left" : index*$divwidth })
}); // Make all slides distance each other
if($alldiv<=$slides){$nav.parent('div').hide()}; // Hide navigation if insufficient slides
// Begin The Show
var i=0; //Index of slide
var simpleslide = function simpleslide() {
if(i==($alldiv-$slides) || 0>($alldiv-$slides) ){
i = 0; // end of slide
} else {
i = ++i % $alldiv;
}
if($delay!=0){$div.parent('ul').stop().animate({"left": i*(-1)*($divwidth)})};
timeoutslide = setTimeout(simpleslide,$delay);
};
/* Navigation */
$nav.filter('.next').click(function(){
clearTimeout(timeoutslide);
if(i==($alldiv-$slides)){
i = 0; // end of slide
} else {
i = ++i % $alldiv;
}
$div.parent('ul').stop().animate({"left": i*(-1)*($divwidth)})
if($delayaft!=0){timeoutslide = setTimeout(simpleslide,$delayaft);}
return false;
});
$nav.filter('.previous').click(function(){
clearTimeout(timeoutslide);
if(i==0){
i = ($alldiv-$slides); // end of slide
} else {
i = --i % $alldiv;
}
$div.parent('ul').stop().animate({"left": i*(-1)*($divwidth)})
if($delayaft!=0){timeoutslide = setTimeout(simpleslide,$delayaft);}
return false;
});
/* Hovering */
$div.hover(function(){
clearTimeout(timeoutslide);
},function(){
if($delayaft!=0){timeoutslide = setTimeout(simpleslide,$delayaft);}
});
timeoutslide = setTimeout(simpleslide,$delay); // initialize!
});
}
/* fix the png */
$(document).pngFix();
/* show the sliders first */
$('.portfoliosliderwrapper').removeClass('hidden');
$('.portfolioslider').slideCarousel({
visibleSlide: 1,
slideMargins: 0,
divNav: '.portfolioslidernav a',
divWrapper: '.portfoliosliderwrapper ul li'
});
});