jQuery(document).ready(function(){
    // Expand images
    jQuery(".expandPicture").nyroModal({
        contentError:'',
        type:'image',
        errorClass:'',
        resizeable:false,
        debug:false,
        css:{
            content:{
                overflow: 'hidden'
            }
        },
        minWidth: 1,
        minHeight: 1,
        gallery:'lightbox'
    });
	
	jQuery('#imageMap').cycle({ 
		timeout: 7000, 
		speed:   300, 
		startingSlide: 0,
		before: function() {
			var tempId = this.className.replace('cycle', '');
			var tempId = tempId*1-1;
			var x = relations['goto'][tempId];
	
			jQuery('#imageMapNav').css({backgroundPosition: x}); 
		}
	});
});

function gotoImageMap(cycleCounter, position) {
	var tempId = cycleCounter*1+(1)
	var tempId = "#goto"+tempId;
							
	jQuery(tempId).hover(function(){ 
		displayProperty = 'none';
	
		var tempCyle = jQuery(this).attr('id').replace('goto', '');
		var tempCyle = tempCyle*1-(1);
										
		jQuery('#imageMap').cycle(tempCyle);
		jQuery('#imageMapNav').css({backgroundPosition: position}); 
		return false; 
	},function(){ 
	
	});
}

jQuery(document).ready(function(){
	var x  = relations['goto'];
	for (var i in x) {
		gotoImageMap(i, x[i]);
	}
});

// Loop trough goto hovers
var relations = new Array();
relations['goto'] = new Array();
relations['goto'][0] = '0px 0px';
relations['goto'][1] = '0px -190px';
relations['goto'][2] = '0px -380px';
relations['goto'][3] = '0px -570px';
relations['goto'][4] = '0px -760px';
relations['goto'][5] = '0px -950px';
relations['goto'][6] = '0px -1520px';
relations['goto'][7] = '0px -1710px';
relations['goto'][8] = '0px -1140px';
relations['goto'][9] = '0px -1330px';