var currentURL = "http://" + location.host + "/";
var imageArray = new Array();
var campaignData;
var campaignImagesSet;
var count = 0;
var item_width;
var left_value;
var currentSlideIndex;
var autoDelay = 6000;
var autoNext;
var video = $('#video').get(0);
var html;
var smallCurrentIndex = 0;
var newLeft;
var smallCarosuelHit = 0;
var smallCarosuelLastHit = 0;
var smallastItem = 0;
var thombWidth = 197;
var numErrors;
var currentTime;
var getId2;
var timer;
// dont allow clicks while animating
var _isAnimating = false;
var _isFullScreen = false;
var _videoStarted = false;
var androidVideoTimer;
var androidVideoHasStarted = false;
var _currentAnimation;

/* only for url id */
function getUrlVars(){
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for (var i = 0; i < hashes.length; i++) {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
    
}

var id = getUrlVars()["mediaID"];
var campaignID = getUrlVars()["campaignID"];
var clientID = getUrlVars()["clientID"];
var mediaType = getUrlVars()["mediaType"];
var office = getUrlVars()["office"];

var getURLId = id;

if (page == "") 
    page = "home";

if (page == "home") {
    var dataURL = currentURL + "xml/home_carousel";
}
else 
    if (page == "work") {
        var dataURL = currentURL + "xml/work_campaign?campaignID=" + campaignID + "&mediaID=" + getURLId;
    }
    else 
        if (page == "client") {
            var dataURL = currentURL + "xml/work_client?clientID=" + clientID + "&mediaID=" + getURLId;
        }
        else 
            if (page == "mediaType") {
                var dataURL = currentURL + "xml/work_media?mediaType=" + mediaType + "&mediaID=" + getURLId;
            }
            else 
                if (page == "office") {
                    var dataURL = currentURL + "xml/work_office?office=" + office + "&mediaID=" + getURLId;
                }

//var dataURL="xml/carousel.xml";


$(document).ready(function(){




    html = '<div id="slides" class="largeCar">';
    html += '<div class="hover" id="hover_prev_button"><div id="prev_inner"><img src="' + currentURL + 'images/pre.png" onmouseover="this.src=\'' + currentURL + 'images/preH.png\'" onmouseout="this.src=\'' + currentURL + 'images/pre.png\'"></div></div>';
    html += '<div class="hover" id="hover_next_button"><div id="next_inner"><img src="' + currentURL + 'images/left.png" onmouseover="this.src=\'' + currentURL + 'images/leftH.png\'" onmouseout="this.src=\'' + currentURL + 'images/left.png\'"></div></div>';
    html += '<img class="loading" src="' + currentURL + 'images/ajax-loader.gif" alt=""/>';
    html += '<div id="videoholder"></div>';
    html += '</div>';
    
    
    $('#carousel').append($(html));
    
    var tmpURL = currentURL + 'js/videojs-template.html';
    $.get(tmpURL, function(data){
        trace("loaded video template into video holder")
        $('#videoholder').html(data)
        //$('#videoholder').VideoJS();
    });
    
    $.ajax({
        type: "GET",
        url: dataURL,
        dataType: "xml",
        success: gotCampaignData
    });
    
    
    
    
});


function gotCampaignData(data){
    campaignData = data;
    campaignImagesSet = $(data).find('media').find('posterImage').find('url');
    loadNextImage();  
}

function loadNextImage(){
    var image = new Image();
    var imageurl = $(campaignImagesSet[count]).text();
 
    
    $(image).load(function(){
        imageArray.push(imageurl);
        count++;
        if (count < campaignImagesSet.length) {
            loadNextImage();
        }
        else {
            showData();
            buttonSetup();
            addCarouselItems();
        }
    }).error(function(){
    }).attr('src', imageurl);
};

function buttonSetup(){
    $(".hover").fadeTo(1, 0, function(){
        $(this).css("display", "block")
    });
}

function showData(){
    $(campaignData).find('media').each(function(){
        var html = '<div class="campaign">';
        html += '<h1 class="headline">' + $(this).find('headline').text() + '</h1>';
        html += '<hr>';
        html += '</div>';
        $('#data').append($(html));
    });
}

function addCarouselItems(){
    html = '<ul id="Mylist">';
    for (var i = 0; i < imageArray.length; i++) {
        html += '<li><img src="' + imageArray[i] + '" alt=""/></li>';
    }
    html += '</ul>';
    
    $('#slides').append($(html));
    $('#smallCarousel').append($(html));
    $('.loading').hide();
    var totalVideo = $('ul#Mylist li').length; // added on 21-01-2011
    if (totalVideo == 1) {
        $('#hover_next_button').css({
            'display': 'none'
        });
        $('#hover_prev_button').css({
            'display': 'none'
        });
    }
    
    liWidth();
    $('#slides ul').width(imageArray.length * item_width + 'px');
    
    // playbutton
    $('#carousel').append($('<div id="playbutton"></div>'));
    $('#carousel').append($('<div id="stopbutton"></div>'));
    //    $('#playbutton').hover(
    //            function() {
    //                stopAuto();
    //                $(this).css('background-color', '#E9138B');
    //                $(this).stop().fadeTo("fast", 0.95);
    //            },
    //            function() {
    //                $(this).css('background-color', 'gray');
    //                $(this).stop().fadeTo("fast", 0.7);
    //            }
    //            );
    
    // infobox
    //$('#carousel').append($('<div id="infobox"><h1></h1><p></p><a href="">More</a></div>'));
    $('#carousel').append($('<div id="infobox"><h1></h1><p></p></div>'));
    $('#infobox').hover(function(){
        stopAuto();
    }, function(){
    
    });
    
    startCarousel();
    videoSRC();
    
    
}

function startCarousel(){

    currentSlideIndex = 0;
    autoDetuctSlide();
    showInfo();
    
    $('#slides').bind('next_slide', {
        'msg': 'next slide'
    }, function(e){
        handleEvent(e);
    });
    $('#slides').bind('prev_slide', {
        'msg': 'previous slide'
    }, function(e){
        handleEvent(e);
    });
    $('#slides').bind('anim_start', {
        'msg': 'animation started'
    }, function(e){
        handleEvent(e);
    });
    $('#slides').bind('anim_done', {
        'msg': 'animation complete'
    }, function(e){
        handleEvent(e);
    });

    //grab the width and calculate left value
    liWidth();
	
    left_value = item_width * (-1);

    if (!$.browser.msie) {
        $(window).resize(function(){
			if(_isAnimating){
				$('#slides ul').stop(true,true);	
			}
            liWidth();
            left_value = item_width * (-1);   
        });  
    }
    
    
    //move the last item before first item, just in case user click prev button
    // $('#slides li:first').before($('#slides li:last'));
    
    //set the default item to the correct position
    //$('#slides ul').css({'left' : left_value});
    
    var lwidth = $('#slides ul').css('width');
    var totalWidth = item_width * currentSlideIndex + 'px';
    
    if (lwidth == totalWidth) {
        $('#slides ul').css({
            'left': -item_width * currentSlideIndex + (item_width)
        });
    }
    
    else {
        $('#slides ul').css({
            'left': -item_width * currentSlideIndex
        });
    }
 
    $('#hover_prev_button').hover(function(){
        $('#prev_inner').css('background-position', '-38px center')
    }, function(){
        $('#prev_inner').css('background-position', '0px center');
    });
    
    $('#hover_next_button').hover(function(){
        $('#next_inner').css('background-position', '0px center')
    }, function(){
        $('#next_inner').css('background-position', '38px center');
    });
    
    carouselOn();
    smlCarousel();
    campainType();
    socialUrl();
    caseStudy();  
}



function liWidth(){
    picResize();
    item_width = $('#slides li img').outerWidth();
	item_width = item_width == 0 ? $('#slides li img').width() : item_width;
    
    if ($('#videoholder').css('display') == 'block') {
		// this breaks the carousel change to match the width of the slides instead
		//item_width = document.body.clientWidth;
        $('#slides ul').css('left', -item_width * currentSlideIndex);    
    }
    else {
    
        if ($('#slides ul').css('left') == '0px') {
            $('#slides ul').css('left', 0);
        }
        else {
            $('#slides ul').css('left', -item_width * currentSlideIndex);
        }   
    }
}

function stopAuto(){
    clearInterval(autoNext);
}

function startAuto(){
    stopAuto();
    autoNext = setInterval('rotate()', autoDelay);
}

function rotate(){
    $('#hover_next_button').click();
    
}


/*
 *
 *     ------------------------------ Button Functions ------------------------------
 *
 */

// SEPARATE REGULAR CLICK EVENTS FROM TOUCH EVENTS
// THEN STOP VIDEO AND PROCEED TO NEXT SLIDE IF NEEDED
// DON'T ALLOW THE REGULAR EVENT TO FIRE IF WE GOT A TOUCH EVENT
function nextButtonClickEvent(){
	if(isTouched)return;
	nextButtonClick();
}

function prevButtonClickEvent(){
	if(isTouched)return;
	prevButtonClick();
}

// SEPARATE REGULAR CLICK EVENTS FROM TOUCH EVENTS
// THEN STOP VIDEO AND PROCEED TO NEXT SLIDE IF NEEDED
function nextButtonClickTouchEvent(){
	isTouched = true;
	try{
		//if (!getVideo().paused) {
			getVideo().pause();
			onVideoEnded();
		//}
		setTimeout(nextButtonClick,20);
		return;
	}catch(err){
		
	}
	nextButtonClick();
}

function prevButtonClickTouchEvent(){
	isTouched = true;
	try{
		//if (!getVideo().paused) {
			getVideo().pause();
			onVideoEnded();
		//}
		setTimeout(prevButtonClick,20);
		return;
	}catch(err){
		
	}
	
	prevButtonClick();
}

function nextButtonClickWrapper(){

	if(_videoStarted){
		try{
			if ($("#flash_fallback_1")) {
				if ($("#flash_fallback_1")[0].pauseVideo) {
					$("#flash_fallback_1")[0].pauseVideo();
					resetVideo();
					nextButtonClick();
					return;
				}
			}
		}catch(err){}
	}
	try {
		nextButtonClick();
	}catch(err){
		alert("nextButtonWrapper Error" + err)
	}
	
}

function prevButtonClickWrapper(){
	if(_videoStarted){
		try{
			if ($("#flash_fallback_1")) {
				if ($("#flash_fallback_1")[0].pauseVideo) {
					$("#flash_fallback_1")[0].pauseVideo();
					resetVideo();
					prevButtonClick();
					return;
				}
			}
		}catch(err){}
	}
	try {
		prevButtonClick();
	}catch(err){
		alert("prevButtonWrapper Error" + err)
	}
}


function nextButtonClick(){
	
	

	buttonsOff();
	hidePlayButton();
	hideStopButton();
    $('#slides').trigger('next_slide');
    showList();
    currentSlideIndex++;
    if (currentSlideIndex > campaignImagesSet.length - 1) 
        currentSlideIndex = 0;
    
    //get the right position
    if (smallCarosuelHit == 1) {
        var left_indent = newLeft;
        smallCarosuelHit = 0;
        startAuto();
    }
    else {
        var left_indent = parseInt($('#slides ul').css('left')) - item_width;
    }
    
    $('#slides').trigger('anim_start');
    
    var liwidth1 = -imageArray.length * item_width;
    var ulLeft = $('#slides ul').css('left');
    var nLeft = ulLeft.substr(0, ulLeft.length - 2);
    
    
    if (parseInt(liwidth1) > parseInt(nLeft - item_width * 2)) {
    
        if (smallCarosuelLastHit == 1) {
        
        
            if (smallastItem == 1) {
            
                if ($('#slides ul').css('left') == left_indent + 'px') {
                
                
                }
                else {
                
                
                    $('#slides ul li:first').before($('#slides ul li:last'));
                    $('#slides ul').css('left', -item_width);
		
					
                    $('#slides ul').stop().animate({
                        "left": 0
                    }, {
                        "duration": 1000,
                        "easing": "easeOutQuint",
                        "complete": function(){
                           $('#slides ul li:last').after($('#slides ul li:first'));
                        	$('#slides ul').css('left', left_indent);
							$('#slides').trigger('anim_done');
                        }
                    })
                    
                }
                
                
                smallastItem = 0;
            }
            else {
            
                if (parseInt(liwidth1) > parseInt(nLeft - item_width * 2)) {
                
                
                    if (smallastItem == 2) {
                    
                        $('#slides ul li:last').after($('#slides ul li:first'));
                        $('#slides ul').css('left', -(-nLeft - item_width));
						
                        
                        $('#slides ul').stop().animate({
                            "left": -(-nLeft - item_width) - item_width
                        }, {
                            "duration": 1000,
                            "easing": "easeOutQuint",
                            "complete": function(){
                         
                             	$('#slides ul li:first').before($('#slides ul li:last'));
                             	$('#slides ul').css('left', 0);
							 	$('#slides').trigger('anim_done');
                            }
                        })
                        
                        smallastItem = 0;
                        
                    }
                    else {
                        smallCarosuelLastHit = 0;
						
						
                        $('#slides ul').stop().animate({
                            "left": left_indent
                        }, {
                            "duration": 1000,
                            "easing": "easeOutQuint",
                            "complete": function(){
                         
							 $('#slides').trigger('anim_done');
                            }
                        });
                    }
                    
                    
                }
                else {
                    smallCarosuelLastHit = 0;
					
						
                    $('#slides ul').stop().animate({
                        "left": left_indent
                    }, {
                        "duration": 1000,
                        "easing": "easeOutQuint",
                        "complete": function(){
                           
							$('#slides').trigger('anim_done');
                        }
                    });
                }
                
            }
            
            
        }
        else {
        
        
            $('#slides ul').css('left', left_indent + item_width + item_width);
            $('#slides ul li:last').after($('#slides ul li:first'));
			
			
			
            $('#slides ul').stop().animate({
                "left": left_indent + item_width
            }, {
                "duration": 1000,
                "easing": "easeOutQuint",
                "complete": function(){
                	 smallCarosuelHit = 0; //startAuto();
                    $('#slides ul li:first').before($('#slides ul li:last'));
                    $('#slides ul').css('left', 0);
					$('#slides').trigger('anim_done');
                }
            });
        }
        
        
    }
    
    else {
        smallCarosuelLastHit = 0;
        
        if (smallastItem == 1) {
        
        
        
            if ($('#slides ul').css('left') == left_indent + item_width + 'px') {
				
            
                //$('#slides ul li:first').before( $('#slides ul li:last'));				
                //$('#slides ul').css('left', -item_width);													
                $('#slides ul').stop().animate({
                    "left": left_indent
                }, {
                    "duration": 1000,
                    "easing": "easeOutQuint",
                    "complete": function(){
                        $('#slides').trigger('anim_done');
                    }
                })
                
                
                
            }
            else {
            
                $('#slides ul li:first').before($('#slides ul li:last'));
                $('#slides ul').css('left', -item_width);
				
				
				
                $('#slides ul').stop().animate({
                    "left": 0
                }, {
                    "duration": 1000,
                    "easing": "easeOutQuint",
                    "complete": function(){
                       $('#slides ul li:last').after($('#slides ul li:first'));
                    $('#slides ul').css('left', left_indent);
					$('#slides').trigger('anim_done');
                    }
                })
            }
            
            
            smallastItem = 0;
        }
        else {
        
            smallCarosuelLastHit = 0;
			
            
            $('#slides ul').stop().animate({
                "left": left_indent
            }, {
                "duration": 1000,
                "easing": "easeOutQuint",
                "complete": function(){
                	$('#slides').trigger('anim_done');
                }
            });
            
            
        }
        
        
        
    }
    
    
    socialUrl();
    
    
    //cancel the link behavior
    return false;
    
}

function prevButtonClick(){

	
	buttonsOff();
	hidePlayButton();
	hideStopButton();
    $('#slides').trigger('prev_slide');
    showList();
    currentSlideIndex--;
	
    if (currentSlideIndex < 0) {
		currentSlideIndex = campaignImagesSet.length - 1;
	}

    
    //get the right position
    var left_indent = parseInt($('#slides ul').css('left')) + item_width;

    $('#slides').trigger('anim_start');
    
    var liwidth1 = -imageArray.length * item_width;
    var ulLeft = $('#slides ul').css('left');
    var nLeft = ulLeft.substr(0, ulLeft.length - 2);
    if (parseInt(liwidth1) > parseInt(nLeft - item_width * 2)) {
		
		
		// since animate wants to take the long route to the number we use a custom
		// animation to do the same
		// UPDATED 2011/08/11
		$('#slides ul').stop().animate({"opacity":2}, {"duration": 1000,"easing": "easeOutQuint", "step": function(currentStep) { 
			var p =(currentStep-1/1); 
			$('#slides ul').css('left', ((left_indent-item_width) + item_width*p))  
		},"complete":function(){
			$('#slides').trigger('anim_done');
		}});
		
		
		// original version
		/*
        $('#slides ul').stop().animate({
            "left": left_indent
        }, {
            "duration": 1000,
            "easing": "easeOutQuint",
            "complete": function(){
            	$('#slides').trigger('anim_done');
            }
        });
        */
        
    }
    
    else 
        if (nLeft == 0) {

            $('#slides ul li:first').before($('#slides ul li:last'));
            $('#slides ul').css('left', -item_width);
			

            
            $('#slides ul').stop().animate({
                "left": 0
            }, {
                "duration": 1000,
                "easing": "easeOutQuint",
                "complete": function(){
                    $('#slides ul li:last').after($('#slides ul li:first'));
                	$('#slides ul').css('left', -item_width * imageArray.length + item_width);  
					$('#slides').trigger('anim_done');
                }
            });
        }
        
        else {
			
			
            $('#slides ul').stop().animate({
                "left": left_indent
            }, {
                "duration": 1000,
                "easing": "easeOutQuint",
                "complete": function(){
                  $('#slides ul').css("left",left_indent);
					$('#slides').trigger('anim_done');
                }
            });
            
        }
    
    return false;
}

function onVideoUpdate(event){
	
}

function resetVideo(){
	if(_videoStarted){
		try{
			if ($("#flash_fallback_1")) {
				if ($("#flash_fallback_1")[0].pauseVideo) {
					$("#flash_fallback_1")[0].pauseVideo();
					resetVideoHolder();
					//showInfo();
					return false;
				}
			}
		}catch(err){}
	}
	resetVideoHolder();
	//showInfo();
	return false;
}


function onVideoEnded(event){
	//console.log("onVideoEnded")
	_videoStarted = false;
	var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
	if(is_chrome && _isFullScreen){
		$('html').css({overflow:"auto"})
		$('.video-js-box').appendTo($('#vdCon'));
		$('.video-js-box').width(960);
	
	}
	
	resetVideoHolder(); 
	hideStopButton();
	showPlayButton();
	showInfo();
}

function onVideoPlay(event){
	//console.log("onVideoPlay")
	stopAuto();
}

function onVideoStarted() {
	_videoStarted = true;
   onVideoPlay();
}

function onVideoUnPaused() {
   onVideoPlay();
}

function onVideoPaused(event){
	//console.log("onVideoPaused")
	// on iPhone clicking done throws a paused event
	if(VideoJS.isIPhone()){
		onVideoEnded({})
		return;
	}
}

function onVideoFullScreenOn(event){	
	//console.log("onVideoFullScreenOn")
	var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
	if(is_chrome){
		$('.vjs-fullscreen').appendTo($('body'));
		getVideoPlayer().play();
	}
	_isFullScreen = true;
	hidePreviousNextButtons();
}

function onVideoFullScreenOff(event){
	//console.log("onVideoFullScreenOff")
	var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
	if(is_chrome){
		$('.video-js-box').appendTo($('#vdCon'));
		$('.video-js-box').width(960);
		getVideoPlayer().play();
	}
	_isFullScreen = false;
	if (VideoJS.isIOS() || VideoJS.isAndroid()) {
		slidesMouseOver();
	}
}

function onVideoError(event){
	// maybe clicking too fast try again one more time
	if (numErrors++ < 2) {
		setTimeout(playVideo, 200);
	}else{
		alert("Sorry this video cannot be played at this time");
		try{
			 resetVideoHolder();
			 showPlayButton(); 
		}catch(err){}
		
	}
	console.log("********** ERROR *************")
}

function resetVideoHolder(){
	
	if(_videoStarted){
		try{
			if ($("#flash_fallback_1")) {
				if ($("#flash_fallback_1")[0].pauseVideo) {
					$("#flash_fallback_1")[0].pauseVideo();
				}
			}
		}catch(err){}
	}
	
	if ($('#videoholder').css('display') != 'block')return;
    $("#vdCon").empty();
	hideVideoHolder();
    buttonsOn();
    showInfoAgain();
    stopAuto();
	hideStopButton();
    showList();
	showInfo();
}

function getVideo(){
	return $('#video').get(0) || $('#video');
}

function getVideoPlayer(){
	return getVideo().player;
}

function hideList(){
	$('#playbutton').css('display','none');
}

function showList(){
	$('#playbutton').css('display','block');
}

function showVideoHolder(){
	$('#videoholder').css('display', 'block');
}

function hideVideoHolder(){
	$('#videoholder').css('display', 'none');
}


function playButtonClick(){
	numErrors = 0;
	playVideo();
}

var androidCount = 0;
function playVideo(){
	
	
	if(navigator.userAgent.match(/MSIE/i) || navigator.userAgent.match(/Firefox/i)){
		try {
			setVideo();
			hidePlayButton();
			hideList();
			hideInfo();
			carouselOff();
			showVideoHolder();
			leftRight();
			$('#vdCon').css('width', '100%');
		} 
		catch (errorb) {
			//console.log("error playing video on msie")
			//console.log(errorb)
		}
		return;
	}

	try {
		
			// ANDROID DOESNT GET ended EVENT PROPERLY THIS IS THE WORKAROUND
			androidVideoHasStarted = false;
			if(androidVideoTimer)clearInterval(androidVideoTimer);
			setVideo();
			
			if(!VideoJS.isAndroid()){
				hidePlayButton();
				hideList();
				hideInfo();
				carouselOff();
				showVideoHolder();
				leftRight();
			}else{
				stopAuto();
				showVideoHolder();
				androidVideoTimer = setInterval(function(){
					if(!videoPlayer.video.duration || videoPlayer.video.duration > 5999)return; // wait until video is ready android shows 6000 when it has no duration
					if(!androidVideoHasStarted){
						if(videoPlayer.video.currentTime > 0){
							androidVideoHasStarted = true;
						}
					}else{
						if(videoPlayer.video.currentTime == 0){
							androidVideoHasStarted = false;
							clearInterval(androidVideoTimer)
							onVideoEnded();
						}
					}
					
				},30)
			}
			
		
		if (!$.browser.msie) 
			startCount();
		
		$('video').VideoJS();
		$('#vdCon').css('width', '100%');
		
		// change spinner to standard style so overwrite css
		$(".vjs-spinner").html('<span style="position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; z-index: 1; margin: -50px 0 0 -50px;"><img src="/images/ajax-loader2.gif" border="0" /></span>')
		
		
		videoPlayer = getVideoPlayer();
		$(videoPlayer).bind(VideoJS.ON_VIDEO_ENDED, onVideoEnded);
		$(videoPlayer).bind(VideoJS.ON_VIDEO_PLAY, onVideoPlay);
		$(videoPlayer).bind(VideoJS.ON_VIDEO_PAUSED, onVideoPaused);
		$(videoPlayer).bind(VideoJS.ON_VIDEO_FULLSCREEN_ON, onVideoFullScreenOn);
		$(videoPlayer).bind(VideoJS.ON_VIDEO_FULLSCREEN_OFF, onVideoFullScreenOff);
		$(videoPlayer).bind(VideoJS.ON_VIDEO_ERROR, onVideoError);
		

		
	}catch(e){
		
		//console.log("error setting play listeners")
		//console.log(e)
		//console.log(getVideoPlayer())
		//console.log($('#vdCon'))
	}
	
	try{
		videoPlayer.play(); 
	}catch(err){
		
		//console.log("error trying to play")
		resetVideoHolder();
	}
	
}



/*
 *
 *     ------------------------------ CAROUSEL BINDINGS ------------------------------
 *
 */
function slidesMouseOver(){
	
    stopAuto();
     
    if (campaignImagesSet.length == 1) {// adeed on 22-01-2011
        hidePreviousNextButtons();
    }else {
        showPreviousNextButtons();
    }
    
    if ($('#videoholder').css('display') == 'block') {
        showStopButtonHidePlayButton();
    }else {
    	showPlayButtonHideStopButton();  
    }
	
	try{
		if (_videoStarted && $("#flash_fallback_1")) {
			if ($("#flash_fallback_1")[0].showControls) {
				$("#flash_fallback_1")[0].showControls();
			}
		}
	}catch(err){}

    campainType();
}

function isVideoFullScreen(){
	try{
		var video = getVideo();
		if(video.videoIsFullScreen)return true;
	}catch(err){return false}
	return false;
}

function showPreviousNextButtons(){
	if(isVideoFullScreen())return;
	$("#hover_prev_button").stop().fadeTo("fast", 1);
    $("#hover_next_button").stop().fadeTo("fast", 1);
}

function hidePreviousNextButtons(){
	$("#hover_prev_button").css({
        'display': 'none'
    });
    $("#hover_next_button").css({
        'display': 'none'
    });
}

function showPlayButtonHideStopButton(){
	//$('#playbutton').stop().fadeTo("fast", 0.8);
    //$('#stopbutton').stop().fadeTo("fast", 0.0);
	showPlayButton()
	hideStopButton();
    $('#stopbutton').css('z-index', '3000');
}

function showStopButtonHidePlayButton(){
	//$('#playbutton').stop().fadeTo("fast", 0.0);
   // $('#stopbutton').stop().fadeTo("fast", 0.8);
   showStopButton()
   hidePlayButton();
    $('#stopbutton').css('z-index', '4100'); 
}

function slidesMouseOut(){
    startAuto();
    $("#hover_prev_button").stop().fadeTo("fast", 0);
    $("#hover_next_button").stop().fadeTo("fast", 0);
    $('#playbutton').stop().fadeTo("fast", 0);
    $('#stopbutton').stop().fadeTo("fast", 0.0);
    $('#stopbutton').css('z-index', '3000');
    
    if ($('body').attr('id') == 'inside') {
        stopAuto();  
    } 
	

	try{
		if (_videoStarted && $("#flash_fallback_1")) {
			if ($("#flash_fallback_1")[0].hideControls) {
				$("#flash_fallback_1")[0].hideControls();
			}
		}
	}catch(err){}
}

function carouselOn(){
    startAuto();
    buttonsOn();
	
	// show arrows on mobile devices all the time
	if (VideoJS.isIOS() || VideoJS.isAndroid()) {
		slidesMouseOver();
		$('#carousel').bind('mouseover', slidesMouseOver);
	}else{
		$('#carousel').bind('mouseover', slidesMouseOver);
    	$('#carousel').bind('mouseout', slidesMouseOut);
	}

    
    if ($('body').attr('id') == 'inside') {
        stopAuto(); 
    } 
}

function carouselOff(){
    stopAuto();
    buttonsOff();
    $('#playbutton').stop().fadeTo("fast", 0);
    $('#slides').unbind();
}

var isButtonsOn = false;
var isTouched = false;
function buttonsOn(){

	buttonsOff(); // make sure we don't get duplicate events building

	if (VideoJS.isIOS()) {
		
		$('#hover_next_button').bind('click.buttonNamespace', nextButtonClickEvent);
    	$('#hover_prev_button').bind('click.buttonNamespace', prevButtonClickEvent);
		//$('#playbutton').bind('click.buttonNamespace', function(){
			//playButtonClick()
		//});
	}else{
		$('#hover_next_button').bind('click.buttonNamespace', nextButtonClickWrapper);
    	$('#hover_prev_button').bind('click.buttonNamespace', prevButtonClickWrapper);
   	 	$('#playbutton').bind('click.buttonNamespace', playButtonClick);
	}

    $('#playbutton , #stopbutton').hover(function(){
        stopAuto();
        $(this).css('background-color', '#E9138B');
        $(this).stop().fadeTo("fast", 0.5);

    }, function(){
        $(this).css('background-color', 'gray');
        $(this).stop().fadeTo("fast", 0.5);
    }); 
}

function buttonsOff(){
    $('#hover_next_button').unbind('click.buttonNamespace');
    $('#hover_prev_button').unbind('click.buttonNamespace');
	$('#hover_next_button').unbind('click.buttonNamespaceEvent');
    $('#hover_prev_button').unbind('click.buttonNamespaceEvent');
    $('#playbutton').unbind();
}

function hidePlayButton(){
    $('#playbutton').stop().fadeTo("fast", 0);
    $('#playbutton').stop().css({
        'display': 'none'
    }); //added on 21-10-2011
}

//TRAVERSE UNTIL WE GET A CLASS RETURN THAT
function getParentClass(obj){
	var a = function(innerObj){
		if($(innerObj).attr("class"))return $(innerObj).attr("class");
		if(!$(innerObj).parent())return null;
		a($(innerObj).parent());
	}

	return a(obj)
}

// REGISTER TOUCH EVENTS FOR MOBILE
// HANDLE TOUCH EVENTS SO WE DON'T HAVE TO DO WIERD FOCUS CLICKS
// TOUCH SHOULD BE PROPOGATED TO ALL CLICKS FOR MOBILE AS WELL
var ___inited = false;
function showPlayButton(){
    $('#playbutton').stop().fadeTo("fast", 0.5);
	
	if(VideoJS.isIOS() || VideoJS.isAndroid()){
		if(___inited)return
		___inited = true;
		document.addEventListener('touchend', function(event) {

	   		if(event.target.id == 'playbutton'){
				handleTouchEvents('playbutton',event);
			}else{
				if($(event.target).attr('class')){
					
					handleTouchEvents($(event.target).attr('class'),event);
				}else {
					var c;
					var d;
					$(event.target).parents().map(function(){
						if(c)return
						if($(this).attr('class')){
							c = $(this).attr('class');
							d = $(this);
						}					
					})
					
					if(c)handleTouchEvents(c,event,d);
				}
			}
		}, true);
	}
			
}

var controllerPlayIsFocused = false;
var controllerPlayFirstFocus = false;

function handleTouchEvents(c,evt,d){
	
	if(_isAnimating)return;
	
	var list = c.split(" ");
	if(list.length > 1){
		for(var j in list){
			handleTouchEvents(list[j],evt)
		}
		return;
	}
	//console.log("::::"+[c,evt,controllerPlayIsFocused])
	
	// NOTE YOU CANNOT CHANGE VOLUME THROUGH JAVASCRIPT
	// IN IOS DEVICES - YES THIS IS STUPID
	
	switch (c){
		
		//CLICK ARROW BUTTON
		case 'hover': 
		
			if($(d).attr('id') == 'hover_next_button'){
				nextButtonClickTouchEvent();
				return;
			}
			if($(d).attr('id') == 'hover_prev_button'){
				prevButtonClickTouchEvent();
				return;
			}
			break;
			
		//CLICK PLAY BUTTON
		case 'playbutton': 
			//console.log("======== play button clicked ========")
			playButtonClick();
			break;
			
		//CLICK PLAY CONTROLLER
		case 'vjs-play-control': 
			controllerPlayFirstFocus = controllerPlayIsFocused ? false : true;
			controllerPlayIsFocused = true;
			break;
			
		//CLICK PLAY BUTTON
		case 'vjs-play': 
			if(controllerPlayIsFocused && !controllerPlayFirstFocus)return
			controllerPlayIsFocused = true;
			if(getVideo().paused)getVideo().play();
			break;
			
		//CLICK PAUSE BUTTON
		case 'vjs-pause': 
			if(controllerPlayIsFocused && !controllerPlayFirstFocus)return
			controllerPlayIsFocused = true;
			if(!getVideo().paused)getVideo().pause();

			break;
			
		// CLICK VIDEO
		case 'video-js': 
			controllerPlayIsFocused = false;
			//getVideoPlayer().toggle();
			break;
			
		// CLICK VIDEO PROGRESS BAR
		case 'video-play-progress': 
			controllerPlayIsFocused = false;
			getVideoPlayer().controllerProgessClick();
			break;
			
		// CLICK VIDEO LOAD PROGRESS BAR
		case 'video-load-progress': 
			controllerPlayIsFocused = false;
			getVideoPlayer().controllerProgessClick();
			break;
			
		// CLICK VIDEO CONTROLLER VOLUME
		case 'vjs-volume-control': 
			// can't change volume so fade
			$(evt.target).fadeTo(.2,.3);
			controllerPlayIsFocused = false;
			break;
			
		// CLICK VIDEO CONTROLLER VOLUME
		case 'vjs-volume-level-on': 
			// can't change volume so fade
			$(evt.target).parent().parent().fadeTo(.2,.3);
			controllerPlayIsFocused = false;
			break;
			
		// CLICK FULLSCREEN CONTROLLER BUTTON
		case 'vjs-fullscreen-control': 
			controllerPlayIsFocused = false;
			getVideoPlayer().fullScreenClick();
			break;
			
		default:
			controllerPlayIsFocused = false;
			break

	}
}

function hideStopButton(){
    $('#stopbutton').stop().fadeTo("fast", 0);
    $('#stopbutton').stop().css({
        'display': 'none'
    }); //added on 21-10-2011
}

function showStopButton(){ 
    $('#playbutton').stop().fadeTo("fast", 0.5);
}

function showInfo(){
    var headline = $(campaignData).find('media').eq(currentSlideIndex).find('headline').text();
    var body = $(campaignData).find('media').eq(currentSlideIndex).find('body').text();
    var link = $(campaignData).find('media').eq(currentSlideIndex).find('link').text();
    var mediaID = $(campaignData).find('media').eq(currentSlideIndex).attr('id');
    var campaignID = $(campaignData).find('media').eq(currentSlideIndex).find('campaignID').text();

    
    $('#infobox h1').text(headline);
    $('#infobox p').text(body);
    
    if (link != "") {
        //$('#infobox a').attr('href', link);
        $('#infobox a').attr('target', '_blank');
    }
    else {
        //$('#infobox a').attr('href', currentURL + "work/campaign?campaignID=" + campaignID + "&mediaID=" + mediaID);
        //$('#infobox a').attr('target', '_self');
    }
   
   $("#infobox").css("bottom","7%");
   $('#infobox').stop().fadeTo("fast", .9);
    caseStudy(); // Added on 22-01-2011 
}

function hideInfo(){
    $('#infobox').stop().fadeTo("fast", 0);
}

/* check video status  and ended point*/
// MOVE THE END CHECK TO THE LISTENER DISPATCHED FROM VIDEO CLASS
function startCount(){
    enableFullScreenButton();
}

function enableFullScreenButton(){
	$('.vjs-fullscreen-control').click(function(){
    	hidePreviousNextButtons();
	})
}

/* unbine hover left right aero*/
function leftRight(){
	
    $('#next_inner').click(function(){
		resetVideoHolder();
		//resetVideo();
		//nextButtonClick();
    })
    
    $('#prev_inner').click(function(){
    	resetVideoHolder();
		//resetVideo();
		//prevButtonClick()
    })
    
    $('#stopbutton').click(function(){
        resetVideoHolder(); 
		//resetVideo();
    })
    
}

function showInfoAgain(){
    $('#slides').bind('next_slide', {
        'msg': 'next slide'
    }, function(e){
        handleEvent(e);
    });
    $('#slides').bind('prev_slide', {
        'msg': 'previous slide'
    }, function(e){
        handleEvent(e);
    });
    $('#slides').bind('anim_start', {
        'msg': 'animation started'
    }, function(e){
        handleEvent(e);
    });
    $('#slides').bind('anim_done', {
        'msg': 'animation complete'
    }, function(e){
        handleEvent(e);
    });
    
}

function killVideo(){
	
}



function setVideo(){

        stopAuto();
		
        var videoType = $(campaignData).find('media').eq(currentSlideIndex).find('video');
		if(!videoType)return

        var h264 = $(videoType).find('h264').text();
        var ogv = $(videoType).find('ogg').text();
        var mobile = $(videoType).find('mobile').text();
		

		if(!h264 && !ogv && !mobile)return
		
		
	
        
        var posterImage = $(campaignData).find('media').eq(currentSlideIndex).find('posterImage').find('url').text();

        if (navigator.userAgent.match(/webOS/i) ||
        navigator.userAgent.match(/iPhone/i) ||
        navigator.userAgent.match(/iPad/i) ||
        navigator.userAgent.match(/iPod/i) 
       ) {
			
			// REMOVED POSTER IMAGE SINCE THERE IS ALREADY ONE IN THE CAROUSEL
			// AND IN SAFARI IT DOESN'T PLAY NICE
			
            $("#vdCon").empty().append('<div class="video-js-box tube-css"><video id="video" class="video-js" width="100%" height="100%"   controls="controls" preload="preload" autoplay = false ><source codecs="avc1.42E01E, mp4a.40.2"  id="mp4" src="' + mobile + '"></video></div>');  
        	//$("#vdCon").empty().append('<div class="video-js-box tube-css"><video id="video" class="video-js" width="100%" height="100%"   controls="controls" preload="preload" poster="' + posterImage + ' " autoplay = false ><source codecs="avc1.42E01E, mp4a.40.2"  id="mp4" src="' + mobile + '"></video></div>');  
        
		}else if( navigator.userAgent.match(/Android/i)){
            $("#vdCon").empty().append('<div class="video-js-box tube-css"><video id="video" class="video-js" width="100%" height="100%"   controls="controls" preload="preload"  autoplay = false ><source type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\' id="mp4" src="' + h264 + '"><source  type=\'video/ogg; codecs="theora, vorbis"\' id="ogg" src="' + ogv + ' "><object id="flash_fallback_1" class="vjs-flash-fallback" width="100%" height="100%" type="application/x-shockwave-flash" data="/js/genericPlayer.swf"><param name="movie" value="/js/genericPlayer.swf" /><param name="wmode" value="transparent" /><param name="allowfullscreen" value="true" /><param name="allowScriptAccess" value="sameDomain" /><param name="flashvars" value=\'config={"playlist":["' + posterImage + '", {"url": "' + h264 + '","autoPlay":false,"autoBuffering":true}]}\' /></object></video></div>'); 	
		}else if( navigator.userAgent.match(/Firefox/i)){
			 $("#vdCon").empty().append('<div class="video-js-box tube-css" style="background:black"><object id="flash_fallback_1" class="vjs-flash-fallback" width="100%" height="100%" type="application/x-shockwave-flash" data="/js/genericPlayer.swf"><param name="movie" value="/js/genericPlayer.swf" /><param name="wmode" value="transparent" /><param name="allowfullscreen" value="true" /><param name="allowScriptAccess" value="sameDomain" /><param name="flashvars" value="url=' + h264  + '" /></object></div>'); 	
	
		}else if( navigator.userAgent.match(/WebKit/i)){
			$("#vdCon").empty().append('<div class="video-js-box tube-css"><video id="video" class="video-js" width="100%" height="100%"   controls="controls" preload="preload"  autoplay = false ><source type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\' id="mp4" src="' + h264 + '"><source  type=\'video/ogg; codecs="theora, vorbis"\' id="ogg" src="' + ogv + ' "><object id="flash_fallback_1" class="vjs-flash-fallback" width="100%" height="100%" type="application/x-shockwave-flash" data="/js/genericPlayer.swf"><param name="movie" value="/js/genericPlayer.swf" /><param name="wmode" value="transparent" /><param name="allowfullscreen" value="true" /><param name="allowScriptAccess" value="sameDomain" /><param name="flashvars" value="url=' + h264  + '" /></object></video></div>');	
		}else{
			// $("#vdCon").empty().append('<div class="video-js-box tube-css"><video id="video" class="video-js" width="100%" height="100%"   controls="controls" preload="preload"  autoplay = false ><source type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\' id="mp4" src="' + h264 + '"><source  type=\'video/ogg; codecs="theora, vorbis"\' id="ogg" src="' + ogv + ' "><object id="flash_fallback_1" class="vjs-flash-fallback" width="100%" height="100%" type="application/x-shockwave-flash" data="/js/genericPlayer.swf"><param name="movie" value="/js/genericPlayer.swf" /><param name="wmode" value="transparent" /><param name="allowfullscreen" value="true" /><param name="allowScriptAccess" value="sameDomain" /><param name="flashvars" value="url=' + h264  + '" /></object></video></div>'); 	
			$("#vdCon").empty().append('<div class="video-js-box tube-css" style="background:black"><object id="flash_fallback_1" class="vjs-flash-fallback" width="100%" height="100%" type="application/x-shockwave-flash" data="/js/genericPlayer.swf"><param name="movie" value="/js/genericPlayer.swf" /><param name="wmode" value="transparent" /><param name="allowfullscreen" value="true" /><param name="allowScriptAccess" value="sameDomain" /><param name="flashvars" value="url=' + h264  + '" /></object></div>'); 	
	
		
		}

		var video1 = document.getElementById('video');
		if( navigator.userAgent.match(/Firefox|MSIE/i)){
			//video1.autoplay = true;
		}else{
			video1.autoplay = false;
		}
		
		
        
        
}
function thisMovie(movieName) {
     if (navigator.appName.indexOf("Microsoft") != -1) {
         return window[movieName];
     } else {
         return document[movieName];
     }
 }

/* load dynamic vedio */
function videoSRC(){

    $('#slides li img').hover(function(){
		
		try {
			//setVideo();
		}catch(err){}
  
    }, function(){
    
    })
    
    
    
}

/* check campaign type*/
function campainType(){

    var checkCampaignType = $(campaignData).find('media').eq(currentSlideIndex).attr('type');
    
    
    if (checkCampaignType == 'Web') {
        hidePlayButton();
        $('#stopbutton').css({
            'display': 'none'
        }); //added on 21-10-2011
    }
    
    if (checkCampaignType == 'Print') {
        hidePlayButton();
        $('#stopbutton').css({
            'display': 'none'
        }); //added on 21-10-2011
    }
    
    if (checkCampaignType == 'Branding-Slides') {
        hidePlayButton();
        hideInfo();
        
        
    }
    else {
    }
    
    
}

/* small carousal */

function smlCarousel(){
    var totalThomb = $('#smallCarousel ul li').length;
    
    if (totalThomb == 1) {// added on 22-01-2011
        $('.workslides').css('display', 'none');
    }
    
    if (totalThomb < 3) {
        $('#smallCarousel').append('<div id="smlNextDisable"></div> ');
        $('#smallCarousel').prepend('<div id="smlPreDisable"></div>');
    }
    
    else {
        $('#smallCarousel').append('<div id="smlNext"><img src="' + currentURL + 'images/btn_slideright1.png" onmouseover="this.src=\'' + currentURL + 'images/btn_slideright2.png\'" onmouseout="this.src=\'' + currentURL + 'images/btn_slideright1.png\'" ></div>');
        $('#smallCarousel').prepend('<div id="smlPre"><img src="' + currentURL + 'images/btn_slideleft1.png" onmouseover="this.src=\'' + currentURL + 'images/btn_slideleft2.png\'" onmouseout="this.src=\'' + currentURL + 'images/btn_slideleft1.png\'"></div>');
    	
		// fix for IE bug here
		$("#smlPre img").css("width","20px");
		$("#smlPre img").css("height","74px");
		$("#smlNext img").css("width","20px");
		$("#smlNext img").css("height","74px");
	}
    
    
    $('#smallCarousel ul').css('width', thombWidth * totalThomb);
    $('#smallCarousel ul').wrapAll('<div class="smallCon"></div>');
    if (currentSlideIndex == 0) {
        $('#smallCarousel').append('<div class="slidecounter"><span id="visited">1</span> / <span id="total"> ' + totalThomb + ' </span></div>');
    }
    else {
        $('#smallCarousel').append('<div class="slidecounter"><span id="visited">' + (parseInt(currentSlideIndex) + 1) + '</span> / <span id="total"> ' + totalThomb + ' </span></div>')
    }
    
    
    
    
    $('#smallCarousel ul li').click(function(){
        if ($('#videoholder').css('display') == 'block') {
            hideVideoHolder();
            //var video = $('#video').get(0);		
            $("#vdCon").empty();
            buttonsOn();
            showInfoAgain();
            stopAuto();
        }
        
        else {
        }
        
        stopAuto();
        var currentPic = $(this).attr('value');
        
        liWidth();
        newLeft = -item_width * currentPic;
        
        
        if (currentPic == totalThomb - 1) {
            smallastItem = 1;
            
        }
        else {
        }
        
        if (currentPic == 0) {
        
            if (totalThomb == 1) {
            
            }
            else {
                smallastItem = 2;
            }
            
            
            
        }
        else {
        }
        
        smallCarosuelHit = 1;
        smallCarosuelLastHit = 1;
        currentSlideIndex = currentPic - 1;
        nextButtonClick();
        
        $('#visited').text(currentPic + 1);
        return false;
        
    })
    
    
    
    $('#smallCarousel ul li:first').addClass('current');
    for (var i = 0; i <= totalThomb; i++) {
    
        var current = $('#smallCarousel ul li.current');
        var next = current.next();
        current.attr('value', i);
        next.addClass('current');
        current.removeClass('current');
        
    }
    
    
    
    if (currentSlideIndex == 0) {
    
        if (totalThomb == 1) {
            $('#smallCarousel li:first').addClass('active');
            
        }
        else {
        
            $('#smallCarousel li:first').before($('#smallCarousel li:last'));
            $('#smallCarousel li:first').next('li').addClass('active');
            
        }
        
        
        
    }
    else {
        $('#smallCarousel ul li:eq(' + currentSlideIndex + ')').addClass('active');
    }
    
    if (currentSlideIndex == totalThomb) {
    
        $('#smallCarousel ul li:last').addClass('active');
        $('#smallCarousel li:first').after($('#smallCarousel li:last'))
    }
    else {
    }
    
    var totalLi = $('#smallCarousel ul').find('li.active');
    var x1 = totalLi.prev('li').prevAll('li');
    var y = $('#smallCarousel ul li:last');
    $(y).after($(x1));
    
    if (totalThomb == 1 || totalThomb == 2) {
        $('#smallCarousel ul').css('left', -0);
        
        
    }
    else {
        $('#smallCarousel ul').css('left', -50);
    }
    
    
    
    smallThomFade();
    smallCarEvent()
    
    
    
    
    $('#smallCarousel ul li.active').find('img').fadeTo('fast', 1);
	
	// fix some problems with IE7
	// updated: 3/20/2011
	doMSIE7Fix();
    
}

// fix some problems with IE7
// updated: 3/20/2011
function doMSIE7Fix(){
	if($.browser.msie &&  parseInt($.browser.version, 10)< 8){
		$("#smallCarousel").css("left","130%").css("top","-120px").css("float","right");
		$(".workinfo").html($("#infobox").html());
		$(".workinfo a").css("display","none").attr("id","caseStudy").addClass("button");
	}
}

function smallCarEvent(){

    var totalThomb = $('#smallCarousel ul li').length;
    var animating = false;
    
    $('#smlNext').click(function(){

    	if(animating)return;
		animating = true;
		
        smallCurrentIndex = -1;

		//var w = $('#smallCarousel ul').width();
		//$('#smallCarousel ul').width(w + $('#smallCarousel li:last').width())
		//$('#smallCarousel li:first').clone().appendTo($('#smallCarousel ul'));

        $('#smallCarousel ul').stop().animate({
            left: thombWidth * smallCurrentIndex
        }, 1000, function(){
		
			//console.log($(tmp))
			
			//$('#smallCarousel li:last').remove();
			//$('#smallCarousel ul').width(w)
            $('#smallCarousel ul').css('left', '-50px');
            $('#smallCarousel li:last').after($('#smallCarousel li:first'));
            var active = $('#smallCarousel ul li.active');
            var nextActive = active.next();
            nextActive.addClass('active');
            active.removeClass('active');
            $('#smallCarousel ul li.active').next('li').removeClass('active');	
            $('#smallCarousel ul li img').fadeTo(100, 0.4);
            $('#smallCarousel ul li.active').find('img').fadeTo('slow', 1);
            var visited = $('#smallCarousel ul li.active').attr('value');
            
            $('#visited').text(visited + 1);
			animating = false;
        });
		

        
        return false;
        
    })
    
    $('#smlPre').click(function(){
		
		//console.log("left")
		
	//if(animating)return;
   // animating = true;
	
	//var w = $('#smallCarousel ul').width();
		//$('#smallCarousel ul').width(w + $('#smallCarousel li:last').width())
		
		
        var active = $('#smallCarousel ul li.active');
        var nextActive = active.prev();
        nextActive.addClass('active');
        active.removeClass('active');
        
        smallCurrentIndex = 1;
        $('#smallCarousel ul').css('left', -thombWidth), function(){
        };
        

		
		//$('#smallCarousel li:last').clone().appendTo($('#smallCarousel ul'));
		
        $('#smallCarousel li:first').before($('#smallCarousel li:last'), function(){
            $('#smallCarousel ul').animate({
                left: -thombWidth * smallCurrentIndex
            }, 1000);
            
        });
        
        $('#smallCarousel ul').animate({
            left: -50
        }, 1000,function(){
			//$('#smallCarousel li:last').remove();
			//$('#smallCarousel ul').width(w);
			//animating = false;
		});
		

			
        $('#smallCarousel ul li img').fadeTo(100, 0.4);
        
        
        $('#smallCarousel ul li.active').find('img').fadeTo('slow', 1);
        
        var visited = $('#smallCarousel ul li.active').attr('value');
        
        $('#visited').text(visited + 1);
        return false;
        
        
    })
    
    
}

function smallThomFade(){


    var totalThomb = $('#smallCarousel ul li').length;
    
    
    $('#smallCarousel ul li img').fadeTo(100, 0.4);
    
    $('#smallCarousel ul li img').hover(function(){
        if ($(this).parent('li').attr('class') == 'active') {
        }
        else {
            $(this).fadeTo('fast', 0.7);
        }
        
    }, function(){
        if ($(this).parent('li').attr('class') == 'active') {
        }
        else {
            $(this).fadeTo('fast', 0.4);
        }
        
    })
    
    /*$('#smallCarousel ul li:first').next('li').addClass('active');
     $('#smallCarousel ul li.active').find('img').fadeTo('fast', 1);*/
    $('#smallCarousel ul li').click(function(){
    
        if ($(this).prev('li').attr('class') == 'active') {
        
            if (totalThomb == 1 || totalThomb == 2) {
            
            }
            else {
                smallCurrentIndex = -1;
                $('#smallCarousel ul').animate({
                    left: thombWidth * smallCurrentIndex
                }, 1000, function(){
                    $('#smallCarousel ul').css('left', '-50px');
                    $('#smallCarousel li:last').after($('#smallCarousel li:first'));
                })
            }
            
            $('#smallCarousel ul li').removeClass('active');
            $(this).addClass('active');
            $('#smallCarousel ul li img').fadeTo(100, 0.4);
            $('#smallCarousel ul li.active').find('img').fadeTo('slow', 1);
        }
        
        if ($(this).next('li').attr('class') == 'active') {
        
            if (totalThomb == 1 || totalThomb == 2) {
            
            }
            else {
                smallCurrentIndex = 1;
                $('#smallCarousel ul').css('left', -thombWidth), function(){
                }
                $('#smallCarousel li:first').before($('#smallCarousel li:last'), function(){
                    $('#smallCarousel ul').animate({
                        left: -thombWidth * smallCurrentIndex
                    }, 1000);
                });
                $('#smallCarousel ul').animate({
                    left: -50
                }, 1000);
            }
            
            
            $('#smallCarousel ul li').removeClass('active');
            $(this).addClass('active');
            $('#smallCarousel ul li img').fadeTo(100, 0.4);
            $('#smallCarousel ul li.active').find('img').fadeTo('slow', 1);
        }
        
        else {
            $(this).find('img').fadeTo('fast', 1);
        }
        
    })
    
}

function autoDetuctSlide(){

    var getId = $(campaignData).find('media');
    
    for (var x = 1; x < getId.length; x++) {
        var getId2 = $(getId[x]).attr('id');
        
        
        if (getId2 == getURLId) {
        
            currentSlideIndex = x;
            
            return false;
        }
        
        else {
        }
        
        
        
    }
    
    
    
    
    
}

function socialUrl(){

    var mediaID = $(campaignData).find('media').eq(currentSlideIndex).attr('id');
    var campaignID = $(campaignData).find('media').eq(currentSlideIndex).find('campaignID').text();
    var mediaTitle = $(campaignData).find('media').eq(currentSlideIndex).find('headline').text();
    var mediaBody = $(campaignData).find('media').eq(currentSlideIndex).find('body').text();
    var mediaImage = $(campaignData).find('media').eq(currentSlideIndex).find('posterImage').find('url').text();

	if (page != "home") {
    	document.title = "David & Goliath - " + mediaTitle;
    }

	//$("meta[property=og:title]").attr("content", document.title);
	//$("meta[property=og:description]").attr("content", mediaBody);
	//$("meta[property=og:image]").attr("content", mediaImage);
    
    //var currentURL= window.location.pathname;
    
	$('.fbLink').attr('href', 'http://www.facebook.com/sharer.php?s=100&p[title]=' + mediaTitle +'&p[url]=' + escape(currentURL + 'work/campaign?campaignID=' + campaignID + '&mediaID=' + mediaID) + '&p[images][0]=' + escape(mediaImage) + '&p[summary]=' + mediaBody);
    $('.twLink').attr('href', 'http://twitter.com/share?text=' + mediaTitle + '&url=' + escape(currentURL + 'work/campaign?campaignID=' + campaignID + '&mediaID=' + mediaID));
    $('.diggLink').attr('href', 'http://digg.com/submit?url=' + escape(currentURL + 'work/campaign?campaignID=' + campaignID + '&mediaID=' + mediaID));
    
  
    
}

/* function for caseStudy */
function caseStudy(){
    var caseStudy = $(campaignData).find('media').eq(currentSlideIndex).find('caseStudy').text();
    if (caseStudy == "")// edit on 21-01-2011
    {
        $('#caseStudy').fadeOut('fast');
        
    }
    else {
    
        $('#caseStudy').fadeIn('fast');
        $('#caseStudy').attr('href', caseStudy);
        
    }
    
}


function handleEvent(e){

    switch (e.data.msg) {
    
        case 'animation started':
			
			_isAnimating = true;
			_videoStarted = false;
            buttonsOff();
            hideInfo();
            $('#playbutton').stop().fadeTo("fast", 0);
            
            
            break;
            
        case 'animation complete':

            buttonsOn();
            showInfo();
            $('#playbutton').stop().fadeTo("fast", 0.7);
            campainType();
            
            if ($('body').attr('id') == 'inside') {
                stopAuto();
            }
            else {
            }
            
			doMSIE7Fix();
			setTimeout(function(){_isAnimating = false;}, 1000);

            break;
            
        default:
            
            break;
            
    }
}


function trace(s){
    try {
        //console.log(s)
        //ipd.log(s)
        
    } 
    catch (e) {
    }
    //function trace(s) { try { console.log("%s", s) } catch(e) {}

}