ddsmoothmenu.init({
mainmenuid: "smoothmenu1", //menu DIV id
orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
classname: 'ddsmoothmenu', //class added to menu's outer DIV
//customtheme: ["#1c5a80", "#18374a"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})
function prettyphoto(){
$("a[rel^='prettyPhoto']").prettyPhoto({
animation_speed: 'fast', /* fast/slow/normal */
slideshow: 5000, /* false OR interval time in ms */
autoplay_slideshow: false, /* true/false */
opacity: 0.80, /* Value between 0 and 1 */
show_title: true, /* true/false */
allow_resize: true, /* Resize the photos bigger than viewport. true/false */
default_width: 500,
default_height: 344,
counter_separator_label: '/', /* The separator for the gallery counter 1 "of" 2 */
theme: 'dark_rounded', /* light_rounded / dark_rounded / light_square / dark_square / facebook */
horizontal_padding: 20, /* The padding on each side of the picture */
hideflash: false, /* Hides all the flash object on a page, set to TRUE if flash appears over prettyPhoto */
wmode: 'opaque', /* Set the flash wmode attribute */
autoplay: true, /* Automatically start videos: True/False */
modal: false, /* If set to true, only the close button will close the window */
deeplinking: true, /* Allow prettyPhoto to update the url to enable deeplinking. */
overlay_gallery: true, /* If set to true, a gallery will overlay the fullscreen image on mouse over */
keyboard_shortcuts: true, /* Set to false if you open forms inside prettyPhoto */
changepicturecallback: function(){}, /* Called everytime an item is shown/changed */
callback: function(){}, /* Called when prettyPhoto is closed */
ie6_fallback: true,
markup: '
',
custom_markup: '',
social_tools: false /* html or false to disable */
});
}
$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto();
});
function show_site(num){
$.ajax({
url: 'update.php',
data: 'site='+num,
type: 'GET',
cache: false,
success: function(data) {
var req = data.split("+:+");
$('#Content').html(req[0]);
if(req[1] >= 1){carousel();}
prettyphoto();
}
});
}
function show_pics(num){
$.ajax({
url: 'update.php',
data: 'pics='+num,
type: 'GET',
cache: false,
success: function(data) {
var req = data.split("+:+");
$('#Content').html(req[0]);
if(req[1] >= 1){carousel();}
prettyphoto();
}
});
}
function show_news(num){
$.ajax({
url: 'update.php',
data: 'news='+num,
type: 'GET',
cache: false,
success: function(data) {
$('#Content').html(data);
}
});
}
function carousel(){
//jCarousel Plugin
$('#carousel').jcarousel({
vertical: true, //display vertical carousel
scroll: 1, //auto scroll
auto: 2, //the speed of scrolling
wrap: 'last', //go back to top when reach last item
initCallback: mycarousel_initCallback //extra called back function
});
//Front page Carousel - Initial Setup
//set all the item to full opacity
//$('div#slideshow-carousel a img').css({'opacity': '0.5'});
//readjust the first item to 50% opacity
//$('div#slideshow-carousel a img:first').css({'opacity': '1.0'});
//append the arrow to the first item
$('div#slideshow-carousel li a:first').append('')
//Add hover and click event to each of the item in the carousel
$('div#slideshow-carousel li a').hover(
function () {
//check to make sure the item is not selected
if (!$(this).has('span').length) {
//reset all the item's opacity to 50%
//$('div#slideshow-carousel li a img').stop(true, true).css({'opacity': '0.5'});
//adust the current selected item to full opacity
//$(this).stop(true, true).children('img').css({'opacity': '1.0'});
}
},
function () {
//on mouse out, reset all the item back to 50% opacity
//$('div#slideshow-carousel li a img').stop(true, true).css({'opacity': '0.5'});
//reactivate the selected item by loop through them and look for the one
//that has the span arrow
$('div#slideshow-carousel li a').each(function () {
//found the span and reset the opacity back to full opacity
if ($(this).has('span').length) $(this).children('img').css({'opacity': '1.0'});
});
}
).click(function () {
//remove the span.arrow
$('span.arrow').remove();
//append it to the current item
$(this).append('');
//remove the active class from the slideshow main
$('div#slideshow-main li').removeClass('active');
//display the main image by appending active class to it.
$('div#slideshow-main li.' + $(this).attr('rel')).addClass('active');
return false;
});
}
//Carousel Tweaking
function mycarousel_initCallback(carousel) {
// Pause autoscrolling if the user moves with the cursor over the clip.
// resume otherwise
carousel.clip.hover(function() {
carousel.stopAuto();
}, function() {
carousel.startAuto();
});
}