// To get allways the highest z-Index Level for the active Element
var newZindex = 15;

// Makes Info DIV Layer draggable
(function() { 
	var dd; 
	YAHOO.util.Event.onDOMReady(function() { 
		dd = new YAHOO.util.DD("info"); 

   }); 
})(); 


// Resize Functions:

(function() {
    var Dom = YAHOO.util.Dom,
        Event = YAHOO.util.Event;

        var resize = new YAHOO.util.Resize('img_01', {
            handles: 'br',
            knobHandles: true,
			hover: true,
            height: '268px',
            width: '400px',
            maxHeight: '535px',
            maxWidth: '800px',            
			proxy: true,
			ratio: true,
            ghost: true,
            status: true,
            draggable: true,
            animate: true,
            animateDuration: .75,
            animateEasing: YAHOO.util.Easing.backBoth
        });

        resize.on('startResize', function() {
            this.getProxyEl().innerHTML = '<img src="' + this.get('element').src + '" style="height: 100%; width: 100%;">';
            Dom.setStyle(this.getProxyEl().firstChild, 'opacity', '.25');
        }, resize, true);
        
})();
(function() {
    var Dom = YAHOO.util.Dom,
        Event = YAHOO.util.Event;

        var resize = new YAHOO.util.Resize('img_02', {
            handles: 'br',
            knobHandles: true,
			hover: true,
            height: '268px',
            width: '400px',
            maxHeight: '535px',
            maxWidth: '800px',            
			proxy: true,
			ratio: true,			
            ghost: true,
            status: true,
            draggable: true,
            animate: true,
            animateDuration: .75,
            animateEasing: YAHOO.util.Easing.backBoth
        });

        resize.on('startResize', function() {
            this.getProxyEl().innerHTML = '<img src="' + this.get('element').src + '" style="height: 100%; width: 100%;">';
            Dom.setStyle(this.getProxyEl().firstChild, 'opacity', '.25');
        }, resize, true);
       	
})();
(function() {
    var Dom = YAHOO.util.Dom,
        Event = YAHOO.util.Event;

        var resize = new YAHOO.util.Resize('img_03', {
            handles: 'br',
            knobHandles: true,
			hover: true,
            height: '268px',
            width: '400px',
            maxHeight: '535px',
            maxWidth: '800px',            
			proxy: true,
			ratio: true,			
            ghost: true,
            status: true,
            draggable: true,
            animate: true,
            animateDuration: .75,
            animateEasing: YAHOO.util.Easing.backBoth
        });

        resize.on('startResize', function() {
            this.getProxyEl().innerHTML = '<img src="' + this.get('element').src + '" style="height: 100%; width: 100%;">';
            Dom.setStyle(this.getProxyEl().firstChild, 'opacity', '.25');
        }, resize, true);
       	
})();
(function() {
    var Dom = YAHOO.util.Dom,
        Event = YAHOO.util.Event;

        var resize = new YAHOO.util.Resize('img_04', {
            handles: 'br',
            knobHandles: true,
			hover: true,
            height: '268px',
            width: '400px',
            maxHeight: '535px',
            maxWidth: '800px',            
			proxy: true,
			ratio: true,
            ghost: true,
            status: true,
            draggable: true,
            animate: true,
            animateDuration: .75,
            animateEasing: YAHOO.util.Easing.backBoth
        });

        resize.on('startResize', function() {
            this.getProxyEl().innerHTML = '<img src="' + this.get('element').src + '" style="height: 100%; width: 100%;">';
            Dom.setStyle(this.getProxyEl().firstChild, 'opacity', '.25');
        }, resize, true);
        
})();
(function() {
    var Dom = YAHOO.util.Dom,
        Event = YAHOO.util.Event;

        var resize = new YAHOO.util.Resize('img_05', {
            handles: 'br',
            knobHandles: true,
			hover: true,
            height: '268px',
            width: '400px',
            maxHeight: '535px',
            maxWidth: '800px',            
			proxy: true,
			ratio: true,			
            ghost: true,
            status: true,
            draggable: true,
            animate: true,
            animateDuration: .75,
            animateEasing: YAHOO.util.Easing.backBoth
        });

        resize.on('startResize', function() {
            this.getProxyEl().innerHTML = '<img src="' + this.get('element').src + '" style="height: 100%; width: 100%;">';
            Dom.setStyle(this.getProxyEl().firstChild, 'opacity', '.25');
        }, resize, true);
       	
})();
(function() {
    var Dom = YAHOO.util.Dom,
        Event = YAHOO.util.Event;

        var resize = new YAHOO.util.Resize('img_06', {
            handles: 'br',
            knobHandles: true,
			hover: true,
            height: '268px',
            width: '400px',
            maxHeight: '535px',
            maxWidth: '800px',            
			proxy: true,
			ratio: true,			
            ghost: true,
            status: true,
            draggable: true,
            animate: true,
            animateDuration: .75,
            animateEasing: YAHOO.util.Easing.backBoth
        });

        resize.on('startResize', function() {
            this.getProxyEl().innerHTML = '<img src="' + this.get('element').src + '" style="height: 100%; width: 100%;">';
            Dom.setStyle(this.getProxyEl().firstChild, 'opacity', '.25');
        }, resize, true);
       	
})();
(function() {
    var Dom = YAHOO.util.Dom,
        Event = YAHOO.util.Event;

        var resize = new YAHOO.util.Resize('img_07', {
            handles: 'br',
            knobHandles: true,
			hover: true,
            height: '268px',
            width: '400px',
            maxHeight: '535px',
            maxWidth: '800px',            
			proxy: true,
			ratio: true,
            ghost: true,
            status: true,
            draggable: true,
            animate: true,
            animateDuration: .75,
            animateEasing: YAHOO.util.Easing.backBoth
        });

        resize.on('startResize', function() {
            this.getProxyEl().innerHTML = '<img src="' + this.get('element').src + '" style="height: 100%; width: 100%;">';
            Dom.setStyle(this.getProxyEl().firstChild, 'opacity', '.25');
        }, resize, true);
        
})();
(function() {
    var Dom = YAHOO.util.Dom,
        Event = YAHOO.util.Event;

        var resize = new YAHOO.util.Resize('img_08', {
            handles: 'br',
            knobHandles: true,
			hover: true,
            height: '268px',
            width: '400px',
            maxHeight: '535px',
            maxWidth: '800px',            
			proxy: true,
			ratio: true,			
            ghost: true,
            status: true,
            draggable: true,
            animate: true,
            animateDuration: .75,
            animateEasing: YAHOO.util.Easing.backBoth
        });

        resize.on('startResize', function() {
            this.getProxyEl().innerHTML = '<img src="' + this.get('element').src + '" style="height: 100%; width: 100%;">';
            Dom.setStyle(this.getProxyEl().firstChild, 'opacity', '.25');
        }, resize, true);
       	
})();
(function() {
    var Dom = YAHOO.util.Dom,
        Event = YAHOO.util.Event;

        var resize = new YAHOO.util.Resize('img_09', {
            handles: 'br',
            knobHandles: true,
			hover: true,
            height: '268px',
            width: '400px',
            maxHeight: '535px',
            maxWidth: '800px',            
			proxy: true,
			ratio: true,			
            ghost: true,
            status: true,
            draggable: true,
            animate: true,
            animateDuration: .75,
            animateEasing: YAHOO.util.Easing.backBoth
        });

        resize.on('startResize', function() {
            this.getProxyEl().innerHTML = '<img src="' + this.get('element').src + '" style="height: 100%; width: 100%;">';
            Dom.setStyle(this.getProxyEl().firstChild, 'opacity', '.25');
        }, resize, true);
       	
})();
(function() {
    var Dom = YAHOO.util.Dom,
        Event = YAHOO.util.Event;

        var resize = new YAHOO.util.Resize('img_10', {
            handles: 'br',
            knobHandles: true,
			hover: true,
            height: '268px',
            width: '400px',
            maxHeight: '535px',
            maxWidth: '800px',            
			proxy: true,
			ratio: true,
            ghost: true,
            status: true,
            draggable: true,
            animate: true,
            animateDuration: .75,
            animateEasing: YAHOO.util.Easing.backBoth
        });

        resize.on('startResize', function() {
            this.getProxyEl().innerHTML = '<img src="' + this.get('element').src + '" style="height: 100%; width: 100%;">';
            Dom.setStyle(this.getProxyEl().firstChild, 'opacity', '.25');
        }, resize, true);
        
})();
(function() {
    var Dom = YAHOO.util.Dom,
        Event = YAHOO.util.Event;

        var resize = new YAHOO.util.Resize('img_11', {
            handles: 'br',
            knobHandles: true,
			hover: true,
            height: '268px',
            width: '400px',
            maxHeight: '535px',
            maxWidth: '800px',            
			proxy: true,
			ratio: true,			
            ghost: true,
            status: true,
            draggable: true,
            animate: true,
            animateDuration: .75,
            animateEasing: YAHOO.util.Easing.backBoth
        });

        resize.on('startResize', function() {
            this.getProxyEl().innerHTML = '<img src="' + this.get('element').src + '" style="height: 100%; width: 100%;">';
            Dom.setStyle(this.getProxyEl().firstChild, 'opacity', '.25');
        }, resize, true);
       	
})();