$(document).ready(function() {


/* DEFINING Array.indexOf() function for IE<9 */
	if (!Array.prototype.indexOf)
	{
	  Array.prototype.indexOf = function(elt /*, from*/)
	  {
	    var len = this.length >>> 0;

	    var from = Number(arguments[1]) || 0;
	    from = (from < 0)
	         ? Math.ceil(from)
	         : Math.floor(from);
	    if (from < 0)
	      from += len;

	    for (; from < len; from++)
	    {
	      if (from in this &&
	          this[from] === elt)
	        return from;
	    }
	    return -1;
	  };
	}


//var widthDelta = Math.floor((widthMax-widthMin)/slideHeadersData.length-1);
var widthDelta = Math.floor((visibleSize - widthMax)/slideHeadersData.length-1);
/*var widthFirstDelta = widthMax - widthMin - 
	(slideHeadersData.length*widthDelta) + widthDelta;*/
var widthFirstDelta = widthDelta;
var heightDelta = Math.floor((heightMax-heightMin)/slideHeadersData.length-1);
var heightFirstDelta = heightMax - heightMin - 
	(slideHeadersData.length*heightDelta) + heightDelta;

var currentLink = slideHeadersData[0]['link'];



var htmlToInsert = '';
var mainZindex   = 500;
var zIndexDelta  = 10;

var aWidths      = new Array();
aWidths.push(widthMax);
i = 0;
while(i<slideHeadersData.length-1) {
	aWidths.push(widthMax-widthFirstDelta - (widthDelta * i));
	i++;
}

var aHeights     = new Array();
aHeights.push(heightMax);
i = 0;
while(i<slideHeadersData.length-1) {
	aHeights.push(heightMax-heightFirstDelta - (heightDelta * i));
	i++;
}

var aTop      = new Array();
aTop.push(0);
i = 0;
while(i<slideHeadersData.length-1) {
	aTop.push(Math.floor((heightFirstDelta + heightDelta * i)/2));
	i++;
}

var aLeft     = new Array();
aLeft.push(0);
i = 0;
while(i<slideHeadersData.length-1) {
	aLeft.push((widthFirstDelta + widthDelta * i)*2);
	i++;
}

var aZindexes    = new Array();
i = 0;
while(i<slideHeadersData.length) {
	aZindexes.push(mainZindex-zIndexDelta*i);
	i++;
}



for(i=0;i<slideHeadersData.length;i++) {
	j = i + 1;
	if(i==0) {
	htmlToInsert += '<li id="header' + j + '" style="' + 
	'background-image: ' + 
	'url(' + 
	slideHeadersData[i].bigImg + '); ' + 
	'z-index: ';
	htmlToInsert += aZindexes[i];
	htmlToInsert += '; width: ';
	htmlToInsert += aWidths[i] + 'px';
	htmlToInsert += '; height: ';
	htmlToInsert += aHeights[i] + 'px';
	htmlToInsert += '; top: ';
	htmlToInsert += aTop[i] + 'px';
	htmlToInsert += '; left: ';
	htmlToInsert += aLeft[i] + 'px';
	
	htmlToInsert += ';" class="';
	htmlToInsert += 'top';
	htmlToInsert += '"><div class="outer"><h1 class="' + 
		slideHeadersData[i].classTxt + '">' + 
		slideHeadersData[i].title + '</h1><p class="' + 
		slideHeadersData[i].classTxt + '">' + slideHeadersData[i].subTitle + 
		'</p><div class="back"></div></div></li>';
	} else {
		htmlToInsert += '<li id="header' + j + '" style="' + 
		'background-image: ' + 
		'url(' + 
		slideHeadersData[i].miniImg + '); ' + 
		'z-index: ';
		htmlToInsert += aZindexes[i];
		htmlToInsert += '; width: ';
		htmlToInsert += aWidths[i] + 'px';
		htmlToInsert += '; height: ';
		htmlToInsert += aHeights[i] + 'px';
		htmlToInsert += '; top: ';
		htmlToInsert += aTop[i] + 'px';
		htmlToInsert += '; left: ';
		htmlToInsert += aLeft[i] + 'px';
		htmlToInsert += '; background-position: ';
		htmlToInsert += 'right center';
		
		htmlToInsert += ';" class="';
		htmlToInsert += '"><div class="outer"><h1 class="' + 
			slideHeadersData[i].classTxt + '">' + 
			slideHeadersData[i].title + '</h1><p class="' + 
			slideHeadersData[i].classTxt + '">' + slideHeadersData[i].subTitle + 
			'</p><div class="back"></div></div></li>';
	}
}


$('#header_container').html(htmlToInsert);

	$(document).everyTime(5000, function(i) {
        slideHeader();
        });
    liBinder();

function liBinder() {
    $('#header_container li.top').click(function() {
        window.location.href = currentLink;
    });
    $('#headerClicker').show();
}

function slideHeader() {
    var topElement      = $('#header_container li.top').attr('id');
    var topElementID    = topElement.charAt(6);
    var elementID       = topElementID;
    var zIndex;
    var nextTopElementID    = Math.floor(topElementID) + 1;
    
    $('#headerClicker').hide();
    

    if(nextTopElementID==slideHeadersData.length+1) {
        nextTopElementID = 1;
    }
    temp = nextTopElementID-1;
    currentLink = slideHeadersData[temp]['link'];

    var i = 1;

    while(i<slideHeadersData.length+1) {
        renderHeader(i);
        i++;
    }
    $(document).oneTime(1800, function(i) {
        $('#header' + nextTopElementID).attr('class','top');
        $('#header' + elementID).attr('class',null);
        liBinder();
    });
}

function getNewData(headerNo) {
    var currentWidth = Math.floor($('#header' + headerNo).css('width').substr(0,$('#header' + headerNo).css('width').length-2));
    var position = aWidths.indexOf(currentWidth);

    if(position==0) {
        	var headerNewWidth    = aWidths[slideHeadersData.length-1] + 'px';
        	var headerNewHeight   = aHeights[slideHeadersData.length-1] + 'px';
        	var headerNewTop      = aTop[slideHeadersData.length-1] + 'px';
        	var headerNewLeft     = aLeft[slideHeadersData.length-1] + 'px';
            var headerNewZindex   = aZindexes[slideHeadersData.length-1];
    } else {
        	var headerNewWidth    = aWidths[position-1] + 'px';
        	var headerNewHeight   = aHeights[position-1] + 'px';
        	var headerNewTop      = aTop[position-1] + 'px';
        	var headerNewLeft     = aLeft[position-1] + 'px';
            var headerNewZindex   = aZindexes[position-1];
    }
    

    var returnValue         = new Array(headerNewWidth, headerNewHeight, 
            headerNewTop, headerNewLeft, headerNewZindex);
    return returnValue;
}

function isTop(headerNo) {
    return ($('#header' + headerNo).attr('class')=='top');
}

function renderHeader(headerNo) {
    if(isTop(headerNo)) {
        $('#header' + headerNo).animate({
            opacity: 0,
            left: '-=' + aWidths[0]
          }, 1000, function() {
        	  headerVals = getNewData(headerNo);
              $('#header' + headerNo + ' div.outer').attr('class','outer hidden');
              $('#header' + headerNo).css('left',0);
              $('#header' + headerNo).css('top',headerVals[2]);
              $('#header' + headerNo).css('left',300);
              $('#header' + headerNo).css('width',headerVals[0]);
              $('#header' + headerNo).css('height',headerVals[1]);
              $('#header' + headerNo).css('z-index',mainZindex-slideHeadersData.length*zIndexDelta);
              temp = headerNo-1;
              $('#header' + headerNo).css('background','url(' + slideHeadersData[temp].miniImg + ') right center no-repeat');
              $('#header' + headerNo).animate({
                  opacity: 1,
                  left: headerVals[3]
                }, 600, function() {
                	$('#header' + headerNo).fadeIn('slow');
                });
          });
    } else {
    	headerVals = getNewData(headerNo);
        if(headerVals[0]==aWidths[0] + 'px') {
            $('#header' + headerNo + ' div.outer').attr('class','outer');
            temp = headerNo-1;
            $('#header' + headerNo).css('background','url(' + slideHeadersData[temp].bigImg + ') right center no-repeat');
        }
    $('#header' + headerNo).animate({
        top: headerVals[2],
        left: headerVals[3],
        width: headerVals[0],
        height: headerVals[1]
        }, 1000, function() {
      });
    $('#header' + headerNo).css('z-index',headerVals[4]);
    }
}

$('#headerClicker').click(function () {
	$(document).stopTime();
	slideHeader();
	$(document).everyTime(5000, function(i) {
        slideHeader();
        });
});
});