/**
* We use the initCallback callback
* to assign functionality to the controls
*/
function mycarousel_initCallback(carousel) {
jQuery('.jcarousel-control a').bind('click', function() {
carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
return false;
});

jQuery('.jcarousel-scroll select').bind('change', function() {
carousel.options.scroll = jQuery.jcarousel.intval(this.options[this.selectedIndex].value);
return false;
});

jQuery('#mycarousel-next').bind('click', function() {
carousel.next();
return false;
});

jQuery('#mycarousel-prev').bind('click', function() {
carousel.prev();
return false;
});
};



$(document).ready(function(){

// it will append class="selected" into <a>
// <a href="#">1</a> to <a href="#" class="selected">1</a>
function highlight(carousel, obejctli,liindex,listate){
     jQuery('.jcarousel-control li:nth-child('+ liindex +') a').attr("class","selected");
};
// it will remove last selected slide from <a>
// <a href="#" class="selected">1</a> to <a href="#">1</a>
function removehighlight(carousel, obejctli,liindex,listate){
     jQuery('.jcarousel-control li:nth-child('+ liindex +') a').removeAttr("class","selected");
};

	
// Ride the carousel...
	jQuery("#mycarousel").jcarousel({
	scroll: 1,
	initCallback: mycarousel_initCallback,
	itemVisibleInCallback:  highlight,
	itemVisibleOutCallback: removehighlight
	});
	
	//Full Caption Sliding (Hidden to Visible)
	$('.boxgrid.captionfull').hover(function(){
		$(".cover", this).stop().animate({top:'18px'},{queue:false,duration:160});
	}, function() {
		$(".cover", this).stop().animate({top:'70px'},{queue:false,duration:160});
	});

	//colorbox
	$(".iframe").colorbox({width:"625px", height:"530px", iframe:true});
	
	
	
});
function opencolorbox(monurl){
	$.fn.colorbox({open:true, href:monurl,width:"625px", height:"530px", iframe:true});
}