");
jQuery(".colorGridCell").bind('mouseenter', mouseEnterHandler);
}
else if (jQuery.cookie('slideshow') == 'off')
{
jQuery("#LOGO-HEADER").append("
");
jQuery(".colorGridCell").unbind('mouseenter', mouseEnterHandler);
jQuery('.colorGridCell').unbind('click', mouseClickHandler);
jQuery('.container').css('cursor', 'default');
}
// toggle slideshow on/off
jQuery('#slideshowOnOff').toggle(function() {
if (jQuery.cookie('slideshow') == null || jQuery.cookie('slideshow') == 'on')
{
slideshowOff();
}
else if (jQuery.cookie('slideshow') == 'off')
{
slideshowOn();
}
}, function() {
if (jQuery.cookie('slideshow') == null || jQuery.cookie('slideshow') == 'on')
{
slideshowOff();
}
else if (jQuery.cookie('slideshow') == 'off')
{
slideshowOn();
}
});
}
/****************************************************
setCellImages (index)
****************************************************/
function setCellImages (index) {
var j = (index/4).toString()
var test = j.substring(0,1);
jQuery(".colorGridCell_"+index+" .frontimage").css("background-image", "url('"+IMAGES_PATH+"/slideshow_"+SLIDESHOW_COUNTER+".jpg')");
jQuery(".colorGridCell_"+index+" .frontimage").css("background-position", "-"+(index%4)*CELL_WIDTH+"px -"+test*CELL_HEIGHT+"px");
jQuery(".colorGridCell_"+index+" .backimage").css("background-image", "url('"+IMAGES_PATH+"/slideshow_"+(SLIDESHOW_COUNTER+1)+".jpg')");
jQuery(".colorGridCell_"+index+" .backimage").css("background-position", "-"+(index%4)*CELL_WIDTH+"px -"+test*CELL_HEIGHT+"px");
}
/****************************************************
changeImages (index, type)
****************************************************/
function changeImages (index, type) {
var side = "back";
if (jQuery(".colorGridCell_"+index+" .backimage").css("display") == "block") {
side = "front";
}
if(type == "slideshow") {
jQuery(".colorGridCell_"+index+" ."+side+"image").css("background-image", "url('"+IMAGES_PATH+"/slideshow_"+(SLIDESHOW_COUNTER+1)+".jpg')");
}
else if (type == "referenceImage") {
jQuery(".colorGridCell_"+index+" ."+side+"image").css("background-image", "url('"+IMAGES_PATH+"/slideshow_"+SELECTED_INDEX+".jpg')");
}
}
/****************************************************
flipImage(index)
****************************************************/
function flipImage(index) {
if(jQuery.inArray(index, logoIndexes) == -1) {
// Images appear in reading direction
// jQuery(this).oneTime(index*SLIDESHOW_SPEED_LEFT_TO_RIGHT, function() {
// Images appear randomly
jQuery(this).oneTime(Math.floor(Math.random()*SLIDESHOW_SPEED_MAX_RANDOM), function() {
jQuery(".colorGridCell_"+index).quickFlipper();
});
}
}
addColorGrid();
if (jQuery.cookie('slideshow') == null || jQuery.cookie('slideshow') == 'on')
{
startSlideshow();
}
/****************************************************
startSlideshow()
****************************************************/
function startSlideshow() {
jQuery('.container').everyTime(SLIDESHOW_INTERVAL, 'slideshow', function() {
jQuery('.colorGridCell').unbind('click', mouseClickHandler);
jQuery('.colorGridCell').unbind('mouseenter', mouseEnterHandler);
jQuery('.colorGridCell').each(function(index) {
changeImages(index, "slideshow");
flipImage(index);
});
SLIDESHOW_COUNTER++;
// Check for Logo
if(jQuery.inArray(SLIDESHOW_COUNTER, logoIndexes) != -1) {
SLIDESHOW_COUNTER++;
//alert(SLIDESHOW_COUNTER+" / "+jQuery.inArray(SLIDESHOW_COUNTER, logoIndexes));
}
if (SLIDESHOW_COUNTER == CELLS-1) {SLIDESHOW_COUNTER = -1;}
jQuery(this).delay(SLIDESHOW_SPEED_MAX_RANDOM+100).queue(function () {
if (jQuery.cookie('slideshow') == null || jQuery.cookie('slideshow') == 'on')
{
jQuery('.colorGridCell').bind('click', mouseClickHandler);
jQuery('.colorGridCell').bind('mouseenter', mouseEnterHandler);
}
jQuery(this).dequeue();
})
});
}
// Stop Slideshow
jQuery('.container').mouseover(function() {
jQuery('.container').stopTime('slideshow');
});
// Start Slideshow
jQuery('.container').mouseout(function() {
if (jQuery.cookie('slideshow') == null || jQuery.cookie('slideshow') == 'on')
{
startSlideshow();
}
});
// for performance first init the quickFlip
jQuery('.colorGridCell').quickFlip({
closeSpeed : FLIP_CLOSE_SPEED,
openSpeed : FLIP_OPEN_SPEED,
vertical : true,
easing : "swing",
ctaSelector : 0,
refresh : true
});
/****************************************************
MouseHandler - Click
****************************************************/
var mouseClickHandler = function(ev) {
jQuery('.colorGridCell').unbind('click', mouseClickHandler);
jQuery('.colorGridCell').unbind('mouseenter', mouseEnterHandler);
//jQuery(ev.target).effect("highlight", {}, 1000);
jQuery(ev.target).fadeTo(FLIP_OPEN_SPEED, 0.2).fadeTo(FLIP_OPEN_SPEED, 1);
SELECTED_INDEX = jQuery(this).index();
jQuery(this).delay(50).queue(function () {
// Check for Logo
if(jQuery.inArray(jQuery(this).index(), logoIndexes) == -1) {
jQuery('.colorGridCell').each(function(index) {
changeImages(index, "referenceImage");
flipImage(index);
});
}
jQuery(this).dequeue();
})
jQuery(this).delay(SLIDESHOW_SPEED_MAX_RANDOM+100).queue(function () {
if (jQuery.cookie('slideshow') == null || jQuery.cookie('slideshow') == 'on')
{
jQuery('.colorGridCell').bind('click', mouseClickHandler);
jQuery('.colorGridCell').bind('mouseenter', mouseEnterHandler);
}
jQuery(this).dequeue();
})
};
if (jQuery.cookie('slideshow') == null || jQuery.cookie('slideshow') == 'on')
{
jQuery('.colorGridCell').bind('click', mouseClickHandler);
}
});