var comp = document.getElementById('competition');
comp.href="javascript:void(0)";

if (navigator.appName != 'Microsoft Internet Explorer')
	{ // e.g. Firefox, Opera, Safari
	       	comp.setAttribute("onclick", "popup();");
	}
	else
	{ // e.g. Internet Explorer (also would work on Opera)
	        comp.attachEvent("onclick", function() {popup()});
	}


function popup()
{
	window.open("http://msn-darkknight-comp.co.uk", "Competition", "width=799,height=730,scrollbars=no,toolbar=no,menubar=no,resizable=no");
}


// Gallery stuff

var theDarkKnight = new Object();
theDarkKnight.imageCount = document.getElementById("gallery_container").getElementsByTagName("li").length;
theDarkKnight.currentIndex = 0;

function addText()
{
    var container = document.getElementById("navigator_container");
    var items = container.getElementsByTagName("li");
    var firstItemHTML =  "<li class=\"first\">"+items[0].innerHTML + "</li>";
    var lastItemHTML = "<li class=\"last\">"+items[1].innerHTML + "</li>";
    //var additionalItemHTML = "<li id=\"indexText\"><span>Image 1 OF " +  theDarkKnight.imageCount + "</span></li>";
    container.getElementsByTagName("ul")[0].innerHTML = firstItemHTML + additionalItemHTML + lastItemHTML;  
}

window.onload = function()
{
    //addText();
    
    document.getElementById("linkPrevious").onclick = function()
   {
        navigatorfn(false);
   }  
   
    document.getElementById("linkNext").onclick = function()
   {
        navigatorfn(true);
   }  
   var container =document.getElementById("gallery_container");
   var items =  container.getElementsByTagName("li");
   for(var i=0;  i<items.length;i++)
    {  
            if(i==theDarkKnight.currentIndex)
            {
                
                items[i].style.display = "block";
            }
            else
            {
                items[i].style.display = "none";
            }
    } 
}

function navigatorfn(isToNext)
{
    var container =document.getElementById("gallery_container");
    var items =  container.getElementsByTagName("li");
   
    if(isToNext)
   {
        if(theDarkKnight.currentIndex == theDarkKnight.imageCount-1)
        {
            theDarkKnight.currentIndex = 0;
        }
        else
        {
            theDarkKnight.currentIndex +=1;
        }
   } 
   else
   {
         if(theDarkKnight.currentIndex == 0)
        {
            theDarkKnight.currentIndex = theDarkKnight.imageCount-1;
        }
        else
        {
            theDarkKnight.currentIndex -=1;
        }
   }
    
    for(var i=0;  i<items.length;i++)
    {  
            if(i==theDarkKnight.currentIndex)
            {
                
                items[i].style.display = "block";
            }
            else
            {
                items[i].style.display = "none";
            }
    } 
   
   //document.getElementById("indexText").innerText = "Image " + (theDarkKnight.currentIndex + 1) + " OF " + theDarkKnight.imageCount;
}


var supersleight	= function() {
	
	var root = false;
	var applyPositioning = false;
	
	// Path to a transparent GIF image
	var shim			= 'http://stc.sand.msn-int.com/br/DD/TheDarkKnight/images/x.gif';
	
	// RegExp to match above GIF image name
	var shim_pattern	= /x\.gif$/i;
	
	
	
	var fnLoadPngs = function() { 
		if (root) {
			root = document.getElementById(root);
		}else{
			root = document;
		}
		for (var i = root.all.length - 1, obj = null; (obj = root.all[i]); i--) {
			// background pngs
			if (obj.currentStyle.backgroundImage.match(/\.png/i) !== null) {
				bg_fnFixPng(obj);
			}
			// image elements
			if (obj.tagName=='IMG' && obj.src.match(/\.png$/i) !== null){
				el_fnFixPng(obj);
			}
			// apply position to 'active' elements
			if (applyPositioning && (obj.tagName=='A' || obj.tagName=='INPUT') && obj.style.position === ''){
				obj.style.position = 'relative';
			}
		}
	};

	var bg_fnFixPng = function(obj) {
		var mode = 'scale';
		var bg	= obj.currentStyle.backgroundImage;
		var src = bg.substring(5,bg.length-2);
		if (obj.currentStyle.backgroundRepeat == 'no-repeat') {
			mode = 'crop';
		}
		obj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "', sizingMethod='" + mode + "')";
		obj.style.backgroundImage = 'url('+shim+')';
	};

	var el_fnFixPng = function(img) {
		var src = img.src;
		img.style.width = img.width + "px";
		img.style.height = img.height + "px";
		img.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "', sizingMethod='scale')";
		img.src = shim;
	};
	
	var addLoadEvent = function(func) {
		var oldonload = window.onload;
		if (typeof window.onload != 'function') {
			window.onload = func;
		} else {
			window.onload = function() {
				if (oldonload) {
					oldonload();
				}
				func();
			};
		}
	};
	
	return {
		init: function() { 
			addLoadEvent(fnLoadPngs);
		},
		
		limitTo: function(el) {
			root = el;
		},
		
		run: function() {
			fnLoadPngs();
		}
	};
}();

// limit to part of the page ... pass an ID to limitTo:
// supersleight.limitTo('header');

if(navigator.appName=='Microsoft Internet Explorer' &&  navigator.appVersion.indexOf("6.0")!=-1)
{
	supersleight.init();
}