Links

var lightbox_transition = ‘elastic’;
var lightbox_speed = 800;
var lightbox_fadeOut = 300;
var lightbox_title = false;
var lightbox_scalePhotos = true;
var lightbox_scrolling = false;
var lightbox_opacity = 0.201;
var lightbox_open = false;
var lightbox_returnFocus = true;
var lightbox_trapFocus = true;
var lightbox_fastIframe = true;
var lightbox_preloading = true;
var lightbox_overlayClose = true;
var lightbox_escKey = false;
var lightbox_arrowKey = false;
var lightbox_loop = true;
var lightbox_closeButton = false;
var lightbox_previous = “previous”;
var lightbox_next = “next”;
var lightbox_close = “close”;
var lightbox_html = false;
var lightbox_photo = false;
var lightbox_width = ”;
var lightbox_height = ”;
var lightbox_innerWidth = ‘false’;
var lightbox_innerHeight = ‘false’;
var lightbox_initialWidth = ‘300’;
var lightbox_initialHeight = ‘100’;

var maxwidth=jQuery(window).width();
if(maxwidth>768){maxwidth=768;}
var lightbox_maxWidth = maxwidth;
var lightbox_maxHeight = 500;

var lightbox_slideshow = false;
var lightbox_slideshowSpeed = 2500;
var lightbox_slideshowAuto = true;
var lightbox_slideshowStart = “start slideshow”;
var lightbox_slideshowStop = “stop slideshow”;
var lightbox_fixed = true;
var lightbox_top = false;
var lightbox_bottom = false;
var lightbox_left = false;
var lightbox_right = false;

var lightbox_reposition = false;
var lightbox_retinaImage = true;
var lightbox_retinaUrl = false;
var lightbox_retinaSuffix = “@2x.$1”;

jQuery(document).ready(function(){
jQuery(“#huge_it_portfolio_content_2 a[href$=’.jpg’], #huge_it_portfolio_content_2 a[href$=’.png’], #huge_it_portfolio_content_2 a[href$=’.gif’]”).addClass(‘group1’);
// jQuery(“#huge_it_portfolio_content_2 a”).addClass(‘group1’);
var group_count = 0;
var groups = 2;
jQuery(“.portelement_2”).each(function(){
group_count++;
});
for(var i = 1; i <= group_count; i++){
jQuery(".portfolio-group" + i+"-"+groups).colorbox({rel:'portfolio-group' + i+"-"+groups});
}
jQuery(".portfolio-lightbox-group").colorbox({rel:"portfolio-lightbox-group"});
jQuery(".portfolio-lightbox a[href$='.png'],.portfolio-lightbox a[href$='.jpg'],.portfolio-lightbox a[href$='.gif'],.portfolio-lightbox a[href$='.jpeg']").addClass("portfolio-lightbox-group");
var groups = 2;
var group_count_slider = 0;
jQuery(".slider-content").each(function(){
group_count_slider++;
});
var group_count_slider_clone = 0;
jQuery(".portfolio-group-slider"+i).colorbox({rel:'portfolio-group-slider'+i});
//jQuery(".group1").colorbox({rel:'group1'});
for(var i = 1; i <= group_count_slider; i++){
jQuery(".portfolio-group-slider"+i).colorbox({rel:'portfolio-group-slider'+i});
jQuery(".clone .slide_number"+i+" a").removeClass("portfolio-group-slider"+i+" cboxElement");

}
jQuery(".youtube").colorbox({iframe:true, innerWidth:640, innerHeight:390});
jQuery(".vimeo").colorbox({iframe:true, innerWidth:640, innerHeight:390});
jQuery(".callbacks").colorbox({
onOpen:function(){ alert('onOpen: colorbox is about to open'); },
onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content’); },
onComplete:function(){ alert(‘onComplete: colorbox has displayed the loaded content’); },
onCleanup:function(){ alert(‘onCleanup: colorbox has begun the close process’); },
onClosed:function(){ alert(‘onClosed: colorbox has completely closed’); }
});

jQuery(‘.non-retina’).colorbox({rel:’group5′, transition:’none’})
jQuery(‘.retina’).colorbox({rel:’group5′, transition:’none’, retinaImage:true, retinaUrl:true});

jQuery(“#click”).click(function(){
jQuery(‘#click’).css({“background-color”:”#f00″, “color”:”#fff”, “cursor”:”inherit”}).text(“Open this window again and this message will still be here.”);
return false;
});
jQuery(“huge_it_portfolio_filters_”)
jQuery(“#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a”).click(function(){
jQuery(“#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li”).removeClass(“active”);
jQuery(this).parent().addClass(“active”);

});
});

/******/
.portelement_2 .play-icon.youtube-icon {
background: url(http://originalghostmaterial.com/wp-content/plugins/portfolio-gallery/Front_end/../images/play.youtube.png) center center no-repeat;
background-size: 30% 30%;
}
.portelement_2 .play-icon.vimeo-icon {
background: url(http://originalghostmaterial.com/wp-content/plugins/portfolio-gallery/Front_end/../images/play.vimeo.png) center center no-repeat;
background-size: 30% 30%;
}
.portelement_2 .play-icon {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.add-H-relative {
position: relative;
}
.add-H-block {
display: block;
}
/******/
.portelement_2 {
position: relative;
width:95%;
margin:5px 0px 5px 0px;
padding:2%;
clear:both;
overflow: hidden;
border:1px solid #dedede;
background:#f9f9f9;
}

.portelement_2 > div {
display:table-cell;
}

.portelement_2 div.left-block_2 {
padding-right:10px;
}

.portelement_2 div.left-block_2 .main-image-block_2 {
clear:both;
width:240px;
}

.portelement_2 div.left-block_2 .main-image-block_2 img {
margin:0px !important;
padding:0px !important;
width:240px !important;
height:auto;
}

.portelement_2 div.left-block_2 .thumbs-block {
position:relative;
margin-top:10px;
}

.portelement_2 div.left-block_2 .thumbs-block ul {
width:240px;
height:auto;
display:table;
margin:0px;
padding:0px;
list-style:none;
}

.portelement_2 div.left-block_2 .thumbs-block ul li {
margin:0px 3px 0px 2px;
padding:0px;
width:75px;
height:75px;
float:left;
}

.portelement_2 div.left-block_2 .thumbs-block ul li a {
display:block;
width:75px;
height:75px;
}

.portelement_2 div.left-block_2 .thumbs-block ul li a img {
margin:0px !important;
padding:0px !important;
width:75px;
height:75px;
}

.portelement_2 div.right-block {
vertical-align:top;
}

.portelement_2 div.right-block > div {
width:100%;
padding-bottom:10px;
margin-top:10px;
background:url(‘http://originalghostmaterial.com/wp-content/plugins/portfolio-gallery/Front_end/../images/divider.line.png’) center bottom repeat-x;

}

.portelement_2 div.right-block > div:last-child {
background:none;
}

.portelement_2 div.right-block .title-block_2 {
margin-top:3px;
}

.portelement_2 div.right-block .title-block_2 h3 {
margin:0px;
padding:0px;
font-weight:normal;
font-size:18px !important;
line-height:22px !important;
color:#0074a2;
}

.portelement_2 div.right-block .description-block_2 p,.portelement_2 div.right-block .description-block_2 * {
margin:0px;
padding:0px;
font-weight:normal;
font-size:14px;
color:#555555;
}

.portelement_2 div.right-block .description-block_2 h1,
.portelement_2 div.right-block .description-block_2 h2,
.portelement_2 div.right-block .description-block_2 h3,
.portelement_2 div.right-block .description-block_2 h4,
.portelement_2 div.right-block .description-block_2 h5,
.portelement_2 div.right-block .description-block_2 h6,
.portelement_2 div.right-block .description-block_2 p,
.portelement_2 div.right-block .description-block_2 strong,
.portelement_2 div.right-block .description-block_2 span {
padding:2px !important;
margin:0px !important;
}

.portelement_2 div.right-block .description-block_2 ul,
.portelement_2 div.right-block .description-block_2 li {
padding:2px 0px 2px 5px;
margin:0px 0px 0px 8px;
}

.portelement_2 .button-block {
position:relative;
}

.portelement_2 div.right-block .button-block a,.portelement_2 div.right-block .button-block a:link,.portelement_2 div.right-block .button-block a:visited {
position:relative;
display:inline-block;
padding:6px 12px;
background:#2ea2cd;
color:#ffffff;
font-size:14px;
text-decoration:none;
}

.portelement_2 div.right-block .button-block a:hover,.pupup-elemen.element div.right-block .button-block a:focus,.portelement_2 div.right-block .button-block a:active {
background:#0074a2;
color:#ffffff;
}

@media only screen and (max-width: 767px) {

.portelement_2 > div {
display:block;
width:100%;
clear:both;
}

.portelement_2 div.left-block_2 {
padding-right:0px;
}

.portelement_2 div.left-block_2 .main-image-block_2 {
clear:both;
width:100%;
}

.portelement_2 div.left-block_2 .main-image-block_2 img {
margin:0px !important;
padding:0px !important;
width:100% !important;
height:auto;
}

.portelement_2 div.left-block_2 .thumbs-block ul {
width:100%;
}
}

#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 {
overflow: hidden;
margin-top: 5px;
float: none;
width: 100%;
}

#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul {
margin: 0px !important;
padding: 0px !important;
list-style: none;
}

#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul {
margin: 0px !important;
padding: 0px !important;
overflow: hidden;
}

#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul {
float: left;
}

#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul li {
border-radius: 0px;
list-style-type: none;
margin: 0px !important;
padding: 0;
float:left !important;margin: 4px 8px 4px 0px !important;border: 1px solid #ccc;}

#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul li a {
background-color: #F7F7F7 !important;
font-size:14px !important;
color:#555555 !important;
text-decoration: none;
cursor: pointer;
margin: 0px !important;
display: block;
padding:3px;
}

/*#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul li:hover {

}*/

#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul li a:hover {
background-color: #FF3845 !important;
color:#ffffff !important;
cursor: pointer;
}

#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 {
margin-top: 5px;
float: left;
width: 30%;
}

#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li {
list-style-type: none;
border-bottom: 1px solid #ccc;}

#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a {
font-size:14px !important;
color:#555555 !important;
background-color: #F7F7F7 !important;
border-radius: 0px;
padding: 3px;
display: block;
text-decoration: none;
}

#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a:hover {
color:#ffffff !important;
background-color: #FF3845 !important;
cursor: pointer;
}
#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li.active a,
#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li.active a:link,
#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li.active a:visited,
#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li.active a:hover,
#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li.active a:focus,
#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li.active a:active {
color:#ffffff !important;
background-color: #FF3845 !important;
cursor: pointer;
}
#huge_it_portfolio_content_2 section {
position:relative;
display:block;
}

#huge_it_portfolio_content_2 #huge_it_portfolio_container_2 {
}

jQuery(function(){
var defaultBlockWidth=240;

var $container = jQuery(‘#huge_it_portfolio_container_2’);

// add randomish size classes
$container.find(‘.portelement_2’).each(function(){
var $this = jQuery(this),
number = parseInt( $this.find(‘.number’).text(), 10 );
//alert(number);
if ( number % 7 % 2 === 1 ) {
$this.addClass(‘width2’);
}
if ( number % 3 === 0 ) {
$this.addClass(‘height2’);
}
});

$container.hugeitmicro({
itemSelector : ‘.portelement_2’,
masonry : {
columnWidth : 240+20+2 },
masonryHorizontal : {
rowHeight: 300+20
},
cellsByRow : {
columnWidth : 300+20,
rowHeight : 240
},
cellsByColumn : {
columnWidth : 300+20,
rowHeight : 240
},
getSortData : {
symbol : function( $elem ) {
return $elem.attr(‘data-symbol’);
},
category : function( $elem ) {
return $elem.attr(‘data-category’);
},
number : function( $elem ) {
return parseInt( $elem.find(‘.number’).text(), 10 );
},
weight : function( $elem ) {
return parseFloat( $elem.find(‘.weight’).text().replace( /[\(\)]/g, ”) );
},
id : function ( $elem ) {
return $elem.find(‘.id’).text();
}
}
});

var $optionSets = jQuery(‘#huge_it_portfolio_options_2 .option-set’),
$optionLinks = $optionSets.find(‘a’);

$optionLinks.click(function(){
var $this = jQuery(this);

if ( $this.hasClass(‘selected’) ) {
return false;
}
var $optionSet = $this.parents(‘.option-set’);
$optionSet.find(‘.selected’).removeClass(‘selected’);
$this.addClass(‘selected’);

var options = {},
key = $optionSet.attr(‘data-option-key’),
value = $this.attr(‘data-option-value’);

value = value === ‘false’ ? false : value;
options[ key ] = value;
if ( key === ‘layoutMode’ && typeof changeLayoutMode === ‘function’ ) {

changeLayoutMode( $this, options )
} else {

$container.hugeitmicro( options );
}

return false;
});

var isHorizontal = false;
function changeLayoutMode( $link, options ) {
var wasHorizontal = isHorizontal;
isHorizontal = $link.hasClass(‘horizontal’);

if ( wasHorizontal !== isHorizontal ) {

var style = isHorizontal ?
{ height: ‘75%’, width: $container.width() } :
{ width: ‘auto’ };

$container.filter(‘:animated’).stop();

$container.addClass(‘no-transition’).css( style );
setTimeout(function(){
$container.removeClass(‘no-transition’).hugeitmicro( options );
}, 100 )
} else {
$container.hugeitmicro( options );
}
}

$container.delegate( ‘.default-block_2’, ‘click’, function(){
var strheight=0;
jQuery(this).parents(‘.portelement_2’).find(‘.wd-portfolio-panel_2 > div’).each(function(){
strheight+=jQuery(this).outerHeight()+10;
//alert(strheight);
})
strheight+=205;
if(jQuery(this).parents(‘.portelement_2’).hasClass(“large”)){
jQuery(this).parents(‘.portelement_2’).animate({
height: “205px”
}, 300, function() {
jQuery(this).removeClass(‘large’);
$container.hugeitmicro(‘reLayout’);
});

jQuery(this).parents(‘.portelement_2’).removeClass(“active”);
return false;
}

jQuery(this).parents(‘.portelement_2’).css({height:strheight});
jQuery(this).parents(‘.portelement_2’).addClass(‘large’);

$container.hugeitmicro(‘reLayout’);
jQuery(this).parents(‘.portelement_2’).css({height:”205px”});

//alert(strheight);

jQuery(this).parents(‘.portelement_2’).animate({
height:strheight+”px”,
}, 300,function(){ $container.hugeitmicro(‘reLayout’);});
});

var $sortBy = jQuery(‘#huge_it_portfolio_content_2 #sort-by’);
jQuery(‘#huge_it_portfolio_content_2 #shuffle a’).click(function(){
$container.hugeitmicro(‘shuffle’);
$sortBy.find(‘.selected’).removeClass(‘selected’);
$sortBy.find(‘[data-option-value=”random”]’).addClass(‘selected’);
return false;
});

////filteringgggggg

// bind filter on select change
jQuery(document).ready(function(){
jQuery(‘#huge_it_portfolio_filters_2 ul li’).click(function() {
// get filter value from option value
var filterValue = jQuery(this).attr(‘rel’);
// use filterFn if matches value
filterValue = filterValue;//filterFns[ filterValue ] ||
$container.hugeitmicro({ filter: filterValue });
});
var topmargin = jQuery(“#huge_it_portfolio_options_2”).height();
jQuery(“#huge_it_portfolio_filters_2”).css({‘margin-top’:’5px’});
});

//end of filtering

jQuery(window).load(function(){
$container.hugeitmicro(‘reLayout’);
jQuery(window).resize(function(){$container.hugeitmicro(‘reLayout’);});
});

});