/**
 * @author Christian
 */
Blurbs = Class.create({
    initialize: function(element, options){
        element = $(element);
        this.element = element;
        this.options = options;
        this.options = Object.extend({
            effectDuration: 1.0,
            containerClass: 'blurbs'
        }, options ||
        {});
		this.blurbFrame = $("blurbs");
        this.PNGFix();
		this.CreateNav();
    },
    
    CreateNav: function(){
		// Teasers
		if ($("tc1") != null) {
			Event.observe($("tc1"), 'mouseover', function(event){
				new Effect.Highlight($("tc1"), {
					startcolor: '#ffffff',
					endcolor: '#000000',
					restorecolor: '#000000'
				});
			}.bind(this));
		}
		
		// Blurbs
		if ($("bc1") != null) {
            Event.observe($("bc1"), 'mouseover', function(event){
                event.stop();
				$("bi1").addClassName("hidden");
				$("bi1a").removeClassName("hidden");
				new Effect.Highlight($("bc1"), {
                    startcolor: '#ffffff',
                    endcolor: '#021442',
                    restorecolor: 'transparent'
                });
            }.bind(this));
		}
		if ($("bc2") != null) {
			Event.observe($("bc2"), 'mouseover', function(event){
                event.stop();
				$("bi2").addClassName("hidden");
				$("bi2a").removeClassName("hidden");
				new Effect.Highlight($("bc2"), {
                    startcolor: '#ffffff',
                    endcolor: '#021442',
                    restorecolor: 'transparent'
                });
            }.bind(this));
		}
		if ($("bc3") != null) {
			Event.observe($("bc3"), 'mouseover', function(event){
                event.stop();
				$("bi3").addClassName("hidden");
				$("bi3a").removeClassName("hidden");
				new Effect.Highlight($("bc3"), {
                    startcolor: '#ffffff',
                    endcolor: '#021442',
                    restorecolor: 'transparent'
                });
            }.bind(this));
		}
		if ($("bc4") != null) {
			Event.observe($("bc4"), 'mouseover', function(event){
                event.stop();
				$("bi4").addClassName("hidden");
				$("bi4a").removeClassName("hidden");
				new Effect.Highlight($("bc4"), {
                    startcolor: '#ffffff',
                    endcolor: '#021442',
                    restorecolor: 'transparent'
                });
            }.bind(this));
		}
		if ($("bc5") != null) {
			Event.observe($("bc5"), 'mouseover', function(event){
                event.stop();
				$("bi5").addClassName("hidden");
				$("bi5a").removeClassName("hidden");
				new Effect.Highlight($("bc5"), {
                    startcolor: '#ffffff',
                    endcolor: '#021442',
                    restorecolor: 'transparent'
                });
            }.bind(this));
		}
		if ($("bc6") != null) {
			Event.observe($("bc6"), 'mouseover', function(event){
                event.stop();
				$("bi6").addClassName("hidden");
				$("bi6a").removeClassName("hidden");
				new Effect.Highlight($("bc6"), {
                    startcolor: '#ffffff',
                    endcolor: '#021442',
                    restorecolor: 'transparent'
                });
            }.bind(this));
		}
		if ($("bc7") != null) {
			Event.observe($("bc7"), 'mouseover', function(event){
                event.stop();
				$("bi7").addClassName("hidden");
				$("bi7a").removeClassName("hidden");
				new Effect.Highlight($("bc7"), {
                    startcolor: '#ffffff',
                    endcolor: '#021442',
                    restorecolor: 'transparent'
                });
            }.bind(this));
		}
		if ($("bc8") != null) {
			Event.observe($("bc8"), 'mouseover', function(event){
				event.stop();
				$("bi8").addClassName("hidden");
				$("bi8a").removeClassName("hidden");
				new Effect.Highlight($("bc8"), {
					startcolor: '#ffffff',
					endcolor: '#021442',
					restorecolor: 'transparent'
				});
			}.bind(this));
		}
		if ($("bc9") != null) {
			Event.observe($("bc9"), 'mouseover', function(event){
				event.stop();
				$("bi9").addClassName("hidden");
				$("bi9a").removeClassName("hidden");
				new Effect.Highlight($("bc9"), {
					startcolor: '#ffffff',
					endcolor: '#021442',
					restorecolor: 'transparent'
				});
			}.bind(this));
		}
		if ($("bc10") != null) {
			Event.observe($("bc10"), 'mouseover', function(event){
				event.stop();
				$("bi10").addClassName("hidden");
				$("bi10a").removeClassName("hidden");
				new Effect.Highlight($("bc10"), {
					startcolor: '#ffffff',
					endcolor: '#021442',
					restorecolor: 'transparent'
				});
			}.bind(this));
		}
		if ($("bc11") != null) {
			Event.observe($("bc11"), 'mouseover', function(event){
				event.stop();
				$("bi11").addClassName("hidden");
				$("bi11a").removeClassName("hidden");
				new Effect.Highlight($("bc11"), {
					startcolor: '#ffffff',
					endcolor: '#021442',
					restorecolor: 'transparent'
				});
			}.bind(this));
		}
		if ($("bc12") != null) {
			Event.observe($("bc12"), 'mouseover', function(event){
				event.stop();
				$("bi12").addClassName("hidden");
				$("bi12a").removeClassName("hidden");
				new Effect.Highlight($("bc12"), {
					startcolor: '#ffffff',
					endcolor: '#021442',
					restorecolor: 'transparent'
				});
			}.bind(this));
		}
		if ($("bc1") != null) {
            Event.observe($("bc1"), 'mouseout', function(event){
                event.stop();
				$("bi1a").addClassName("hidden");
				$("bi1").removeClassName("hidden");
            }.bind(this));
		}
		if ($("bc2") != null) {
			Event.observe($("bc2"), 'mouseout', function(event){
                event.stop();
				$("bi2a").addClassName("hidden");
				$("bi2").removeClassName("hidden");
            }.bind(this));
		}
		if ($("bc3") != null) {
			Event.observe($("bc3"), 'mouseout', function(event){
                event.stop();
				$("bi3a").addClassName("hidden");
				$("bi3").removeClassName("hidden");
            }.bind(this));
		}
		if ($("bc4") != null) {
			Event.observe($("bc4"), 'mouseout', function(event){
                event.stop();
				$("bi4a").addClassName("hidden");
				$("bi4").removeClassName("hidden");
            }.bind(this));
		}
		if ($("bc5") != null) {
			Event.observe($("bc5"), 'mouseout', function(event){
                event.stop();
				$("bi5a").addClassName("hidden");
				$("bi5").removeClassName("hidden");
            }.bind(this));
		}
		if ($("bc6") != null) {
			Event.observe($("bc6"), 'mouseout', function(event){
                event.stop();
				$("bi6a").addClassName("hidden");
				$("bi6").removeClassName("hidden");
            }.bind(this));
		}
		if ($("bc7") != null) {
			Event.observe($("bc7"), 'mouseout', function(event){
                event.stop();
				$("bi7a").addClassName("hidden");
				$("bi7").removeClassName("hidden");
            }.bind(this));
		}
		if ($("bc8") != null) {
			Event.observe($("bc8"), 'mouseout', function(event){
				event.stop();
				$("bi8a").addClassName("hidden");
				$("bi8").removeClassName("hidden");
			}.bind(this));
		}
		if ($("bc9") != null) {
			Event.observe($("bc9"), 'mouseout', function(event){
				event.stop();
				$("bi9a").addClassName("hidden");
				$("bi9").removeClassName("hidden");
			}.bind(this));
		}
		if ($("bc10") != null) {
			Event.observe($("bc10"), 'mouseout', function(event){
				event.stop();
				$("bi10a").addClassName("hidden");
				$("bi10").removeClassName("hidden");
			}.bind(this));
		}
		if ($("bc11") != null) {
			Event.observe($("bc11"), 'mouseout', function(event){
				event.stop();
				$("bi11a").addClassName("hidden");
				$("bi11").removeClassName("hidden");
			}.bind(this));
		}
		if ($("bc12") != null) {
			Event.observe($("bc12"), 'mouseout', function(event){
				event.stop();
				$("bi12a").addClassName("hidden");
				$("bi12").removeClassName("hidden");
			}.bind(this));
		}
    },
    
    PNGFix: function(){
        var version = parseFloat(navigator.appVersion.split('MSIE')[1]);
        if ((version >= 5.5) && (version < 7) && (document.body.filters)) {
            document.getElementsByClassName('ie-fix-opacity').each(function(poElement){
                var cBGImg = poElement.currentStyle.backgroundImage;
                var cImage = cBGImg.substring(cBGImg.indexOf('"') + 1, cBGImg.lastIndexOf('"'));
                poElement.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + cImage + "',sizingMethod='scale')";
                poElement.style.backgroundImage = "none";
            });
        }
    }
});